鉴于移动化大潮的汹涌和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"> |
除非注明,否则均为泪雪博客原创文章,禁止任何形式转载
留言评论