移动端网站开发如何做代码适配?

科瑞斯官方科瑞斯官方 2023年11月03日 移动端网站开发如何做代码适配?

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

移动端网站开发如何做代码适配?

上次介绍了百度跳转适配的相关问题,今天为大家介绍一下移动端网站如何做代码适配。那么具体代码适配站点在开发时要留意那些内容呢?

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

一、VaryHTTP标头其作用在百度的文档里解释得很了解: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的逻辑。利用这个逻辑,在整站的<head></head>部分添加一行代码即可:如果用户是PC设备(留意需要包含BaiduspiderPCUA),则添加<metaname="applicable-device"content="pc">如果用户是移动设备(包含BaiduspiderMobileUA),则添加<metaname="applicable-device"content="mobile">

注:关于BAIDUSPIDER,移动和PC其实都是Baiduspider,并没有区分,只是UA进行了区分。新移动UA请见百度官方文档。以上是深圳网站建设科瑞斯为大家总结的一点经验,希望对大家在移动端网站制作的思路上有所帮助,如需获得咨询及计划,欢迎联系咨询我们获取。

二维码

添加客服微信,获取相关建站资料。

4008802488

13823549304

二维码

微信客服