今天平臺發(fā)布了《移動(dòng)sitemap協(xié)議mobile type升級公告》，里面介紹了三種主流PC站點(diǎn)移動(dòng)化的方式，以及這三種方式在提交sitemap時(shí)該如何標注mobile type。在此之前，社區版主李曰輝早已把杭州培訓的內容整理好，并添加了對平時(shí)工作的總結和經(jīng)驗，分享給各位同學(xué)。

　　今年年初時(shí)我曾發(fā)過(guò)一個(gè)帖子《移動(dòng)大潮，你的站點(diǎn)是否準備好了？—移動(dòng)化方案分享》列舉了我當時(shí)理解的站點(diǎn)移動(dòng)化方案。當時(shí)行業(yè)內并沒(méi)有統一的名詞來(lái)規范這些方法，現在看來(lái)有些粗糙。好在5月底的杭州之行《移動(dòng)優(yōu)化實(shí)用教程》劉院長(cháng)給我們介紹了由百度定義的站點(diǎn)移動(dòng)化主流方式，即：跳轉適配、代碼適配、自適應。

　　百度官方給出的解釋是：

　　跳轉適配：該方法會(huì )利用單獨的網(wǎng)址向每種設備提供不同的代碼。這種配置會(huì )嘗試檢測用戶(hù)所使用的設備或ua，然后使用 HTTP 重定向和 Vary HTTP標頭重定向到相應的頁(yè)面。

　　代碼適配：該方法使用相同的網(wǎng)址（不考慮用戶(hù)所使用的設備），但會(huì )根據服務(wù)器對用戶(hù)所用瀏覽器的了解（ua），針對不同設備類(lèi)型生成不同版本的HTML。

　　自適應：通過(guò)同一網(wǎng)址提供相同 HTML 代碼的網(wǎng)站設計方法。該方法不考慮用戶(hù)所使用的設備（pc、平板電腦、移動(dòng)設備），但可以根據屏幕尺寸以不同方式呈現（即適應）顯示屏。

　　*院長(cháng)手按：使用不同配置方式的站點(diǎn)在提交sitemap文件要做的工作不同，請密切關(guān)注百度站長(cháng)平臺后續的公告和教育文章。

　　附上原始PPT：

　　下面我們來(lái)分析一下這幾個(gè)方式都有那些具體的實(shí)施辦法：

　　【跳轉適配】

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

　　2、第三方移動(dòng)建站工具。如：搜狐快站、騰訊風(fēng)鈴等。這些工具有個(gè)缺點(diǎn)是需要PC站點(diǎn)與移動(dòng)站點(diǎn)做好對應關(guān)系，需要一篇文章發(fā)兩遍的尷尬情況。西安網(wǎng)站公司,網(wǎng)頁(yè)制作公司推薦閱讀>>> 百度眼中的優(yōu)質(zhì)移動(dòng)站點(diǎn)什么樣,

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

　　4、對于CMS系統，無(wú)程序擴展功能的：新建一個(gè)獨立移動(dòng)站點(diǎn)，原PC頁(yè)面中加入JS來(lái)判斷UA，通過(guò)JS重定向到移動(dòng)頁(yè)面。此方法第一次請求后會(huì )返回完整HTML到用戶(hù)本地，JS本地判斷后再次請求返回完整HTML，頁(yè)面需要加載兩次，延遲嚴重。而且百度對JS的跳轉并不支持，僅僅實(shí)現了頁(yè)面的轉換，還是需要最好對應適配關(guān)系提交到百度站長(cháng)平臺的。

　　【代碼適配】

　　代碼適配沒(méi)有跳轉適配那么多方法，它的實(shí)施方法是：原PC站CMS系統升級改造，當用戶(hù)訪(fǎng)問(wèn)一條URL時(shí)，后臺程序判斷UA，根據不同UA返回不同的HTML代碼和樣式。

　　此方法無(wú)延遲、移動(dòng)站點(diǎn)維護成本較低，但局限性也很大：首先你要有開(kāi)發(fā)能力，其次你的CMS系統能讓你開(kāi)發(fā)，第三是此類(lèi)站點(diǎn)不能完全靜態(tài)化。代碼適配非常適合社區論壇和用戶(hù)交互式站點(diǎn)。

　　【自適應】

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

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

　　百度不建議的做法

　　周日的時(shí)候我發(fā)現站長(cháng)學(xué)院的官方課程悄悄更新上線(xiàn)了幾篇新文章，里面有講到在移動(dòng)化過(guò)程中，百度不建議做的事情。網(wǎng)頁(yè)制作西安,西安網(wǎng)站設計公司推薦閱讀>>> 提醒：百度移動(dòng)搜索冰桶算法公告，第一期將于下周正式上線(xiàn),

　　1， 單獨域名下不要使用多種配置方式，其實(shí)我家新聞?wù)军c(diǎn)就是這樣做的：CMS系統沒(méi)辦法二次開(kāi)發(fā)同時(shí)也沒(méi)需要完全靜態(tài)化，所以?xún)热蓓?yè)采用自適應，而欄目眾多結構復雜的首頁(yè)和頻道頁(yè)則采用跳轉適配的方式，回去跟領(lǐng)導說(shuō)說(shuō)去。另外聽(tīng)院長(cháng)說(shuō)，有些站點(diǎn)是把移動(dòng)內容當做PC站點(diǎn)下的一個(gè)目錄進(jìn)行配置，這也真是不行的。

　　2， 不能用JS對UA進(jìn)行適配跳轉，雖然下半年百度JS就要全放開(kāi)了，但在官方?jīng)]有正式發(fā)布消息前，我們還是按照傳統保守的方法進(jìn)行操作吧。

　　說(shuō)了這么多，其實(shí)三種方式各有各的優(yōu)缺點(diǎn)，站點(diǎn)移動(dòng)化進(jìn)程，還要根據自己的實(shí)際情況來(lái)選擇實(shí)施方式?！景俣日鹃L(cháng)平臺】