(转) 移动站适配rel=alternate PC页和H5页适配标注

转自 https://www.cnblogs.com/osfipin/p/5852037.htmlhtml

 

鉴于移动化大潮的汹涌和H5页的炫丽普及,百度针对PC页与H5页的跳转适配方式推出了最优方案:
1.在pc版网页上,添加指向对应移动版网址的特殊连接rel="alternate"标记,这有助于百度发现网站的移动版网页所在的位置;
2.同时在移动版网页上,添加指向对应pc版网址的连接rel="canonical"标记。html5

电脑端网站截图:post

移动端网站截图:网站

若是你的网址是:
pc版网址:http://pc_url
移动版网址:http://mobile_urlurl


那么此示例中的注释以下所示:
在pc版网页(http://pc_url) 上,添加:3d

<link rel="alternate" media="only screen and(max-width: 640px)" href="http://pc_url" >

在移动版网页(http://mobile_url) 上,所需的注释应为:code

<link rel="canonical" href="http://mobile_url" >

以前的Meta标记(mobile agent)会继续沿用,但咱们推荐使用HTMAL5语言制做的移动页面使用最新方案进行跳转适配,其它如xml语言的移动页跳转适配,须要继续使用以前的meta标记方式:orm

<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=mobile_url">
相关文章
相关标签/搜索