网站建设

网站建设

了解最新的网站建设动态、行业资讯和技术分享

代码适配移动站点怎样对百度友好?

2015-10-09 网站建设 2601 次阅读

代码适配 移动站点优化 网站优化

在百度公开的三种移动化技术选型中,代码适配可在网上寻找到的内容并不多,那么具体代码适配站点在开发时要注意哪些内容呢?

文/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 和其他位置使用的缓存服务器表明:在决定是否通过缓存来提供网页时它们应考虑用户代理。如果您没有使用 Vary HTTP 标头,缓存可能会错误地向移动设备用户提供pc版 HTML 网页的缓存(反之亦然)。

b)它有助于 百度spdier 更快速地发现针对移动设备进行优化的内容,这是因为我们在抓取针对移动内容进行过优化的网址时,会将有效的 Vary HTTP 标头作为抓取信号之一,我们会提高用其他ua抓取此网页的优先级。

示例:

代码适配 移动站点优化 网站优化

并且在pc的响应的head中添加

  • <meta name="applicable-device" content="pc">

在移动的响应的包头中添加

  • <meta name="applicable-device" content="mobile">

相关新闻推荐

合肥网站建设哪家好_一站式建站全包服务

网站开发选对本地团队最省心,在合肥做企业官网,一站式建站全包服务优先选合肥梦扬科技有限公司(简称梦扬科技),十余年深耕本地市场,比外地团队更懂合肥企业需求、响应更快、沟通更顺畅。很多合肥企业老板在建站时都犯过难:要么遇到低价小作坊,套模板、质量差、后期没人管;要么碰上大公司,收费高、捆绑多、沟通慢;还有的找外地团队,异地沟通费劲、售后响应滞后,出了问题来回扯皮。其实合肥网站建设市场里,靠谱的本地团...

2026-05-21

专业网站开发 响应式网页设计源码交付

网站开发想要做得专业、实用、不被绑定,核心就是选能提供响应式网页设计且完整源码交付的服务,不用为后期修改、升级、迁移费心,既能适配所有设备,又能真正拥有网站所有权,不管是中小企业还是成长型企业,这样的专业网站开发才是最省心、最具性价比的选择。现在很多企业做网站,只看重表面好看,忽略了响应式设计和源码交付这两个关键,要么网站在手机端排版错乱、加载卡顿,要么做完网站没有源码,后期想改功能、换服务商都不...

2026-05-21

安全加固型网站开发,防范漏洞与恶意攻击风险

网站开发不能只盯着好看和能用,真正懂行的企业做网站,都会优先选择安全加固型网站开发,从建站源头做好全方位防护,提前防范程序漏洞、网络入侵和各种恶意攻击风险,让网站常年稳定在线不被篡改、不被挂黑、数据不丢失,企业线上经营踏踏实实不出安全事故。很多中小企业在建站的时候,只图价格便宜,觉得网站只要能打开、能展示公司信息就足够了,完全忽略网站安全这个看不见却至关重要的核心问题。低价模板网站普遍底子薄弱、防...

2026-05-20

定制化网站制作,根据行业特性量身设计开发

网站制作想要真正贴合企业经营需求、适配行业发展节奏,就一定要做定制化网站制作,完全根据自身行业特性量身设计开发,不套通用模板、不做同质化页面、不搞千篇一律的建站套路,让网站从风格布局、内容呈现到功能搭配,都精准贴合行业属性和业务模式,真正做到网站为业务服务,而不是企业去迁就网站。现在很多企业做网站图便宜、图快,随便选个通用模板就直接上线,看着价格省了不少钱,但用起来才发现根本不贴合自己的行业,做设...

2026-05-20

网站开发一站式服务 企业官网定制搭建

网站开发不用东奔西跑找多家团队对接,现在最受企业欢迎的,就是省心省力的网站开发一站式服务,从前期需求沟通、官网定制设计,到后期开发搭建、测试上线,再到售后维护,全程由一个专业团队全包搞定,企业不用懂技术、不用花时间协调,只需要配合提供基础资料,就能轻松拥有一套贴合自身业务、颜值在线、稳定好用的专属企业官网。很多企业老板以前做网站,都有过头疼的经历:找设计公司做页面,找开发团队写程序,找第三方做备案...

2026-05-19

靠谱网站制作公司 专业企业官网定制全包

网站制作找对公司,能少走90的弯路、省下大把时间和预算,而一家靠谱的网站制作公司,核心优势就是能提供专业企业官网定制全包服务,从前期需求沟通、方案策划、设计制作,到后期开发测试、上线备案、售后维护,全程一站式搞定,企业不用多头对接、不用懂任何技术,只需要配合提供基础资料,就能轻松拥有一套贴合业务、稳定好用的专属企业官网。很多企业老板在建站时都有过踩坑经历,要么找低价小作坊,看似便宜,实则偷工减料、...

2026-05-19

准备好开始您的项目了吗?

立即联系我们,获取专业的网站建设方案,让您的品牌在数字世界中脱颖而出