移动站点适配概述及移动网站适配方案

　　移动互联网趋势也将几乎所有的网站和流量都引向了移动设备，而对于传统的 PC 网站也都转向移动端，开始匹配移动端站点，就连百度都推出了 MIP 规范类提升移动站点优化加速，那么对于站长来说，移动端站点可能就需要涉及到技术开发，以及是否使用 m/wap 等子域名，那么是否需要像搜索引擎提交移动适配规则呢？

　　什么是移动适配？

　　首先子凡觉得还是有必要说说什么是移动适配，百度搜索资源平台提供了一个叫做“移动适配”的工具，360 站长平台的也叫做“移动适配”，搜狗站长平台的叫做“开放适配”，神马站长平台的也叫做“移动适配”，简单的说这就是各个搜索引擎提供的一个为了方便从 PC 端页面适配到移动端页面的工具，简而言之就是方便搜索引擎知道 PC 端的 URL 是如何与移动端 URL 一一对应的。

　　移动适配功能为提升搜索用户在移动搜索的检索体验，搜索引擎会给对应 PC 页面的手机页面在搜索结果处有更多的展现机会，需要站点向搜索引擎提交主体内容相同的 PC 页面与移动页面的对应关系，即为移动适配。

　　哪些站点需要提交移动适配？

　　搜索引擎提供“移动适配”服务功能，就需要你同时拥有 PC 站和手机站，并且二者能够在内容上对应，即主体内容完全相同，那么你才需要使用移动适配工具进行对应关系提交。而例如像现在比较主流的自适应开发的站点以及代码适配的站点是不需要使用移动适配工具的，因为 PC 端页面和移动端页面的 URL 都是相同的，搜索引擎是会自动识别和判断站点是否兼容移动端浏览。

　　然而对于使用 m/wap 等子域名或独立域名适配开发的移动端站点，那么为了让搜索引擎能够快速的得到更快的收录以及权重匹配，通过各个搜索引擎的站长平台提交移动适配规则是尤为重要的。当然我们也可以通过在页面中使用 meta 标签添加指向，移动端站点可以添加 link rel="canonical"指向对应 PC 端 URL，如果你的移动端是基于百度 MIP 规范开发，还可以在 PC 端添加 link rel="miphtml"标签属性指向移动端 MIP 页面 URL，都是有利于搜索引擎更好的匹配和抓取页面的。

　　浅谈自适应和代码适配

　　其实子凡一直以来更为喜欢统一 URL 的方式，不论是做普通的移动端站点，还是后来的百度 MIP 规范移动页面，子凡的开发一直都是使用代码适配的方式实现，通过程序判断当前用户的方位设备类型，服务器返回对应匹配的页面，从网站优化的角度来看，网站整体 URL 足够规范，发一次外链可能就针对了 PC 端和移动端，而不需要单独的去做特别的优化针对，同时在页面的传播中也更为有利，不会传在多次跳转影响加载的情况。并且对于搜索引擎来说也都能够及时准确的收录和展现，所以如果你的站点能做到这样是最好的，至少子凡是这样认为。

　　对于自适应来说和代码适配有些许想通之处，当然大家也都知道子凡是一个追求极致的人，由于自适应从开发的角度来看，页面在不同的设备看都会存在加载许多冗余的内容，虽然我们可能无法直接从页面中看出来，但是代码中的那种多余是子凡接受不了的，但是不可否认器访问的兼容性优势，开发得好的页面可以完美兼容所有的不同设备，当然也就是考验开发和设计的能力了。

　　不论是自适应还是代码适配的移动端，从 SEO 优化的角度，以及站在用户的角度，其体验和传播来说可能都会略有优势，不过也是仁者见仁智者见智了。

　　移动网站适配方案

　　1.基于搜索引擎蜘蛛访问的适配

　　1.1百度适配标注

