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

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

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

¤怎么应对网站建设中的需求变更,需求变更应该怎么做
需求有变更,就意味着设计、开发团队的工作有浪费。这首先是资源和时间的浪费。这会导致团队成员有抵触情绪,对项目经理及需求产生了不确定感,项目经理的威信下降。严重的还会导致团队成员懈怠工作

¤新媒体运营打造爆点 把握这三要素即可
  提炼产品的需求或痛点是基础  无论做任何产品和事件,传播的原点就是找到用户的诉求点,去寻找这个内容或产品里能够真正打动用户,引起用户传播的契机。这就个是传播的核心。对于这个契机的判断标准是,它是否具备一个独特属性

¤高端微商的3大核心思维 95%人不知道
  跟着交际电商的兴起,以微信、微博为代表的交际途径遭到极大的期待,将来10年,微商将会变成产品推广的主要通道。开过taobao店的都知道,taobao的思想是流量、数据、转化。而微商的思想主要是兄弟圈、熟人圈

¤购买网站空间和域名的方法和注意事项   进行网站建设的时候,一定是少不了网站空间和域名的,那么,网站空间和域名在购买的时候需要哪些基本步骤和流程,下面我们一起来了解一下如何正确的购买。  购买网站空间的流程  网站空间购买流程总共有三个步骤

¤建一个网站需要多少钱?易百讯科技为您解答   《建一个网站需要多少钱》,这个问题大家在互联网上出现的次数已经很多,今天易百讯科技来给大家分析一下,对于网站建设多少钱的问题,以下几点讲解一下给大家,希望能帮到大家

¤网页设计-首屏页面吸睛的设计方法
是时候让我们来讨论一下关于网页设计的中的首屏页面的一些设计思路了。首屏页面是用户初步浏览你的网站所接触的“第一视觉”,它可以说是你的整体网站设计的门面工程了。无论用户是从桌面设备,平板电脑还是移动设备访问你的网站

¤怎么对网站进行数据分析,网站建设完成后数据分析方法
拿到一个网站以后,通过后台的数据分析能找到网站有哪些缺陷以及用户对现有网站哪一部分更加感兴趣。找到这些对于网站后期的优化非常的有帮助,找到数据就等于找到用户需求。、分析ip、pv、uv的比例从真实性说来uv是真正的用户

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

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

¤网站数据分析 如何锁定精准流量
  一、流量数据分析流程是怎样的?  在进行流量数据分析前,我们得知道流量数据如何获取?常见的网站流量有哪些类型?如何区分真假流量?  1。1流量数据的获取  流量数据获取主要分3类:网站日志文件、打点、JS页面标记

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