云南网站建设 13888621283云南商城开发

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

咨询电话:13888621283
点击统计:494  发布时间:2018-10-31 15:56:08
如果不做移动适配的话,可能我们本来有的移动网页和移动端排名因百度无法确认是移动页面,因此这部分流量都给指向了百度的转码页。可以看自己网站在站长工具里面,移动端有多少流量是指向了转码页。这部分流量在做完适配后,即可指向我们的移动页面,避免了自己的流量被百度截流。

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




代码适配的开发,百度官方也有详细的说明,可分为两部分: 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请见百度官方文档。

以上是深圳网站建设沙漠风为大家总结的一点经验,希望对大家在移动端网站制作的思路上有所帮助,如需获得咨询及方案,欢迎联系咨询我们获取。

相关文章推荐:《手机网站建设中百度移动适配操做使用方法》http://www.szweb.cn/SeoNews/6645.html



转载自:沙漠风

信息推荐
INFORMATION RECOMMENDATION

¤建一个网站需要多少钱 不同网站价格大不同   随着对互联网认识的逐步提高,人们越来越重视一个网站对于企业的重要性。因为一个好的网站不仅仅可以帮助我们在线上销售商品,还能帮助我们提高和宣传公司的知名度,可谓是一举两得

¤企业域名申请流程很简单 只需这三步   随着互联网时代的深入化,人们越来越依赖网络。对于企业来说,网络就是销售工具,网站就是公司的门面,就是公司的名片,就是公司对外的窗口。公司要建设自己的网站,域名是必不可少的,那么域名申请流程是什么样的

¤如何建设官网能够增加用户信任感?
  在21世纪,商家和消费者合作讲的两个字就是诚信,在互联网当中也离不开诚信这两个,企业官方网站建设只有让用户觉得可以信任,才会成功实现网络营销。那么企业官方网站要如何建设才能令企业用户信任

¤怎么对网站进行数据分析,网站建设完成后数据分析方法
拿到一个网站以后,通过后台的数据分析能找到网站有哪些缺陷以及用户对现有网站哪一部分更加感兴趣。找到这些对于网站后期的优化非常的有帮助,找到数据就等于找到用户需求。、分析ip、pv、uv的比例从真实性说来uv是真正的用户

¤微信公众号注册流程
近期很多客户来问,微信公众账号怎么注册,注册需要提前准备哪些资料阿

¤搜索引擎算法不停变化 核心要点从来没变
  、文章质量和用户搜索需求的吻合度  就内容质量而言很多优化细节已经较之以往发生了明显的变化,都认为优质的内容很大程度上就是原创内容,导致的结果是大家想方设法的搞原创,只要搜索引擎中未收录的内容都可以当原创

¤简析视频网站SEO应注意的要点
  1:虚假类型视频  视频网站普遍存在的问题例如:在搜索的时候总会发现一些全集、高清完整版、在线观看、完整版这样的字眼,如果你文题相符就罢了,现实是绝大部分网站根本就没有什么全集、高清完整等视频

¤搜索结果展示摘要与description书写不同原因
  为什么站点页的摘要与description书写的不一样?对流量会不会有影响?  百度官方给予了解释:  1、百度未承诺严格按照TITLE和description的内容展示标题和摘要,尤其是摘要,会根据用户检索的关键词

¤新媒体运营工具集合 微信微博运营事半功倍
  有的时候页面排版甚至比写稿还费时间,这次沙漠风分享一些微信编辑器提高大家的编辑效率!  1、秀米  样式精美,功能全面,除排版外甚至可以编辑H5,也是沙漠风微信运营团队用的个微信编辑器,模板可以收藏

¤网站打开速度慢?迅速优化建站图片需掌握什么技巧   就在迅速建站中,图片的使用则是核心的一部分。但许多网站并没把图片优化给做好,这使得网站的加载速度变慢,还留给搜索引擎的印象并不好。那么迅速建立网站时

返回首页
返回首页
拨打电话
拨打电话
短信咨询
短信咨询