百度发布PC页、HTML5页跳转适配最优方案

张子凡 搜索引擎优化研究 2015-06-13 15:38:54 阅读(...) 评论(2)

鉴于移动化大潮的汹涌和 H5 页的炫丽普及,百度针对 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) 上,添加:

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

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

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

强调:之前的 Meta 标记(mobile agent)会继续沿用,但我们推荐使用 HTML5 语言制作的移动页面使用最新方案进行跳转适配,其它如 xml 语言的移动页跳转适配,需要继续使用之前的 meta 标记方式:

1
<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url">

除非注明,否则均为泪雪博客原创文章,转载请以链接形式标明本文地址

本文链接:https://zhangzifan.com/pc-and-h5.html

发表评论

  1. 电泳设备
    1楼
    电泳设备 4年前 (2015-06-24)

    博主您好,我昨天还在找没想到今天一大到遇到你的博客,看到了这条标签:不知道是不是我们有缘呀,您的博客我感觉做得很好,学习一下

    • 泪雪
      回复
      泪雪 4年前 (2015-06-24)
      回复 @电泳设备 :欢迎常来哈