&人参与 | 时间：日 12:27
在公开的三种移动化技术选型中，代码适配可在网上寻找到的内容并不多，那么具体代码适配站点在开发时要注意哪些内容呢?笔者给大家介绍一下：百度的移动适配目前分为三种情况：跳转适配，代码适配和自适应。跳转适配目前百度的站长平台里有完整的适配工具，可以在平台里提交适配规则即可。但是代码适配则需要我们在网站里做一些配置，才能让百度准确识别我们的网页适配关系。下面就详细介绍下我们做代码适配的过程。流量潜力如果不做移动适配的话，可能我们本来有的，因此这部分流量都给指向了百度的转码页。可以看自己网站在站长工具里面，移动端有多少流量是指向了转码页。这部分流量在做完适配后，即可指向我们的移动页面，避免了自己的流量被百度截流。开发代码适配的开发，百度官方也有详细的说明，可分为两部分： 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 的逻辑。利用这个逻辑，在整站的 部分添加一行代码即可：如果用户是PC设备(注意需要包括Baiduspider PC UA)，则添加如果用户是移动设备(包括 Baiduspider Mobile UA)，则添加注：关于BAIDUSPIDER，移动和PC其实都是Baiduspider，并没有区分，只是UA进行了区分。验收上线开发完成后，需要先在测试机上验收。可以用 Google 浏览器来来检查是否添加正确, 如图所示, 是检查 Baiduspider Mobile UA 的效果的在测试机上验收完成后就可以上线了。上线后，尽量再用站长平台的抓取诊断工具测试几个页面，以免到线上后出现与测试机不一致的情况。比如下面是抓取 PC 页面来检查的线上结果。跟踪上线后就可以持续跟踪百度流量数据了。要追踪的主要是网站自己的统计工具统计的流量数据和百度站长平台的移动端转码页流量数据。上线后一到两周，移动端的流量应该就会有明显的增长，而百度转码页的流量则会下降。这个此消彼长的过程会持续一段时间。直到转码页的流量基本为0，都转为移动页的流量。来源：百度站长平台相关阅读：顶: 1踩: 0
1楼&& 14:10:04 我网站做了之后，用百度诊断工具去测试，发现PC端页面返回的是mobile端的，这是什么回事？顶: <ins data-digg="踩: <ins data-digg="
2楼&& 01:27:22 又涨姿势了顶: <ins data-digg="踩: <ins data-digg="
3楼&& 12:37:36 这真是令人窒息的心痛顶: <ins data-digg="踩: <ins data-digg="
4楼&& 16:20:45 不错顶: <ins data-digg="踩: <ins data-digg="
5楼&& 14:14:22 擦，听不懂啊顶: <ins data-digg="踩: <ins data-digg="
6楼&& 16:59:12 现在不都是自适应网站么？顶: <ins data-digg="踩: <ins data-digg="
7楼&& 10:46:56 没看懂，感觉很复杂啊，具体怎么设置还是不清晰。。。。顶: <ins data-digg="踩: <ins data-digg="
8楼&& 13:42:47 自适应的该怎么办呢？顶: <ins data-digg="踩: <ins data-digg="
9楼&& 09:22:53 试做手机端看看 效果顶: <ins data-digg="踩: <ins data-digg="
10楼&& 09:05:25 弄个百度webapp就好了，看起来比较利于用户体验。顶: <ins data-digg="踩: <ins data-digg="
11楼&& 07:20:56 不错的方法顶: <ins data-digg="踩: <ins data-digg="
12楼&& 15:09:47 来抢个沙发顶: <ins data-digg="踩: <ins data-digg="
13楼&& 13:35:12 来看看案例和方法顶: <ins data-digg="踩: <ins data-digg="
相关文章阅读更多：&&&&
(window.slotbydup=window.slotbydup || []).push({
id: '2398775',
container: s,
size: '300,250',
display: 'inlay-fix'html5实现移动端适配完美写法_html5教程技巧
作者：用户
在pc版网页(http://pc_url) 上，添加：&link rel=&alternate& media=&only screen and(max-width: 640px)& href=&http://pc_url& &在移动版网页(http://mobile_url) 上，所需的注释应为:&lin...
在pc版网页(http://pc_url) 上，添加：
&link rel=&alternate& media=&only screen and(max-width: 640px)& href=&http://pc_url& &
在移动版网页(http://mobile_url) 上，所需的注释应为:
&link rel=&canonical& href=&http://mobile_url& &
之前的Meta标记（mobile agent）会继续沿用，但我们推荐使用HTMAL5语言制作的移动页面使用最新方案进行跳转适配，其它如xml语言的移动页跳转适配，需要继续使用之前的meta标记方式:
&meta name=&mobile-agent&content=&format=[wml|xhtml|html5]; url=mobile_url&&
html5新增的移动适配写法如上，这个主要是为了百度等搜索引擎抓取到网站的移动端网址是什么，不是自动当设备切换到手机时自动跳转的.若实现自动跳转还需要js.
以上所述是小编给大家介绍的html5实现移动端适配完美写法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持。
以上是互联网用户为您的的内容，在阿里云内部有更多的关于html5实现移动端适配完美写法_html5教程技巧的内容，欢迎继续使用右上角搜索按钮进行搜索html移动适配、html5移动端适配、以便于您获取更多的相关信息。
本文内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件至：zixun-group@service.aliyun.com 进行举报，并提供相关证据，工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。
若您要投稿，删除文章请联系邮箱：zixun-group@service.aliyun.com
工作人员会在5个工作日内回复
html教程栏目为您免费提供
相关信息，包括
的信息 ，所有
相关内容均不代表阿里云的意见！投稿、删除文章请联系邮箱：zixun-group@service.aliyun.com，工作人员5个工作日内回复。后使用快捷导航没有帐号？
<div class="mn"
在百度站长discuz移动适配怎么写
下次自动登录
用其他账号登录：
移动适配怎么写
QQ图片14.png (26.26 KB, 下载次数: 2)
10:02 上传
上一篇：下一篇：
dz的移动模式有3种&&而且手机版没有伪静态
可以使用动态地址匹配默认的手机版的触屏版就可以
目前不是会自动校验吗？看着说明填写就可以
&&站帮网专注的& && &
注册天数超过365天的论坛元老
拥有元宝超过8000的土豪大大
站帮网管理员
站帮网管理员
在站长互助版区帮助其他站长解决100次答疑
至尊站长勋章
拥有帮币超过10000的至尊站长
通过任务在聊吧发帖量达到1000帖的灌水达人们
在线时间超过2000小时的超长待机王
广告招商 QQ: 5620010
站帮网介绍
&CopyRight
深圳市站帮科技有限公司【移动适配】目录级移动适配如何使用工具提交适配关系
免费（搜索引擎优化），主要涉及内容有、、以及等常见的站长基础知识。
记住我的登录信息
电子邮件地址
输入用户名或电子邮箱地址，您会收到一封新密码链接的电子邮件。
用户名或电子邮件地址
158*****163 &&&&
0871-*******自适应的网站需要不需要做移动适配？_搜外问答
自适应的网站需要不需要做移动适配？
1,797 次浏览
分享到微信
mobile-agent 可以试试这个，还有加一些H5网站需要用的到Meta
自适应的网站的本来就适应移动的，不然怎么叫做自适应网站，怎么还能想到这个问题
自己都适应了，你还做，不就重复了么，只是需要告诉sousuoyingqin你是自适应的就可以了
30天内高手都在交流什么
(0 个回答)
(0 个回答)
(0 个回答)
(3 个回答)
(4 个回答)
(4 分钟前)
(19 分钟前)
(22 分钟前)
(1 小时前)
(1 小时前)
给问题设置一定金额，将更容易获得关注与回答。
选择支付方式}