记录生活
用脚步丈量世界

HTML5百度优化

百度站长平台再次就移动端网站优化提供优化建议。

百度针对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」>。

一直纠结HTML5优化的站长有答案了。

赞(0)
分享到

评论 抢沙发