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

作者:投牛科技 发布日期:2018-05-10

       如果不做移动适配的话,可能我们本来有的移动网页和移动端排名因百度无法确认是移动页面,因此这部分流量都给指向了百度的转码页。可以看自己网站在站长工具里面,移动端有多少流量是指向了转码页。这部分流量在做完适配后,即可指向我们的移动页面,避免了自己的流量被百度截流。
 
       上次介绍了百度跳转适配的相关问题,今天为大家介绍一下移动端网站如何做代码适配。那么具体代码适配站点在开发时要注意哪些内容呢?
 
 
       代码适配的开发,百度官方也有详细的说明,可分为两部分: 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请见百度官方文档。
 
       以上是河南投牛科技为大家总结的一点经验,希望对大家在移动端网站制作的思路上有所帮助,如需获得专业咨询及方案,欢迎联系咨询我们获取。
 
标签: 移动端网站开发如何做代码适配?

上一篇:河南投牛科技-美容行业收银系统解决方案

下一篇:手机网站建设中百度移动适配操作使用方法

返回列表

最新案例

最新案例

APP新闻

网站营销微信营销公众号网站运营

自媒体网站制作网站开发网站内链

网站收录网站优化

网站架构网页制作手机网站网站设计

用户体验HTML5APP官网

Hi,Are you ready?

准备好开始了吗?
那就与我们取得联系吧

有一个互联网项目想和我们谈谈吗?您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与你取得联系。当然也欢迎您给我们写信或是打电话,让我们听到你的声音!

河南投牛科技有限公司

E-mail:admin@etn6.com

业务热线:0377-68178118 0377-68178118

大客户专线:15738686228(邱总)

地址:河南省南阳市宛城区范蠡路与南都路交叉口儒林星座C1207

合作意向表

您需要的服务

现有网站改版
我需要做微信营销
建设全新的企业网站
要找长期合作公司,需要年度服务
我需要做购物商城
我需要做系统平台

您最关注的地方

对功能要求比较高
对设计创意要求比较高
需要可以购物支付
搜索引擎排名

预算

3-5万 5-8万 8-10万 10万以上 大型项目需要招标
  • 验证码

业务QQ 0377-68178118 提交需求 河南网站建设投牛科技官网微信1