移動站適配rel=alternate PC頁和H5頁適配標註

移動站適配rel=alternate PC頁和H5頁適配標註
鑑於移動化大潮的洶湧和H5頁的炫麗普及,百度針對PC頁與H5頁的跳轉適配方式推出了最優方案:
1.在pc版網頁上,添加指向對應移動版網址的特殊鏈接rel =”alternate”標記,這有助於百度發現網站的移動版網頁所在的位置;
2.同時在移動版網頁上,添加指向對應pc版網址的鏈接rel=”canonical”標記。

電腦端網站截圖:

移動端網站截圖:


如果你的網址是:
pc版網址:http://pc_url
移動版網址:http://mobile_url


那麼此示例中的註釋如下所示:
在pc版網頁(http://pc_url)上,添加:

<link rel="alternate" media="only screen and(max-width: 640px)" href="http://pc_url" >
在移動版網頁(http://mobile_url) 上,所需的註釋應為:

<link rel="canonical" href="http://mobile_url" >
之前的Meta標記(mobile agent)會繼續沿用,但我們推薦使用HTMAL5語言製作的移動頁面使用最新方案進行跳轉適配,其它如xml語言的移動頁跳轉適配,需要繼續使用之前的meta標記方式:

<meta name="mobile-agent"content="format=; url=mobile_url">

amp-img src="https://xn--hxtw09dumag66d.xn--kpry57d/ad/7448.jpg" width="320" height="240" layout="responsive">
分類