百度移动优化: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优化的站长有答案了。
更多关注微信:xllx999
-
2019最新创业方法(附:上百个互联网创业成功案例)
2019-10-24浏览:15365
-
99%的大型企业产品运营都是这么做的(借助互联网思维来做产品运营)
2019-10-24浏览:9342
-
快速增加流量的方法(适合任意行业的网络推广技巧)
2019-10-24浏览:35264
-
虎门大桥恢复交通后车流顺畅
06-12浏览:1382
-
虎门大桥涡振是什么意思 虎门大桥简介
06-12浏览:1799
-
怎么样把一件事情做成功呢?
06-07浏览:123
-
全栈工程师自述:我的编程能力为什么突飞猛进?| 知乎4千4百赞
11-22浏览:1167
-
又一起相互宝拒赔案例,投保的时候得当心了
11-22浏览:1850