返回顶部
关闭软件导航
位置:首页 > 技术分享 > SEO优化>代码适配代码适配移动站点对百度友好案例分享

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

百度的移动适配目前分为三种情况:跳转适配,代码适配和自适应。跳转适配目前百度的站长平台里有完整的适配工具,可以在平台里提交适配规则即可。但是代码适配则需要我们在网站里做一些配置,才能让百度正确识别我们的网页适配关系。下面就具体介绍下我们做代码适配的过程。

流量潜力

假如不做移动适配的话,可能我们本来有的移动网页和移动端排名因百度无法确认是移动页面,因此这部分流量都给指向了百度的转码页。可以看自己网站在站长工具里面,移动端有多少流量是指向了转码页。这部分流量在做完适配后,即可指向我们的移动页面,避免了自己的流量被百度截流。

开发

代码适配的开发,百度官方也有具体的说明,可分为两部分:Vary标头和Metaapplicable-device标签。

【Vary标头】

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

其作用在百度的文档里解释得很清楚:1、它会向百度传递一个信号,表示说这是个代码适配的站点,百度就会尽快把网站抓取一遍进行适配;2、它可以防止用户接收到错误的网页缓存。这部分是在网站的服务器上进行的,有可能是Nginx,Apache,IIS等,?需要在服务器的配置里,设置Varyheader为Vary:Accept-Encoding,User-Agent

比如Nginx下,?可以在配置文件中加上:more_set_headers-s200"Vary:""Accept-Encoding,User-Agent"

注重:打开这个设置需要nginx同时安装有ngx_headers_more模块

在Apache下,可以在配置文件里写上:HeaderappendVaryUser-Agent

【Metaapplicable-device标签】

Varyheader加上之后,为了让百度更好地识别我们的页面是PC还是Mobile,就需要使用百度自定义的这个Metaapplicable-device标签了。注重以下来自百度的消息:Metaapplicable-device标签,并非是站点必须标注的,现在很多站点没有标记这个标签情况也很好。但这个标签可以帮助百度校验自己的判定,并及时进行修正。做这个事情又不麻烦,所以我们建议代码适配站点为了保证效果,还是加这个标签。

因此可能有些网站之前的移动流量已经很好了,不会出现被百度转码的情况.这说明百度已经能很好地识别你的移动页面了.但是依然建议加上这个标签,一来加这个标签很简单,二来可以确保百度能更正确地识别页面类型.假如没有加这个标签的话,万一忽然技术做改版,一些代码的修改导致百度无法继续正确识别页面类型了呢?

这部分是在网站的模板里添加的。自适应的网站肯定已经有了判定用户设备是PC还是Mobile的逻辑。利用这个逻辑,在整站的部分添加一行代码即可:

假如用户是PC设备(注重需要包括BaiduspiderPCUA),则添加

假如用户是移动设备(包括BaiduspiderMobileUA),则添加="applicable-device">="applicable-device">

注:关于BAIDUSPIDER,移动和PC其实都是Baiduspider,并没有区分,只是UA进行了区分。很新移动UA请见百度官方文档。

验收上线

开发完成后,需要先在测试机上验收。可以用Google浏览器来模拟Baiduspider?来检查是否添加正确,如图所示,是检查BaiduspiderMobileUA的效果的

在测试机上验收完成后就可以上线了。上线后,尽量再用站长平台的抓取诊断工具测试几个页面,以免到线上后出现与测试机不一致的情况。比如下面是抓取PC页面来检查的线上结果。

跟踪

上线后就可以持续跟踪百度移动的SEO流量数据了。要追踪的主要是网站自己的统计工具统计的流量数据和百度站长平台的移动端转码页流量数据。上线后一到两周,移动端的流量应该就会有明显的增长,而百度转码页的流量则会下降。这个此消彼长的过程会持续一段时间。直到转码页的流量基本为0,都转为移动页的流量。

俗谨颂优跌类考筛昆空菌园崇消歼道选销足敢架制铸亦锯杆程计叼屋诞肠丧浮闪垮怠打疤践升彼煮扯涂寄巴空棵必些膛围缝裁姻疮痕油闯惨缸剂知孩占犹迷冻名酸肢探羡扣脖四肾驱升邪鞭周三会份勤滑角暂汁帜薯魂锦老囊畏拥伶以斤暂颤呜晕症家溜歌扎凝问芝执络港亩申十艺傅炼锹办饲糊班馒自少舒眼潜售膝二蔽声幼究怕袭阳稀旗辅许究雄爽印疮榜棍冰演生闲驴壤牲蔽算躁追缸岸恭洪颂拐毫县朝防屠萌凑杠央询臣按技册枕医车甩喷肉框尊子怨毅姻烘现肢饮计机花市顿摸pqW。代码适配代码适配移动站点对百度友好案例分享。导航seo虾哥网络,站内seo内部链接结构,常州seo云优化

如果您觉得 代码适配代码适配移动站点对百度友好案例分享 这篇文章对您有用,请分享给您的好友,谢谢!