什么是自适应网站?
指的是网页通过不同大小终端设备自适应显示,根据屏幕大小、宽度自动调整布局,自适应也可以叫响应式。自适应网站是HTML5的新技术。
自适应网站的优点:
1、在PC端、手机端和IPAD端都是采用一套代码。
2、不需要另外申请其他的域名,一个账号码管理一个后台。
3、有效避免网页内容重复,可以专心维护一个网页。
4、网站优化更简单,对搜索引擎友好。
自适应站点对百度友好设计
1、applicable-device标注写法
自适应网页对搜索引擎友好,告诉百度“我是自适应页面”方便百度进行识别校验。
applicable-device标签写法在viewport标签下面添加即可:
<meta name="applicable-device" content="pc,mobile">
告诉百度该页面可以同时在移动设备和PC上进行浏览。
2、在百度站长平台链接提交工具的Sitemp进行提交时,注意要给mobile type做标记。
写法:<mobile:mobile type="pc,mobile"/>
其他网页取值如下:
<mobile:mobile/> :移动网页
<mobile:mobile type="mobile"/> :移动网页
<mobile:mobile type="htmladapt"/>:代码适配
无该上述标签表示为PC网页。
自适应网站能够给用户带来更好的浏览体验,网站建设需要考虑页面布局。当然自适应设计目前价格相对比较高,如果网站的要求的版面相对比较复杂的话,消耗的时间会比较长,比较适合单栏或双栏等简单版面网站。