|
當您同時擁有PC站與手機站，而且兩者在內容上能夠對應，我們需要移動適配告之百度，有助于百度在移動搜索中將原PC頁結果替換為對應的手機頁結果。
二、百度移動適配有何意義？
早在2012年，百度就先后推出了移動搜索優化服務（http://zhanzhang.baidu.com/wiki/37），在開放適配服務方面增加適配新選擇，全新上線了配套進度查詢工具，調整和更新《手機站優化指南》。通過這些舉措，逐步引導用戶與完善百度移動適配法則，最終達到幫助廣大網站更加便捷的提升移動端瀏覽效果，獲得更多搜索流量，從而輕松完成從PC端到移動端的陣營遷徙和發展革新。
三、百度移動適配有哪幾種模式？
PC站與移動站配置方式有三種，百度站在搜索引擎角度將這三種分別稱為跳轉適配、代碼適配和自適應。
1）跳轉適配：該方法會利用單獨的網址向每種設備提供不同的代碼。這種配置會嘗試檢測用戶所使用的設備或ua，然后使用 HTTP 重定向和 Vary
HTTP 標頭重定向到相應的頁面。
【跳轉適配應用舉例】
（1）百度siteapp。這顯然是標準的跳轉適配，但siteapp效果不大好，比如頁面混亂、內容可控性差。好像百度也發現這些問題以至于此項目擱置，這個工具一直沒有更新升級。
（2）第三方移動建站工具。如：搜狐快站、騰訊風鈴等。這些工具有個缺點是需要PC站點與移動站點做好對應關系，需要一篇文章發兩遍的尷尬情況。
（3）完全開發一套移動站點。通過后臺程序判斷出是移動UA，不會給用戶返回代碼，直接重定向到移動頁面。這里要注意開發時一定要做好PC頁與移動頁面的對應關系同時提交到百度站長平臺。上圖中提到“維護成本較高”，可以這樣解決：在開發時調用同一數據庫，就免去了發兩邊內容的成本。
（4）對于CMS系統，無程序擴展功能的：新建一個獨立移動站點，原PC頁面中加入JS來判斷UA，通過JS重定向到移動頁面。此方法第一次請求后會
返回完整HTML到用戶本地，JS本地判斷后再次請求返回完整HTML，頁面需要加載兩次，延遲嚴重。而且百度對JS的跳轉并不支持，僅僅實現了頁面的轉
換，還是需要最好對應適配關系提交到百度站長平臺的。
2）代碼適配：該方法使用相同的網址（不考慮用戶所使用的設備），但會根據服務器對用戶所用瀏覽器的了解（ua），針對不同設備類型生成不同版本的 HTML。
【代碼適配應用舉例】
代碼適配沒有跳轉適配那么多方法，它的實施方法是：原PC站CMS系統升級改造，當用戶訪問一條URL時，后臺程序判斷UA，根據不同UA返回不同的HTML代碼和樣式。此方法無延遲、移動站點維護成本較低，但局限性也很大：首先你要有開發能力，其次你的CMS系統能讓你開發，第三是此類站點不能完全靜態化。代碼適配非常適合社區論壇和用戶交互式站點。
3）自適應：通過同一網址提供相同 HTML 代碼的網站設計方法。該方法不考慮用戶所使用的設備（pc、平板電腦、移動設備），但可以根據屏幕尺寸以不同方式呈現（即適應）顯示屏。
【自適應應用舉例】
自適應是呼聲最高的一個方式，H5越來越普及，自適應的站點和頁面也越來越多，甭管是國外的谷歌還是國內的百度都承認未來站點屬于H5的自適應。自適應頁面由H5+CSS3+JS判讀不同屏幕寬度展示不同樣式的頁面，PC和移動頁面url和源代碼都相同。之前他有很多名字：頁面自適應、響應式、H5頁面、寬度變化頁面等，之后我們統一為自適應。同樣自適應也有自己的優缺點：一次編碼多平臺共用，維護成本低，設備展示效果一致，用戶地體驗好；但也有缺點，復雜頁面在做自適應時，受手機屏幕限制很難排版，若隱藏部分內容相比獨立移動手機站頁面體積大、加載速度和數據流量也更大。此類非常適合如知乎、36KR、新聞媒體內容頁等功能相對單一的頁面和站點。
四、怎么做好百度移動適配？
鑒于移動化大潮的洶涌和H5頁的炫麗普及，百度針對PC頁與H5頁的跳轉適配方式推出了最優方案：在pc版網頁上，添加指向對應移動版網址的特殊鏈接rel="alternate"標記，這有助于百度發現網站的移動版網頁所在的位置；同時在移動版網頁上，添加指向對應pc版網址的鏈接rel="canonical"標記。
例如：
pc版網址：http://m.gujaratreit.com/
移動版網址：http://m.wlxin.com/
那么此示例中的注釋如下所示：
在pc版網頁(http://m.gujaratreit.com/) 上，添加：<link rel="alternate" media="only screen and(max-width: 640px)" href="http://m.wlxin.com/>
在移動版網頁(http://m.wlxin.com/) 上，所需的注釋應為：<link rel="canonical"href="http://m.gujaratreit.com/" >
強調：之前的Meta標記（mobile agent）會繼續沿用，但我們推薦使用HTMAL5語言制作的移動頁面使用最新方案進行跳轉適配，其它如xml語言的移動頁跳轉適配，需要繼續使用之前的meta標記方式——<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url">
本文鏈接：http://m.gujaratreit.com/wangzhanjianshe/553.html
|
