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

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

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

¤网站建设制作前需做什么准备?才能更有效的制作好网站   不要以为网站建设制作很容易,这并不容易的,尤其是前期的准备工作是很重要的,这决定着你建站的目的、日后网站的维护、发挥网站的作用等都很重要。设计网站以前

¤建设集团网站有哪些需要注意的细节   建设集团网站有哪些需要注意的点呢?细节工作有哪些?这是很多集团领导想要知道,虽然说现在很多集团都有着自己网络部,但是很多项目还是外包出去给别人做,因为自己集团网络部没有其他网站建设公司那么专业

¤软件开发公司该如何选择?越便宜越好吗? 技术是一家软件开发公司的核心,编程是一场思想的实现,优秀的技术团队,从项目开始到结尾,就有一个清晰的流程与思路,技术实力强弱也决定最后产品的效果,优秀的产品经理能前期很快理解客户的需求,并给出合理的意见

¤电商网站如何设计才能让人印象深刻   近年来,随着网络的不断发展,越来越多的企业也都是选择了建立自己的网站,可以说,网站建立的也是越来越多了。那么,电商网站设计如何才能让人印象深刻呢?今天小编就来给大家简单的介绍一下

¤网站设计必须要注意的几大事项   互联网的时间,网站就是一个企业的门户,通过网站就能了解这个企业,所以网站设计变的重要,它不仅需要视觉上有愉悦的感觉,制作时,还有将整体的内容,主题,网页设计的相关原理,都要系统的结合起来

¤企业网站关键词如何优化布局才合理?                                    企业网站关键词如何优化布局才合理?这是很多新上线的企业网站需要面临的一个问题,我们将特别针对这类型的网站来聊一下核心关键词和长尾关键词应该如何合理布局,今天就给大家讲解下

¤网站建设如何选择适合自己的主机产品?
   网站建设其实就是为了自己在应用的时候方便,建站之初要考虑的是把网站放哪里?也就是网站空间。  空间就是存放网站内容和程序的地方,也叫虚拟主机,它相当于一个房子,房子越大,空间越大,存放的东西就越多。怎么选择房子大小

¤一个好网站的标准是什么
   总结地来说,一个网站是否优秀,衡量的标准就是它能否实现客户所要求的职能。而在实现这个职能的过程中,网站的访问量与转化率是其中为直接的指标。转换率是好网站当中考功夫的环节,需要用到大量网站建设的方法和标准

¤未来几年SEO需要关注的八个方向
  :学会关键词的布局。这是大多数SEO都不太擅长的一点,关键词布局合理,网站优化起来会事半功倍,如果哪天你发现了一个站,它没有更新,没有外链,不做友链,排名还特别好,那么有一大部分的原因就是因为它关键词布局合理

¤竞价推广钱花了效果不明显怎么破
  先SEM推广没有效果大概会想到的问题都有哪些?关键词过偏?是不是呢?CPA高了?或又是转化率偏低?等等!这些都是没有效果的表现!  大概就这些问题:关键词较差、咨询不好、跳出率高、恶意点击严重、成本居高不下、转化率特

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