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

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

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

¤商城网站建设 配色类别值的注意   色彩,为我们的日常生活添加了很多的乐趣和生活情调。每天早上的日出,由灰中带红,红中有亮的色调组成,看到日出,我们的心情也会很好的。可以说,色彩在我们的日常生活中发挥着重要的作用。对于网站建设来说

¤好的网站设计具备的特点   现在网站设计已经算不上很稀奇的东西,随着互联网高速发展,人们可以在互联网上面了解到各种知识。众所周知网站设计的好坏,直接是影响到了网站用户转化率和企业品牌宣传。有很多人就会问了

¤2018快速提升网站排名和收录的方法
想要快速提升网站排名是每个SEO人员都比较常见的话题,如何提升网站排名?我认为网站的排名没有任何的捷径可以走,即使你通过黑帽的手法做上排名了,但是也会很快的,你的网站就会被K掉,这种事得不偿失的

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

¤企业如何选择可靠的网站建设公司 企业如何选择可靠的网站建设公司首先先给大家简略说明一下现在市面上常见的几种企业建站方法:  1、B2B职业渠道:比方阿里巴巴,选用自主注册,自行上传信息  2、自助建站:注册后能够自己设计官网

¤域名解析网站的时候容易遇到的问题   域名是网站的一个通道,如果关闭或访问其他网站,将对网站的发展和网站的优化产生负面影响。域名解析网站的时候往往会遇到不少的问题,出现这些问题的原因也是有很多的

¤如何制作网站?教程都有哪些?   制作一个网站是一件很费时的事情,但想要更好的效果的话就必须要建站,要想建设处一个好的网站,首先要了解其具体的操作流程,详细了解如何制作网站教程的各个步骤,才能找到一种有效的制作方法

¤如何自己做网站 这些要素和步骤要知晓   很多人想要自己做网站,但是网站建设并不是简单的事情。对于新手来说,如何自己做网站呢?首先我们要清楚做网站的三个要素,分别是域名、空间和网站程序。只有完成了这三要素的建设

¤为什么网站设计风格需要统一                                        一般来说,一个公司网站的页面一定不止首页,还会有其他的页面。设计精美的网站往往给人一种通透、完美与赏心悦目的感受,阅读感强烈,舒适惬意

¤网页制作报价主要影响因素有哪些?   为了能够拥有更加完美的网站,网页设计则成为非常重要的一部分,只有网页设计能够符合各位浏览者的习惯,并且能够具有吸引力,这样的网页设计才是成功的。所以在实际网站制作的过程中,网页设计的花费则是比较高的

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