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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM