在百度果真的三种移动化手艺选型中，，，，，，代码适配可在网上寻找到的内容并未几，，，，，，那么详细代码适配站点在开发时要注重哪些内容呢？？？？？？

文/TripAdvisor 猫途鹰SEO认真人张洺乾

百度的移动适配现在分为三种情形：跳转适配，，，，，，代码适配和自顺应。。。。。。跳转适配现在百度的站长平台里有完整的适配工具，，，，，，可以在平台里提交适配规则即可。。。。。。可是代码适配则需要我们在网站里做一些设置，，，，，，才华让百度准确识别STAKE中国官方网站网页适配关系。。。。。。下面就详细先容下我们做代码适配的历程。。。。。。

流量潜力

若是不做移动适配的话，，，，，，可能我们原来有的移动网页和移动端排名因百度无法确认是移动页面，，，，，，因此这部分流量都给指向了百度的转码页。。。。。？？？？？？梢钥醋约和驹谡境すぞ吣诶铮，，，，移动端有几多流量是指向了转码页。。。。。。这部分流量在做完适配后，，，，，，即可指向STAKE中国官方网站移动页面，，，，，，阻止了自己的流量被百度截流。。。。。。

开发

代码适配的开发，，，，，，百度官方也有详细的说明（详情见关于代码适配部分内容），，，，，，可分为两部分： 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 加上之后，，，，，，为了让百度更好地识别STAKE中国官方网站页面是 PC 照旧 Mobile，，，，，，就需要使用百度自界说的这个 Meta applicable-device 标签了。。。。。。注重以下来自百度的新闻: Meta applicable-device 标签，，，，，，并非是站点必需标注的，，，，，，现在许多站点没有标记这个标签情形也很好。。。。。。但这个标签可以资助百度校验自己的判断，，，，，，并实时举行修正。。。。。。做这个事情又不贫困，，，，，，以是我们建议代码适配站点为了包管效果，，，，，，照旧加这个标签。。。。。。

因此可能有些网站之前的移动流量已经很好了, 不会泛起被百度转码的情形. 这说明百度已经能很好地识别你的移动页面了. 可是依然建议加上这个标签, 一来加这个标签很容易, 二来可以确保百度能更准确地识别页面类型. 若是没有加这个标签的话, 万一突然手艺做改版, 一些代码的修改导致百度无法继续准确识别页面类型了呢?

这部分是在网站的模板里添加的。。。。。。自顺应的网站一定已经有了判断用户装备是 PC照旧 Mobile的逻辑。。。。。。使用这个逻辑，，，，，，在整站的 部分添加一行代码即可：

若是用户是PC装备(注重需要包括Baiduspider PC UA)，，，，，，则添加

若是用户是移动装备(包括Baiduspider Mobile UA)，，，，，，则添加

注：关于BAIDUSPIDER，，，，，，移动和PC着实都是Baiduspider，，，，，，并没有区分，，，，，，只是UA举行了区分。。。。。。最新移动UA请见百度官方文档。。。。。。

验收上线

开发完成后，，，，，，需要先在测试机上验收。。。。。？？？？？？梢杂 Google 浏览器来模拟 Baiduspider  来检查是否添加准确, 如图所示, 是检查 Baiduspider Mobile UA 的效果的

在测试机上验收完成后就可以上线了。。。。。。上线后，，，，，，只管再用站长平台的抓取诊断工具测试几个页面，，，，，，以免到线上后泛起与测试机纷歧致的情形。。。。。。好比下面是抓取 PC 页面来检查的线上效果。。。。。。