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

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

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

¤星巴克内容营销分析,星巴克互联网运营分析
大家应该都注意到了这样一个现象:可口可乐,百事可乐,雪碧,雀巢咖啡等饮料品牌都很喜欢在电视,网络视频,公交站台等地方打广告。而全球大的咖啡连锁品牌——星巴克却貌似只会在自家的微博上发发广告

¤搜索结果展示摘要与description书写不同原因
  为什么站点页的摘要与description书写的不一样?对流量会不会有影响?  百度官方给予了解释:  1、百度未承诺严格按照TITLE和description的内容展示标题和摘要,尤其是摘要,会根据用户检索的关键词

¤网络营销方案怎么制定从何处着手
  网络营销方案到底有哪些步骤?从哪个地方着手?目标该怎样定,怎样去细化目标,细化到哪个程度?流量挖掘的侧重点在哪?怎样分解每个阶段的工作?   网络营销方案并不只是营销总监/运营总监的专属品,也是其他营销人员的增值品

¤创建网页内容需要注意事项有哪些   而今的网络时代的到来给我们提供了更多的便利,因为博得了市场的广为需求,但是要想更好的提升服务性能创建网页时候必须重视内容的作用发挥,给我们才能提供更为高效的服务满足

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

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

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

¤高端网站开发设计对企业有何帮助?
  企业进行高端网站开发设计就是希望进行网络营销推广工作,这是一种网上互动性很强的销售方式,可以帮助企业快速实现全程的营销目标,是目前造价成本比较低的一种市场营销模式。和传统的销售方式相比

¤过年放假期间怎么维护网站
你的网站在过年期间有人维护吗?,你知道如何在假期里做好网站的维护呢,网站SEO优化如何做才好呢?沙漠风来告诉你在放假期间改怎么维护网站:1、拷贝网站数据出去之前还有一件主要的事情要做,那就是对网站的数据进行拷贝

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

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