为自适应网站添加meta标签增强搜索友好性

自适应网页可以自动识别终端设备屏幕的大小从而做出相应调整，完美解决了如何在不同大小的网络设备上呈现同样的网页效果。大家公认自适应至少有提升用户体验，PC端和移动端保持一致；避免重复内容和出错内容、链接统一。不过为了将强自适应网站对百度等搜索引擎的友好性，还需要为自适应网站添加meta标签增强搜索友好性，即搜索引擎“我是自适应页面”，方便进行识别校验。

1、浏览器对自适应识别校验代码

在自适应网页设计中，我们使用meta标签来告诉浏览器网页的自适应规则。如：

这个meta，user-scalable=yes 是声明网页可以缩小放大。
再如：

<!-- 强制让文档与设备的宽度保持1：1 -->

网页宽度默认等于屏幕宽度（width=device-width），初始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。

2、通用搜索引擎对自适应识别校验代码

这两个meta，no-siteapp和no-transform，是告诉搜索引擎不要把网页转码。

3、自适应网站对百度友好的meta

其实，使用上面两个meta声明，百度就能识别自适应网页了。不过，为了对百度更友好，让百度更方便识别校验，我们要再添加一个meta标签。

方法也很简单，只要在上面viewport标签下面再添加一个applicable-device标签就行：

这个meta标签，表示页面同时适合在移动设备和PC上进行浏览。

HandheldFriendly 标签最早在 AvantGo 浏览用来标示移动内容的，后来变成一个通用的标准用来标示移动站点，但是不知道这个标签的支持情况。

王发利SEO博客说：不是所有网站都适合自适应，如果有成熟PC网站来说，如果要实现全站的自适应应，有可能需要推掉原来所有的代码进行重构，时间和技术成本都比较大，而且如果一个网站有多个portal（入口），会大大增加架构设计的复杂度，所以现在有很多网站只在移动端实现了响应式布局设计。