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

王朝学院·作者佚名  2016-08-23
窄屏简体版  字體: 小  |  中  |  大  |  超大  

由于移动端访问量日益增大,各位站长都推出了M站,为此百度推出相关工具和教程来帮助大家做好移动站的适配工作,之前我们使用的是meta添加mobile agent的方式,而今天百度推出了新的最佳方案,请您看原文:

各位亲爱的网站管理员:

鉴于移动化大潮的汹涌和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) 上,添加:

<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">

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航