什么是自适应网站？

　网页自适应显示在不同大小终端设备上，一次设计，普遍适用，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局。自适应网站设计也通常被大家称作做响应式网站设计。

　自适应网站设计可以在网页地址不变的情况下满足用户在不同设备上浏览访问的需求，同时方便网站内容的管理与更新、针对搜索引擎友好等特点，这也是自适应网站设计的最大优点。

　指的是网页通过不同大小终端设备自适应显示，根据屏幕大小、宽度自动调整布局，自适应也可以叫响应式。自适应网站是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网页。

　自适应网站能够给用户带来更好的浏览体验，网站建设需要考虑页面布局。当然自适应设计目前价格相对比较高，如果网站的要求的版面相对比较复杂的话，消耗的时间会比较长，比较适合单栏或双栏等简单版面网站。、

    济南网站策划设计公司分享http://www.raysun-newmedia.cn/