PC站与H5移动站最佳适配方案

HTML5是目前HTML的最屌版本,同时也是建设移动站的最佳技术。百度适时推出PC站与H5移动站的最佳适配方案,对站长而言实在是久旱逢甘霖。详情如下:

PC站与H5移动站最佳适配方案

pc端:

在pc版网页上,添加指向对应移动版网址的特殊链接rel="alternate"标记,这有助于百度发现网站的移动版网页所在的位置。

适配代码:<link rel="alternate" media="only screen and(max-width: 640px)" href="对应H5移动端网址" >

H5移动端

在移动版网页上,添加指向对应pc版网址的链接rel="canonical"标记。

适配代码:<link rel="canonical" href="对应pc端网址" >

注意

1、之前的Meta标记(mobile agent)会继续沿用。H5移动端推荐用上述最新适配。

2、非H5移动端,需要继续使用之前的Meta标记方式——<meta name="mobile-agent" content="format=[wml|xhtml|html5]; url=url">

posted @ 2017-07-17 11:14  优前程  阅读(2609)  评论(0编辑  收藏  举报