文/TripAdvisor 猫途鹰SEO负责人张洺乾
百度的移动适配目前分为三种情况：跳转适配，代码适配和自适应。跳转适配目前百度的站长平台里有完整的适配工具，可以在平台里提交适配规则即可。但是代码适配则需要我们在网站里做一些配置，才能让百度准确识别我们的网页适配关系。下面就详细介绍下我们做代码适配的过程。
流量潜力
如果不做移动适配的话，可能我们本来有的移动网页和移动端排名因百度无法确认是移动页面，因此这部分流量都给指向了百度的转码页。可以看自己网站在站长工具里面，移动端有多少流量是指向了转码页。这部分流量在做完适配后，即可指向我们的移动页面，避免了自己的流量被百度截流。
开发
代码适配的开发，百度官方也有详细的说明（详情见关于代码适配部分内容），可分为两部分： Vary HTTP标头 和 Meta applicable-device 标签。
【Vary HTTP 标头】
其作用在百度的文档里解释得很清楚：
1、它会向百度传递一个信号，表示说这是个代码适配的站点，百度就会尽快把网站抓取一遍进行适配；
2、它可以防止用户接收到错误的网页缓存。这部分是在网站的服务器上进行的，有可能是Nginx,Apache, IIS 等，需要在服务器的配置里，设置Varyheader 为Vary:Accept-Encoding, User-Agent
比如Nginx 下，可以在配置文件中加上：more_set_headers-s 200 "Vary: " "Accept-Encoding, User-Agent"
注意：打开这个设置需要nginx同时安装有ngx_headers_more模块
在Apache下，可以在配置文件里写上：Headerappend Vary User-Agent
【Meta applicable-device 标签】
Vary header 加上之后，为了让百度更好地识别我们的页面是 PC 还是 Mobile，就需要使用百度自定义的这个 Meta applicable-device 标签了。注意以下来自百度的消息: Meta applicable-device 标签，并非是站点必须标注的，现在很多站点没有标记这个标签情况也很好。但这个标签可以帮助百度校验自己的判断，并及时进行修正。做这个事情又不麻烦，所以我们建议代码适配站点为了保证效果，还是加这个标签。
因此可能有些网站之前的移动流量已经很好了, 不会出现被百度转码的情况. 这说明百度已经能很好地识别你的移动页面了. 但是依然建议加上这个标签, 一来加这个标签很容易, 二来可以确保百度能更准确地识别页面类型. 如果没有加这个标签的话, 万一突然技术做改版, 一些代码的修改导致百度无法继续准确识别页面类型了呢?
这部分是在网站的模板里添加的。自适应的网站肯定已经有了判断用户设备是 PC还是 Mobile的逻辑。利用这个逻辑，在整站的<head></head>部分添加一行代码即可：
如果用户是PC设备(注意需要包括Baiduspider PC UA)，则添加<metaname="applicable-device" content="pc">
如果用户是移动设备(包括Baiduspider Mobile UA)，则添加<metaname="applicable-device" content="mobile">
注：关于BAIDUSPIDER，移动和PC其实都是Baiduspider，并没有区分，只是UA进行了区分。最新移动UA请见百度官方文档。
验收上线
开发完成后，需要先在测试机上验收。可以用 Google 浏览器来模拟 Baiduspider 来检查是否添加正确, 如图所示, 是检查 Baiduspider Mobile UA 的效果的
在测试机上验收完成后就可以上线了。上线后，尽量再用站长平台的抓取诊断工具测试几个页面，以免到线上后出现与测试机不一致的情况。比如下面是抓取 PC 页面来检查的线上结果。
跟踪
上线后就可以持续跟踪百度移动的SEO流量数据了。要追踪的主要是网站自己的统计工具统计的流量数据和百度站长平台的移动端转码页流量数据。上线后一到两周，移动端的流量应该就会有明显的增长，而百度转码页的流量则会下降。这个此消彼长的过程会持续一段时间。直到转码页的流量基本为0，都转为移动页的流量。
关于代码适配
为了使百度能够知道当您的页面发生变化时，同时需要用其他的ua重新抓取一遍，请您添加Vary HTTP标头。Vary HTTP 标头具有以下两个非常重要且实用的作用：
a)它会向 ISP 和其他位置使用的缓存服务器表明：在决定是否通过缓存来提供网页时它们应考虑用户代理。如果您没有使
PC和移动站点添加适配代码，同时在百度站长平台提交对应关系。
【跳转适配】
在此配置中，每个pc版网址都具有一个对应的不同网址，用于提供针对移动设备进行优化的内容。为了帮助我们的算法了解单独的移动版网址，我们建议您使用以下注释：
在pc版网页上，添加指向对应移动版网址的特殊链接 rel="alternate" 标记。这有助于发现网站的移动版网页所在的位置。
在移动版网页上，添加指向对应pc版网址的链接 rel="canonical" 标记。
例如，假设pc版网址为http://www.example.com/page-1，且对应的移动版网址为 http://m.example.com/page-1，那么此示例中的注释如下所示：
在pc版网页(http://www.example.com/page-1) 上，添加：
<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page-1" >
而在移动版网页(http://m.example.com/page-1) 上，所需的注释应为:
<link rel="canonical"href="http://www.example.com/page-1" >
也可以使用原有的开放适配提交方法：http://zhanzhang.baidu.com/college/courseinfo?id=267&page=20
在站长平台， 我们可以下拉看到自己的网站，在移动适配专区，还可以看到移动适配、app属性和siteapp。其中移动适配属于自建移动端网站，而app适配是百度自带的一种移动端网站。在移动适配的时候，可以看到有规则适配和url适配，都是在pc端和移动端进行一个桥梁的搭建。可以实现自动转换。如，同一个页面你用pc端看，和移动端看显示内容各有差异。
下图以规则适配—单条规则为例，根据上面的需求进行填写。主要该注意的为，url表达式，（/w+）和（/d+）等，可以参考正则表达式规则，进行一一对应填写。其中提交的url对，最好是收录和排名较好的页面，有助于规则的匹配成功。
以URl适配为例，这里需要注意的是，url对进行填写的时候，需要是pc端和移动端进行一一对应，中间用“空格”隔开。其中url对的书写也最好是收录和排名较好的网页。也可以直接上传url文件，进行大批量的url对上传。
不同的适配规则，在提交之后，显示的是不一样的。如下图第一条的url适配，和第二条的规则适配。
适配关系规则提交之后，根据网站的排名流量以及适配规则的填写等，可以看到提交后的处理状态，会显示“校验成功”“校验部分成功”“校验失败”“校验中”等。如果校验失败也不用删除，流量和排名上去之后，还可能校验成功的。
步骤阅读
欢迎分享，转载请注明来源：夏雨云
微信扫一扫
支付宝扫一扫
评论列表（0条）