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

百度针对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优化的站长有答案了。

相关阅读：

响应式网页设计的快速教程(适合个人站)

HTML5与搜索引擎优化

4个好用的基于HTML5的跨平台App开发工具

来源：卢松松博客（QQ/微信：13340454），转载请注明出处！

本文地址：https://lusongsong.com/blog/post/1297.html