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

標籤：str   dia   log   移動化   info   pos   img   html   screen   

轉自 https://www.cnblogs.com/osfipin/p/5852037.html

 

鑒於移動化大潮的洶湧和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=[wml|xhtml|html5]; url=mobile_url">

 

 

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