百度站長平臺再次就移動端網站優化提供優化建議。
百度針對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) 上,添加:
<linkrel="alternate"media="onlyscreenand(max-width:640px)"href="http://m.example.com/page-1">
在移動版網頁(http://m.example.com/page-1) 上,所需的註釋應為:
<linkrel="canonical"href="http://www.example.com/page-1">
之前百度強調的的Meta標記(mobile agent)還會繼續沿用,但現在百度推薦使用HTMAL5語言制作的移動頁面使用最新方案進行跳轉適配,其它如xml語言的移動頁跳轉適配,需要繼續使用之前的meta標記方式——<metaname="mobile-agent"content="format=[wml|xhtml|html5];url=url">。
一直糾結HTML5優化的站長有答案瞭。