欢迎访问宁波三优网络科技有限公司官方网站!
NEWS
新闻观点
首页 > 网站建设 > 百度移动优化:PC页、H5页跳转适配最优方案

百度移动优化:PC页、H5页跳转适配最优方案

标签: 百度移动优化   | 作者:三优网络 | VISITORS:669 | 来源:www.suwl.cn
21
07
2016

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

百度移动优化:PC页、H5页跳转适配最优方案 微新闻

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



转载声明:本文由宁波三优网络原创文章
转载请注明来源: http://www.suwl.cn/news/detail/id/19.html
相关新闻
首页 | 关于我们 |公司服务 | 经典案例 |新闻观点 | 服务客户 | 联系我们
收缩

QQ在线客服

  • 在线咨询
  • 客服001
  • 客服002
  • 客服002
  • 客服002
  • 售后服务
  • 客服001
网页咨询

QQ在线客服