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

作者：网站建设公司 来源：佛山网站建设日期：2020-11-11 浏览： 次

网站建设 - 建站教程 - 网站定制开发 - 移动端网站开发如何做代码适配？
如果不做移动适配的话，可能我们本来有的移动网页和移动端排名因百度无法确认是移动页面，因此这部分流量都给指向了百度的转码页。可以看自己网站在站长工具里面，移动端有多少流量是指向了转码页。这部分流量在做完适配后，即可指向我们的移动页面，避免了自己的流量被百度截流。

上次介绍了百度跳转适配的相关问题，今天为大家介绍一下移动端网站如何做代码适配。那么具体代码适配站点在开发时要注意哪些内容呢？


佛山网站建设


代码适配的开发，百度官方也有详细的说明，可分为两部分： 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.fslingdu.com/SeoNews/6645.html

网站定制开发

企业网站建设一条龙
找零度飞易网络公司-fslingdu所做php网站建设方案、网站设计、网站制作由北京上海深圳龙岗衢州兰州常州东营南通济宁桂林淮安烟台长春无锡天津昆山苏州合肥贵洛阳昆明天津唐山泉州惠州万州新乡商丘台州哈尔滨太原摄影海口随州学校商丘广东湖南广西江西海南广州企业中小企业武汉南山罗湖福田虎门肇庆汕尾汕头广州佛山成都杭州济南重庆福州西安厦门昆山沈阳青岛徐州郑州南京宁南宁长沙大连淄博石家庄南昌温州珠海番禺顺德南三水高明中山东莞合肥江门嘉兴西宁大良容桂伦教勒流陈村均安杏坛龙江乐从北滘祖庙石湾南庄等地区企业网站建设(广告)公司提供专业做网站价格规划书及营销型网站制作,网站建设基础知识
标签：佛山网站建设网页设计网页制作网站制作企业网站建设做网站百度优化佛山网络营销佛山网站优化

上一篇：没有网站开发技术就可以建设网站吗？

下一篇：佛山网站应用系统开发

网站定制开发

网站案例

网站案例

建站经验   建站经验

教育网站设计方案
建材网站设计方案
机械网站设计方案
广告网站设计方案
家居照明网站设计方案
环保设备网站设计方案
五金网站设计方案
电器网站设计方案
家具网站设计方案
机械网站设计方案

网站建设费用

网站制作电话：137 1543 1176

网站开发QQ:378780108

E-mail：sale@ilingdu.cn如何制作网站QQ :378780108

网站建设服务

网站建设公司零度飞易是一家专业网站设计,网站制作、seo优化,网站推广,网站建设的佛山网络运营公司。零度飞易在家具网站建设、小家电网站建设、服装网站建设、电器网站建设、机械网站建设等行业的网站设计、网络运营都得到行业认可，在上海、深圳、北京、广州、佛山、中山、东莞地区有着良好的口碑品牌的网站建设公司。我们的使命是打造创新型的网站建设企业，能轻易地开展“互联网+”业务、实现“互联网+企业”的企业愿景。

粤ICP备2025386773号-3Copyright © 网站建设 零度网络建站公司 2026版权所有建站公司RSS订阅 标签地址：佛山市顺德区大良凤翔商业广场二座670

Hi,Are you ready?

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

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

零度飞易 互联网整合营销

地址：佛山市顺德区大良凤翔商业广场二座670

业务QQ：378780108

策划专线：13715431176

E-mail：sale@ilingdu.cn

合作意向表

您需要的服务

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

您最关注的地方

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

价格预算

1-3万3-5万5-8万8-10万10万以上大型项目需要招标

业务QQ13715431176 提交需求网站建设