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

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

咨询电话:13888621283
点击统计:636  发布时间: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

¤搭建商城APP平台,企业在哪些方面能得到提升? 我们知道,先当今的信息时代,掌握了信息,就是掌握了未来,而竞争如此激烈的网络时代,这句话就显得尤为关键,那么我们的企业正处在这风口浪尖上,就更要求我们充分利用这些信息产品来提升企业的生存空间,利用好信息产品

¤微信运营 受欢迎的热点文章怎么写
  选题立意  前几天是10月5日,湄公河事件5周年。而人民日报等多家主流媒体的报道必定会对电影《湄公河行动》今天的票房产生积极影响。往前推,4月18日广电总局要求PAPI酱整改视频粗俗语言也使其受关注程度达到了峰值

¤网站建设中如何明确网站功能
&nbsp; &nbsp;在确定好网站栏目后,需要对每个栏目进行说明,栏目说明原则是以动态模块为主、静态栏目为辅。对动态模块的介绍原则是功能介绍为主页面设计,结构及风格为辅。在对网站动态栏目的介绍中

¤大闸蟹产业物流是怎么工作的-通过互联网看现象
10月中旬的阴雨天让总水面18万亩的阳澄湖看起来更加茫茫无边。顾敏杰在湖边有间阳光房茶室,门外湖水清冽,迂回曲折的木质廊桥上有游客在自拍。这片水域给他和其他当地人带来了财富,其所产的大闸蟹闻名全国。&nbsp;西风响

¤微信公众号常用的排版工具推荐!(干货)
公众号图文编辑对于很多刚刚接手微信公众号运营的人员来说是一件头疼的事情!应该怎么选用合适的公众号编辑器呢?今天想给大家介绍几款常用的微信排版工具,希望对大家有用。&nbsp;1、135编辑器对刚入行的小伙伴们

¤网站数据分析 如何锁定精准流量
  一、流量数据分析流程是怎样的?  在进行流量数据分析前,我们得知道流量数据如何获取?常见的网站流量有哪些类型?如何区分真假流量?  1。1流量数据的获取  流量数据获取主要分3类:网站日志文件、打点、JS页面标记

¤产品卖不动?你可能缺一个微信分销商城
分销商城是建立在微信公众号的基础上的线上销售商城,可以为商家提供更好的展示机会和宣传机会,进一步提高产品的曝光度,提升产品的销量。微信用户越来越多,微信平台推出微信分销商城,可以在分销商城集中管理商家

¤网贷平台日常的活动类型有哪些
  体验金类活动  体验金类活动,很显然,目的在于吸引用户注册,让新用户了解平台的一个投资流程,并体验投资获得收益的一种感觉。作为拉新活动中常用的手法,它成本较低,且各平台都适用

¤如何进行网站推广 那些方法效果比较   如何进行网站推广?对于网站的推广,有些人并不清楚怎样来推广?对一个新手来讲,如你对网站推广不懂的话,那在做以前,需要对这方面有关的知识进行详细的了解,以便于在推广中,可以解决一些实际难题

¤网站建好后该怎样做才能提高客户的体验度 一、让消费者再次回到手机电子商务网站  电商网站能够采用一些办法不断招引老客户重复购买。例如,发卖女装的电商能够在每一个月的固准时刻,推出促销运动,将以前的消费者引回商城网站中。也能够在消费者购买后的一段时刻里

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