上次介绍了百度跳转适配的有关问题,今天为大伙介绍一下手机端网站怎么样做代码适配。那样具体代码适配站点在开发时应该注意什么内容呢?
代码适配的开发,百度官方也有详细的说明,可分为两部分: Vary HTTP标头 和 meta applicable|device 标签。 1、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
2、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 注:关于B人工智能DUSPIDER,移动和PC其实都是Baiduspider,并没区别,只不过UA进行了区别。新移动UA请见百度官方文档。 以上是深圳网站制作为大伙总结的一点经验,期望对大伙在手机端网站建设的思路上有所帮助,如需获得咨询及策略,欢迎联系咨询大家获得。有关文章推荐:《手机网站制作中百度移动适配操做用法》http://www.szweb.cn/SeoNews/6645.htmlTAG:深圳网站制作/




