百度移动优化:PC页、H5页跳转适配最优方案
百度优化
作者: 卢松松
2015-08-28 22:06:44
[ 闻蜂导读 ] 百度站长平台再次就移动端网站优化提供优化建议。

百度针对PC页与H5页的跳转适配方式的最优方案:在pc版网页上,添加指向对应移动版网址的特殊链接rel="alternate"标记;同时在移动版网页上,添加指向对应pc版网址的链接rel="canonical"标记。

百度给出的范例:

pc版网址:http://www.example.com/page-1

移动版网址:http://m.example.com/page-1

那么对应的注释如下:

在pc版网页(http://www.example.com/page-1) 上,添加:

<link rel="alternate" media="only screen and(max-width: 640px)"     href="http://m.example.com/page-1" >

在移动版网页(http://m.example.com/page-1) 上,所需的注释应为:

<link rel="canonical"href="http://www.example.com/page-1" >

之前百度强调的的Meta标记(mobile agent)还会继续沿用,但现在百度推荐使用HTMAL5语言制作的移动页面使用最新方案进行跳转适配,其它如xml语言的移动页跳转适配,需要继续使用之前的meta标记方式——<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url">。

一直纠结HTML5优化的站长有答案了。

更多关注微信公众号:jiuwenwang

相关文章

  • 刘旷的头像

    刘旷

    购团邦资讯网创始人

  • 冯耀宗的头像

    冯耀宗

    IT评论者、互联网观察员、SEO专家

  • 卢松松的头像

    卢松松

    百强自媒体、IT博客50强、创业者

  • 康斯坦丁的头像

    康斯坦丁

    知名IT评论人,科幻星系创建人,多家知名媒体及企业特邀顾问专家

  • 王雪华的头像

    王雪华

    RUN媒体创始人

  • 月光博客的头像

    月光博客

    知名IT独立博客作者龙威廉


  • 验证码: 看不清?点击更换 看不清? 点击更换
  • 意见反馈
    意见反馈
    返回顶部