代码适配移动站点对百度友好案例分享

发表日期：2015-10-08   资讯来源：佰牛科技   浏览：117

在百度公开的三种移动化技术选型中，代码适配可在网上寻找到的内容并不多，那么具体代码适配站点在开发时要注意哪些内容呢？我们请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，都转为移动页的流量。

 

内容标签：
seo助手
seo优化大全
网站seo
深圳网站建设
推荐案例
{ solution_title }
相关资讯

【签约】深圳目路教育官网网站建设项目

目路SEEPATHS专注于为学生家庭提供教育升学的定制服务。团队持续运营超过8年，目前已经发展成为一家以升学结果为导向，多元化道路与学生背景条件相结合的高端专业、实现学生个性化升学规划的服务机构。

日期：2020-09-24    浏览：116

【签约】深圳中浩建设官网建设项目

深圳中浩建设实业有限公司成立于2000年,是一家专业从事沥青路面施工,集工程投资管理,沥青路面,彩色沥青路面,路面养护维修为一体的公司。

日期：2018-07-12    浏览：116

【签约】深圳财阜集团APP开发项目

财阜集团的是一家扎根香港，并专注于为所有客户和会员提供一站式海外资产配置及服务的综合集团。

日期：2019-05-03    浏览：111

【签约】大可智能教育信息网平台网站建设项目

大可智能教育信息网面向全国一线教师和学生，提供高考、留学、考级考试以及 各年级相关备课、迎考的专业资源。

日期：2017-09-20    浏览：111

【签约】深圳活石学院教育平台项目

活石学院，源自香港，提供DSE课程学习，留学权威，服务全球，以及服务香港本地中小幼升学，规划香港及海外大学本科留学，是业内首屈一指的香港教育专家。

日期：2018-11-03    浏览：109

网站长尾关键词优化的六大法宝

长尾关键词，按字面理解就是搜索长度长，有2至3个词组成的词语，而用户有可能会用的这些词进行搜索。那么，对于已经存在的长尾词需要怎么优化呢？接下来分享长尾词优化的六大法宝。

日期：2018-07-05    浏览：163

用户粘性提高才能够保证网站良性发展

网站优化都有很多公司来说都是非常重要的，因为如果你的网站上要是有更多的客户的话，那么势必要在网站优化上下一些功夫，如果网站是比较好的话，那么这种网站它的用户粘性相对来说应该是比较高的，因为用户粘性对于我们建站的人来说是非常的重要的，因为只有用户粘性能够提高的话，才能够保证我们的网站运营中能够良性发展。

日期：2018-07-05    浏览：154

这些网站图片优化小技巧十分受用

图片优化是网站要进行优化的一个十分重要的方面，传统意义上的优化仅仅只是图片要加alt标签或是仅仅压缩。但这样太过粗陋，以下带来详细技巧。

日期：2018-07-05    浏览：122