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

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

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

¤政务类型网站的建设趋势 能起到一定的便民效果   我国相关政府职能部门对于互联网的应用已经是越来越成熟了,各部门推出的政务类型网站不但对外展示了相关部门的日常工作还提供了便捷的办事途径,很多原先要排队办理的事项现在通过相关网站就能够快速的办理

¤标准型网站怎么制作 效果会更好更明显   其实网站的建立没有太过于规范的标准,或者说是规定的样式,今天我们就来讲一讲,标准的网站怎么制作才是正确的。  网站建设前期  在网站怎么制作的前期,要做好充分的市场调研,了解当今网站的运营状况以及种目类别

¤个人如何免费创建网站 具体步骤是什么   互联网技术不断的发展,现在互联网已经深深影响着人们生活,网上叫车、网上购物、网站求医等等在以前可是想都不敢想的事情,随着互联网发展,网站建设也变得十分火热。对于老手站长来说,网站建设是很简单一件事情

¤不关闭网站也能通过备案的方法
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 怎么不关站就顺利完成备案的经历,给大家以参考。  阶段,想要屏蔽管局IP。我备案是在阿里云的,之前是关站,这次想不关,就想屏蔽了杭州和我这省会的IP直接访问

¤新网站做了一个月SEO百度不收录的原因在这里
经常有客户来沙漠风咨询网站建设的相关方案,寻求网站的SEO优化推广的方法,近日我们对此也做了一系列的总结,希望能帮助到一部分网络新人。   一、网站页不收录的几点问题1。网站模板是套用的模板没有做任何的布局或者框架改动

¤2017百度移动搜索如何优化
  一、https安全  近京东12G用户信息泄露,雅虎10亿用户信息泄露等事件再次成为媒体焦点,互联网的黑客攻击一直以来都是防不胜防。  除了信息泄露之外,脆弱的网站防护还会导致,黑客盗取一切用户的点击、浏览等各种数据

¤页标题修改对国内两大搜索引擎的影响
  前段时间对网站标题做了修改,增加了深圳网站制作这个词,导致网站被百度降权,大概一周时间关键词普遍下降1到2页,持续2个多月才恢复,之前排名60左右的深圳网站制作前进到30名左右

¤什么是微信指数? 如何利用微信指数扩大企业知名度?
 众所周知,微信做为一个超级流量入口,其一举一动无不倍受关注,从小程序的诞生,再到这次微信指数的上线,蝉大师觉得,针对移动互联网的优化工作即将进入一个崭新的时代。微信指数是什么?相信大家对于百度指数非常的了解

¤微信小程序:申请门店小程序教程
随着微信小程序的运用,越来越多的企业及商家关注到小程序给用户带来的便捷,小程序除了有很多的开发应用外,不乏很多免费项目可以做,其中门店小程序就是为典型也是一款非常容易上手的微信营销推广模式,深圳网站建设沙漠风为此做好教程

¤经历了微信的封杀 微商之路何去何从
  经历了微信的大面积封杀,微商之路何去何从?  解决这个问题之前,我们先来说说微商为什么会火?微商兴起之时,微信用户虽说没有如今的8亿少说也得有5亿,除了老的不懂用手机,小的没买手机之外,几乎每个人都在被绑在微信上

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