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

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

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

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

¤如何构建良好的网站结构
  要构建一个良好的网站结构,必须做到以下5个方面:  &nbsp; &nbsp;  1。每页都要有更新带动器,有更新带动器的页面更易获得好的权重。   2。网站文章中的标题就是内页的title

¤如何优化flash网站 经验技巧分享   不同的网站有着不同的优势,即使现在flash网站并不吃香,但是依然有不少老板还是比较喜欢这种带有flash动画色彩的网站,所以,做flash网站优化也并不稀奇。那么

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

¤互联网广告文案怎么写,网络软文的写作技巧
绝大部分网络公司为了控制运营成本都不会雇佣的广告文案写手,这一现象导致网站建设项目中的很多广告图设计总是缺乏吸引力和转化率。那么,在没有广告文案参与广告设计的时候,我们设计师应当怎样处理好广告文案

¤如何让你的微信公众号内容更有吸引力?                                    微信公众号怎么做才吸引人?微信公众号怎么吸粉?微信营销一直都是一个热门话题,下面就给大家分享,如何让微信公众号内容更加吸引人,有哪些技巧?1、标题的醒目技巧在微信时代

¤网站打开速度优化可以从哪些方面进行   相信许多朋友在进行网站浏览的时候,都是喜欢看一下网站打开的速度是怎么样的,如果网站打开速度并不是特别的快的话,许多朋友可能就会关闭网站,选择其它的网站来进行浏览了。这样一来,也就在无形之中,丢掉了许多用户

¤新鲜出炉的网站设计趋势 2018年已到最后的一个月,关于网站的版面设计和页面设计等等之前我们也谈到过很多,欣赏好的网站设计总能让人有更多的灵感,了解趋势对于创造更好用户体验的网站也有帮助。今天我们就来了解一下新出的网站设计趋势吧。   1

¤对网页设计师而言,是选择单页面还是多页面的设计?
  对于许多网页设计师而言,是选择单页面还是多页面的设计,可能会非常的棘手。随着移动端和社交媒体的兴起,简单快速响应迅速的单页网站,成为了目前网页设计的趋势。另一方面,传统的多页设计也因其广泛的认知,而被广大用户所认可

¤深圳设计好并且靠谱的网站建设公司
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 越来越多的公司和企业都需要拥有自己的网站,这样不仅可以做到一定的宣传,也能让顾客有更简单的体验。但是网站建设并不是一件容易的事情

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