百度官方發布了<PC站點移動化主流方式>，今天就接著把這3個方法的具體怎么實施也摘抄過來，希望對大家有用。

我們先來看看幾個方式的對比：

跳轉適配

1、百度siteapp。這顯然是標準的跳轉適配，但siteapp效果不大好，比如頁面混亂、內容可控性差。好像百度也發現這些問題以至于此項目擱置，這個工具一直沒有更新升級。

2、第三方移動建站工具。如：搜狐快站、騰訊風鈴等。這些工具有個缺點是需要PC站點與移動站點做好對應關系，需要一篇文章發兩遍的尷尬情況。

3、完全開發一套移動站點。通過后臺程序判斷出是移動UA，不會給用戶返回代碼，直接重定向到移動頁面。這里要注意開發時一定要做好PC頁與移動頁面的對應關系同時提交到百度站長平臺。上圖中提到“維護成本較高”，可以這樣解決：在開發時調用同一數據庫，就免去了發兩邊內容的成本。

4、對于CMS系統，無程序擴展功能的：新建一個獨立移動站點，原PC頁面中加入JS來判斷UA，通過JS重定向到移動頁面。此方法第一次請求后會返回完整HTML到用戶本地，JS本地判斷后再次請求返回完整HTML，頁面需要加載兩次，延遲嚴重。而且百度對JS的跳轉并不支持，僅僅實現了頁面的轉換，還是需要好對應適配關系提交到百度站長平臺的。

代碼適配

代碼適配沒有跳轉適配那么多方法，它的實施方法是：原PC站CMS系統升級改造，當用戶訪問一條URL時，后臺程序判斷UA，根據不同UA返回不同的HTML代碼和樣式。

此方法無延遲、移動站點維護成本較低，但局限性也很大：首先你要有開發能力，其次你的CMS系統能讓你開發，第三是此類站點不能完全靜態化。代碼適配非常適合社區論壇和用戶交互式站點。

自適應

自適應是呼聲高的一個方式，H5越來越普及，自適應的站點和頁面也越來越多，甭管是國外的谷歌還是國內的百度都承認未來站點屬于H5的自適應。自適應頁面由H5+CSS3+JS判讀不同屏幕寬度展示不同樣式的頁面，PC和移動頁面url和源代碼都相同。之前他有很多名字：頁面自適應、響應式、H5頁面、寬度變化頁面等，之后我們統一為自適應。

同樣自適應也有自己的優缺點：一次編碼多平臺共用，維護成本低，設備展示效果一致，用戶地體驗好；但也有缺點，復雜頁面在做自適應時，受手機屏幕限制很難排版，若隱藏部分內容相比獨立移動手機站頁面體積大、加載速度和數據流量也更大。此類非常適合如知乎、36KR、新聞媒體內容頁等功能相對單一的頁面和站點。

創新互聯在經歷多個方式的調整和適配的總結后，個人比較喜歡自適應，唯一的麻煩是終端比較多，不能每個終端都達到100%匹配，在有的屏幕上面就是有錯位等等，這個是頭疼的，但是在網站排名和移動搜索結果方面，是很好的，

名稱欄目：PC站點轉移動站3個方法的具體實施方法
URL標題：http://m.newbst.com/news17/195067.html

成都網站建設公司_創新互聯，為您提供商城網站、App開發、動態網站、域名注冊、網站改版、用戶體驗

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