您当前的位置:主页 > 教程合集 > SEO优化网站首页SEO优化

百度移动搜索优化的三种适配方式详解

发布时间:2015-11-06编辑:余斗阅读:(0)字号:
    百度移动搜索目前三种较为流行的PC站点移动化配置方式分别是跳转适配、代码适配和自适应,虽然官方也给出详细介绍,但是相对难懂,余斗今天就做下总结,并从性能和配置方式方面分别对三者进行分析。 一、代码适配 代码适配的网站是用相同的网址,由服务器获取用户的浏览器(UA),然后针对不同的终端设备输出不同的网页代码,这种适配的网站PC与移动网址一致但是代码不同,这样的网站开发难度中等,维护难度高,支持扩展新平台。 网站使用代码适配时,因为页面内容发生变化,需要告知搜索引擎,要添加 Vary HTTP标头,这里在《代码适配移动站点时的注意事项》时中已详细讲解,它能帮助Spdier更快速地发现针对移动设备优化的内容,能提高其他UA抓去此网页的优先级。下图是一个正确代码适配的 Vary HTTP标头示例: 百度移动搜索优化的三种适配方式详解 添加 Vary HTTP标头后我们还需要在pc响应的Html代码head中加:
    <meta name="applicable-device" content="pc">
    在移动的响应的Html代码head中添加
    <meta name="applicable-device" content="mobile">
    二、跳转适配 跳转适配网站是利用不同的网址向不同的终端设备提供不同的代码,这种配置会检测用户使用的设备,然后重定向到响应网址页面。这种适配的网站PC 与移动网址不一致,代码也不同,可以理解为就是两个不同的网站公用一个数据库,开发难度低,维护成本中等,但不支持扩展至新平台。 跳转适配的网站,每个PC网址都对应不同的移动网址,除了要在站长平台添加适配关系外,还需要在PC网页代码中添加指向移动网址的 rel="alternate" 标记,在移动网页代码中添加指向对应PC网址的 rel="canonical" 标记,这样就能有助于发现网站不同版本的网页所在位置。 比如,余斗的网站的一篇文章《十月尾记》PC页面网址为:http://www.yudouyudou.com/yudoubiji/ganwu/242.html,对应的移动页面网址为: http://m.yudouyudou.com/yudoubiji/ganwu/242.html,那么余斗在这篇文章的PC网页代码head中加上:
    <link rel="alternate" media="only screen and(max-width:640px)" href="http://lailaikeji.com/spa" style="color:#91268F">"http://m.yudouyudou.com/yudoubiji/ganwu/242.html" >
    移动网页代码head中加上:
    <link rel="canonical" href="http://lailaikeji.com/spa" style="color:#91268F">"http://www.yudouyudou.com/yudoubiji/ganwu/242.html" >
    因为现在大部分网站都有自己的CMS管理系统,我们在部署移动与PC网页代码时就要在模版文件中添加好,这样能省去大量工作。 三、自适应 自适应网站是通过用同一网址相同代码的设计方法,根据用户的屏幕大小不同自动调整页面显示方式。这种适配的网站PC与移动网址一致但是代码也相同,开发成都稍高,需要根据考虑不同的终端大小做出不同的css样式和图片,维护成本低,支持新平台的扩展,这种适配方式的网站在所有终端的用户体验一致。 自适应的网站,除了余斗前期讲过《自适应站点的seo优化配置》中的设计原则外,还要使用元素处理自适应图片,另外需要在网页代码的head部分加入:
    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
    <meta name="applicable-device"content="pc,mobile">
    第一段代码实现根据用户终端屏幕尺寸自动缩放,第二段代码则表示页面在PC与移动设备上都适合浏览。 以上就是百度移动搜索优化的三种移动配置,余斗建议使用跳转适配方式,这样用户体验与可控性都很好,大家结合网站自身选取。另外,关于移动配置,百度有还有两个建议: 1、使用跳转适配方式的时候,不要用JS对UA进行适配跳转,因为一般的搜索引擎Spdier都不支持JS渲染,会识别不了重定向。而对用户来说会有延迟,用户体验不好,建议直接做301跳转,这样就不会有延迟。 2、同一个域名下要使用同一种配置方式,即代码适配、 跳转适配、自适应只能存在一种。例如,不要把移动页面作为PC站的子目录来配置。
关键字词移动适配
余斗余斗
  1. 转载请注明: 百度移动搜索优化的三种适配方式详解_余斗余斗_鸿运国际手机登录首页
  2. 版权声明: 本站原创文章,由 发表在 SEO优化 分类下,于2015-11-06最后更新
手机端访问PC端页面如何正确跳转
Etag详解以及对SEO的作用
手机扫一扫 随身带着看
鸿运国际手机登录首页