　　适配作用：指引搜索引擎蜘蛛爬行和抓取PC页面对应的简版移动站点页面；在站点PC页的源代码头部嵌入一行或多行Meta信息，由Meta信息来指明该PC页对应的简版移动站点页面的URL，以及该URL对应页面的格式，百度将根据用户终端类型选择相应的简版移动站点页面。（无对应关系的PC页面无需添加Meta ）

　　Meta适配声明格式说明：

　　Meta适配声明示例：

　　在http://www.xxxx.com页面源代码

　　备注：”format=html5”可根据移动站点页面的真实协议语言进行标记；

　　生效情况：

　　标注Meta声明这一适配方案仅在百度移动搜索中生效，即只有当用户通过百度移动搜索访问站点时，适配才会生效，通过其他渠道则不生效。在标注准确对应关系无误的情况下，大约需要七天左右的时间生效，老旧页面会有延迟。但百度不保证一定能在移动搜索结果中按照您标注的对应关系进行替换。

　　1.2谷歌适配标注

　　适配作用：为了帮助谷歌蜘蛛了解PC页面与手机页面的对应关系（无对应关系的页面则无需添加 ）

　　适配声明说明：

　　l 在PC页面上，添加指向相应简版移动站点页面的特殊链接rel="alternate"标记。这有助于谷歌bot发现网站的移动版网页所在的位置；

　　l 在简版移动站点页面上，添加指向相应桌面版网址的链接rel="canonical"标记；

　　适配声明示例：

　　例如，假设桌面版网址为http://example.com/page-1且相应的简版移动站点页面网址为http://m.example.com/page-1。那么此示例中的注释如下所示：

　　w 在PC页面上，添加以下代码：

　　备注：代码中的像素为最大宽度，其宽度可视情况调整；

　　w 在简版移动站点页面上，所需的注释应为：

　　备注：此简版移动站点页面中指向PC页面的rel="canonical"标记是必需的；

　　生效情况：此适配声明仅在谷歌移动搜索中生效；

　　2. 基于用户在移动终端访问PC页面的适配

　　适配作用：由于触屏版页面有助于提高用户体验度，因此网站需做好PC页面与手机站点页面之间的适配，以及手机站点各个版式（触屏版与简版）之间的适配（通过在服务器端进行设置或使用AJAX技术实现不同终端间的页面跳转）。当手机用户通过手机访问网站的PC页面时，页面将自动跳转到该PC页面对应的手机触屏版页面。

　　适配举例：

　　当用户使用手机访问http:// www.xxxx.com/时，页面自动适配跳转至相应的触屏版首页（http://m.xxxx.com/）；

　　生效情况：

　　当用户通过手动输入网址，或者通过导航站等渠道访问站点时，适配跳转同样有效。

　　3. 基于用户在移动搜索结果访问网站的适配

　　适配作用：同样为了提高用户体验度，网站需做好手机站各个版式（触屏版与简版）之间的适配（通过在服务器端进行设置或使用AJAX技术实现不同终端间的页面跳转）。当手机用户通过搜索引擎（百度，360，谷歌，搜狗）的移动搜索结果链接访问简版手机站点页面时，页面将跳转到相对应的触屏版页面。

　　适配举例：

　　当用户使用手机通过移动搜索引擎的搜索结果链接访问http://wap.xxxx.com/时，页面自动适配跳转至相应的触屏版首页（http://m.xxxx.com/）；

　　4.其他移动站点页面标签标注说明

　　4.1 DOCTYPE标签标注

　　标注作用：DOCTYPE标签标注有助于搜索引擎识别该页面是否适合移动设备浏览；

　　标注说明：

　　l xhtml协议的手机页面中可以使用如下DOCTYPE：

　　l wml协议的手机页面可以使用如下DOCTYPE：

　　l HTML5协议的手机页面可以使用如下DOCTYPE：

　　4.2 Meta标签标注

　　如果该网页只适合在移动设备上进行浏览， 例如http://wap.xxxx.com/，则在该页面源码的

　　备注：对于方案第四点中提到的DOCTYPE标签与meta标签标注，非必要代码，可视具体情况，自行决定是否添加。