移动自适应代码自适应配置教程
浏览:352 时间:2020-9-26

这篇文章“ldquo;失去了小爬虫”主要是围绕“代码改编”从相关官方使用的文档编制了一个详细的网站管理员开发教程,希望能够向网站管理员朋友移动这条路是有帮助的。

 一、代码适配方法简介

此方法使用相同的URL(无论用户使用何种设备),但根据服务器对用户使用的浏览器的知识(ua),为不同的设备类型生成不同版本的HTML。

 二、为什么要做代码适配

这主要关注移动终端的流量潜力。如果我们不进行移动改编,我们可能会将移动网页和移动终端排名无法通过百度确认为移动页面,因此这部分流量将转至百度的转码页面。您可以在网站站长工具中查看您的网站,手机上有多少流量指向转码页面。在对这部分流量进行调整后,它可以指向我们的移动页面,避免被百度拦截自己的流量。

 三、代码适配配置方法

它主要分为三个部分:Vary HTTP头,Meta适用设备标签和sitemapXML辅助推送。

1.添加Vary HTTP标头配置

百度的文档中清楚地解释了Vary HTTP标头的作用:

1)它会向百度发送信号,称这是一个代码自适应网站,百度将尽快抓取网站进行调整;

2)它可以防止用户收到错误的Web缓存。这部分是在网站的服务器上进行的。它可能是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

2,元适用设备标签

添加Vary标头后,为了让百度更好地识别我们的页面是PC还是Mobile,我们需要使用百度定制的Meta适用设备标签。请注意来自百度的以下消息:Meta适用设备标记不是必须标记的网站。许多网站都没有标记此标记也很好。但是这个标签可以帮助百度检查自己的判断并及时纠正。它不打算这样做,所以我们建议代码适配站点添加此标记以确保效果。

此部分将添加到网站的模板中。自适应网站必须具有确定用户设备是PC还是移动设备的逻辑。使用此逻辑,向整个站点添加一行代码:

1)如果用户是PC设备(请注意您需要包含Baiduspider PC UA),请添加

2)如果用户是移动设备(包括Baiduspider Mobile UA),请添加

首先需要在测试机上进行检查。您可以使用Google Chrome模拟Baiduspider来检查它是否正确添加,如下所示:

在测试机器的验收完成后,它可以在线。上线后,尝试使用网站管理员平台的爬虫诊断工具测试多个页面,以避免在线后与测试机器的不一致。例如,这是要检查的PC页面的在线结果。

3,sitemapXML文件辅助推送

在进行Meta适用设备配置后,最好修改sitemapXML文件,网站管理员可以实时推送后台,以加快搜索引擎识别您的PC站和移动台。

示例如下所示:

 四、效果跟踪

上线后,您可以继续跟踪百度移动的SEO流量数据。要跟踪的主要数据是网站自己的统计工具的流量数据和百度网站管理员平台的移动终端转码页面流量数据。上网后一到两周,移动端的流量应该会显着增加,而百度转码页面的流量会下降。这一变革过程将持续一段时间。在转码页面的流量基本为0之前,它将变成移动页面的流量。

简介:代码调整比跳转调整更复杂,具体取决于站点的复杂性和您需要创建的代码库的数量。代码调整所需的开发时间可能更长,需要服务器端编程;更高的性能。可以简化为仅包括针对相应设备优化的内容以获得最佳性能;如果需要维护,则需要大量资源。许多网站使用内容管理系统来避免此问题,并自动在所有模板上发布内容。设备上需要单独的文件和服务器端代码,以提供依赖于设备的体验;支持新平台(如智能电视)的扩展。

丢失的小爬虫”个人微信公众号:seopachong欢迎!如果您遇到与本文相关的任何问题,我会在第一时间帮您解决。本文由“ldquo;失去了小爬虫”完成原创,从A5开始,请注明作者的版权信息,谢谢合作!