【百度優化排名】電腦端和移動端頁面跳轉適配最佳方法
對于之前就一直強調的移動端適配的方法就不再贅述了,比如:我的深圳SEO博客是采用HTML5響應式布局的,我添加的meta標簽聲明(代碼聲明詞網站同時適合PC和移動端):
<meta name="applicable-device" content="pc,mobile">
比如另外一個不是HTML5的手機端的meta聲明是(代碼聲明此網站適合移動端):
<meta name="applicable-device" content="mobile">
而下面這些主要是針對百度新發布的一個對于電腦端和移動端適配的新方法進行講解:
1、在pc版網頁上,添加指向對應移動版網址的特殊鏈接rel=”alternate”標記,這有助于百度發現網站的移動版網頁所在的位置;
2、同時在移動版網頁上,添加指向對應pc版網址的鏈接rel=”canonical”標記。
例如:
pc版網址:http://www.bage001.com/movie/19965.html
移動版網址:http://m.bage001.com/movie/19965.html
具體操作為:
1、在pc版網頁(http://www.bage001.com/movie/19965.html) 上,添加:
<link rel="alternate" media="only screen and(max-width: 640px)" href="http://m.bage001.com/movie/19965.html" >
【百度優化排名】電腦端和移動端頁面跳轉適配最佳方法
2、在移動版網頁(http://m.bage001.com/movie/19965.html) 上,所需的注釋應為:
<link rel="canonical"href="http://www.bage001.com/movie/19965.html" >
強調:之前的Meta標記(mobile agent)會繼續沿用,但我們推薦使用HTMAL5語言制作的移動頁面使用最新方案進行跳轉適配,其它如xml語言的移動頁跳轉適配,需要繼續使用之前的meta標記方式——<meta name=”mobile-agent”content=”format=[wml|xhtml|html5]; url=url”>—來自百度官方