建站知識(shí)
網(wǎng)站設(shè)計(jì)知識(shí) 網(wǎng)站建設(shè)知識(shí) 網(wǎng)絡(luò)營(yíng)銷知識(shí) 微信資訊 常見問題 網(wǎng)站備案 近期客戶網(wǎng)站建設(shè)套餐
標(biāo)準(zhǔn)型網(wǎng)站建設(shè) 精美型網(wǎng)站建設(shè) 營(yíng)銷型網(wǎng)站建設(shè) 高端品牌網(wǎng)站建設(shè) 電子商務(wù)型網(wǎng)站建設(shè) 行業(yè)門戶型網(wǎng)站建設(shè) 手機(jī)網(wǎng)站建設(shè) 微信網(wǎng)站建設(shè)PC站點(diǎn)轉(zhuǎn)移動(dòng)站3個(gè)方法的具體實(shí)施方法
百度官方發(fā)布了<PC站點(diǎn)移動(dòng)化主流方式>,今天就接著把這3個(gè)方法的具體怎么實(shí)施也摘抄過(guò)來(lái),希望對(duì)大家有用。
我們先來(lái)看看幾個(gè)方式的對(duì)比:
跳轉(zhuǎn)適配
1、百度siteapp。這顯然是標(biāo)準(zhǔn)的跳轉(zhuǎn)適配,但siteapp效果不大好,比如頁(yè)面混亂、內(nèi)容可控性差。好像百度也發(fā)現(xiàn)這些問題以至于此項(xiàng)目擱置,這個(gè)工具一直沒有更新升級(jí)。
2、第三方移動(dòng)建站工具。如:搜狐快站、騰訊風(fēng)鈴等。這些工具有個(gè)缺點(diǎn)是需要PC站點(diǎn)與移動(dòng)站點(diǎn)做好對(duì)應(yīng)關(guān)系,需要一篇文章發(fā)兩遍的尷尬情況。
3、完全開發(fā)一套移動(dòng)站點(diǎn)。通過(guò)后臺(tái)程序判斷出是移動(dòng)UA,不會(huì)給用戶返回代碼,直接重定向到移動(dòng)頁(yè)面。這里要注意開發(fā)時(shí)一定要做好PC頁(yè)與移動(dòng)頁(yè)面的對(duì)應(yīng)關(guān)系同時(shí)提交到百度站長(zhǎng)平臺(tái)。上圖中提到“維護(hù)成本較高”,可以這樣解決:在開發(fā)時(shí)調(diào)用同一數(shù)據(jù)庫(kù),就免去了發(fā)兩邊內(nèi)容的成本。
4、對(duì)于CMS系統(tǒng),無(wú)程序擴(kuò)展功能的:新建一個(gè)獨(dú)立移動(dòng)站點(diǎn),原PC頁(yè)面中加入JS來(lái)判斷UA,通過(guò)JS重定向到移動(dòng)頁(yè)面。此方法第一次請(qǐng)求后會(huì)返回完整HTML到用戶本地,JS本地判斷后再次請(qǐng)求返回完整HTML,頁(yè)面需要加載兩次,延遲嚴(yán)重。而且百度對(duì)JS的跳轉(zhuǎn)并不支持,僅僅實(shí)現(xiàn)了頁(yè)面的轉(zhuǎn)換,還是需要最好對(duì)應(yīng)適配關(guān)系提交到百度站長(zhǎng)平臺(tái)的。
代碼適配
代碼適配沒有跳轉(zhuǎn)適配那么多方法,它的實(shí)施方法是:原PC站CMS系統(tǒng)升級(jí)改造,當(dāng)用戶訪問一條URL時(shí),后臺(tái)程序判斷UA,根據(jù)不同UA返回不同的HTML代碼和樣式。
此方法無(wú)延遲、移動(dòng)站點(diǎn)維護(hù)成本較低,但局限性也很大:首先你要有開發(fā)能力,其次你的CMS系統(tǒng)能讓你開發(fā),第三是此類站點(diǎn)不能完全靜態(tài)化。代碼適配非常適合社區(qū)論壇和用戶交互式站點(diǎn)。
自適應(yīng)
自適應(yīng)是呼聲最高的一個(gè)方式,H5越來(lái)越普及,自適應(yīng)的站點(diǎn)和頁(yè)面也越來(lái)越多,甭管是國(guó)外的谷歌還是國(guó)內(nèi)的百度都承認(rèn)未來(lái)站點(diǎn)屬于H5的自適應(yīng)。自適應(yīng)頁(yè)面由H5+CSS3+JS判讀不同屏幕寬度展示不同樣式的頁(yè)面,PC和移動(dòng)頁(yè)面url和源代碼都相同。之前他有很多名字:頁(yè)面自適應(yīng)、響應(yīng)式、H5頁(yè)面、寬度變化頁(yè)面等,之后我們統(tǒng)一為自適應(yīng)。
同樣自適應(yīng)也有自己的優(yōu)缺點(diǎn):一次編碼多平臺(tái)共用,維護(hù)成本低,設(shè)備展示效果一致,用戶地體驗(yàn)好;但也有缺點(diǎn),復(fù)雜頁(yè)面在做自適應(yīng)時(shí),受手機(jī)屏幕限制很難排版,若隱藏部分內(nèi)容相比獨(dú)立移動(dòng)手機(jī)站頁(yè)面體積大、加載速度和數(shù)據(jù)流量也更大。此類非常適合如知乎、36KR、新聞媒體內(nèi)容頁(yè)等功能相對(duì)單一的頁(yè)面和站點(diǎn)。
征帆網(wǎng)絡(luò)在經(jīng)歷多個(gè)方式的調(diào)整和適配的總結(jié)后,個(gè)人比較喜歡自適應(yīng),唯一的麻煩是終端比較多,不能每個(gè)終端都達(dá)到100%匹配,在有的屏幕上面就是有錯(cuò)位等等,這個(gè)是頭疼的,但是在網(wǎng)站排名和移動(dòng)搜索結(jié)果方面,是很好的,