紅橋網(wǎng)站設(shè)計(jì)：PC網(wǎng)站轉(zhuǎn)移動(dòng)站實(shí)施方法
作者：天津網(wǎng)站建設(shè)公司 更新時(shí)間：2016-11-14
紅橋網(wǎng)站設(shè)計(jì)：PC網(wǎng)站轉(zhuǎn)移動(dòng)站實(shí)施方法，紅橋網(wǎng)站設(shè)計(jì)小編獲悉百度官方發(fā)布了PC站點(diǎn)移動(dòng)化主流方式，今天小編把這3個(gè)方法的具體實(shí)施方法介紹給大家，希望對(duì)大家有所幫助。
PC站點(diǎn)轉(zhuǎn)移動(dòng)站實(shí)施方法
跳轉(zhuǎn)適配
1、百度siteapp。這顯然是標(biāo)準(zhǔn)的跳轉(zhuǎn)適配，但siteapp效果不太好，比如頁面混亂、內(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)。通過后臺(tái)程序判斷出是移動(dòng)UA，不會(huì)給用戶返回代碼，直接重定向到移動(dòng)頁面。這里要注意開發(fā)時(shí)一定要做好PC頁與移動(dòng)頁面的對(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)，無程序擴(kuò)展功能的：新建一個(gè)獨(dú)立移動(dòng)站點(diǎn)，原PC頁面中加入JS來判斷UA，通過JS重定向到移動(dòng)頁面。此方法第一次請(qǐng)求后會(huì)返回完整HTML到用戶本地，JS本地判斷后再次請(qǐng)求返回完整HTML，頁面需要加載兩次，延遲嚴(yán)重。而且百度對(duì)JS的跳轉(zhuǎn)并不支持，僅僅實(shí)現(xiàn)了頁面的轉(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代碼和樣式。
此方法無延遲、移動(dòng)站點(diǎn)維護(hù)成本較低，但局限性也很大：首先你要有開發(fā)能力，其次你的CMS系統(tǒng)能讓你開發(fā)，第三是此類站點(diǎn)不能完全靜態(tài)化。代碼適配非常適合社區(qū)論壇和用戶交互式站點(diǎn)。
自適應(yīng)
自適應(yīng)是呼聲最高的一個(gè)方式，H5越來越普及，自適應(yīng)的站點(diǎn)和頁面也越來越多，甭管是國(guó)外的谷歌還是國(guó)內(nèi)的百度都承認(rèn)未來站點(diǎn)屬于H5的自適應(yīng)。自適應(yīng)頁面由H5+CSS3+JS判讀不同屏幕寬度展示不同樣式的頁面，PC和移動(dòng)頁面url和源代碼都相同。之前他有很多名字：頁面自適應(yīng)、響應(yīng)式、H5頁面、寬度變化頁面等，之后我們統(tǒng)一為自適應(yīng)。
同樣自適應(yīng)也有自己的優(yōu)缺點(diǎn)：一次編碼多平臺(tái)共用，維護(hù)成本低，設(shè)備展示效果一致，用戶地體驗(yàn)好;但也有缺點(diǎn)，復(fù)雜頁面在做自適應(yīng)時(shí)，受手機(jī)屏幕限制很難排版，若隱藏部分內(nèi)容相比獨(dú)立移動(dòng)手機(jī)站頁面體積大、加載速度和數(shù)據(jù)流量也更大。此類非常適合如知乎、36KR、新聞媒體內(nèi)容頁等功能相對(duì)單一的頁面和站點(diǎn)。
在經(jīng)歷多個(gè)方式的調(diào)整和適配的總結(jié)后，個(gè)人比較喜歡自適應(yīng)，唯一的麻煩是終端比較多，不能每個(gè)終端都達(dá)到100%匹配，在有的屏幕上面就是有錯(cuò)位等等，這個(gè)是頭疼的，但是在網(wǎng)站排名和移動(dòng)搜索結(jié)果方面，是很好的
上一篇：天津做網(wǎng)站公司：網(wǎng)站優(yōu)化關(guān)鍵詞部分講解
下一篇：紅橋網(wǎng)站制作公司分享外貿(mào)網(wǎng)站維護(hù)
標(biāo)簽：
天津網(wǎng)站建設(shè), 天津網(wǎng)站制作, 天津做網(wǎng)站, 手機(jī)站搭建, 網(wǎng)站優(yōu)化, 網(wǎng)站維護(hù), 建站公司, 天津網(wǎng)站設(shè)計(jì)公司
相關(guān)的文章：
天津紅橋區(qū)網(wǎng)站制作中面包屑導(dǎo)航的作用 紅橋網(wǎng)站制作分享網(wǎng)站文字排序經(jīng)驗(yàn) 天津做網(wǎng)站公司：網(wǎng)站優(yōu)化關(guān)鍵詞部分講解 紅橋網(wǎng)站制作公司分享外貿(mào)網(wǎng)站維護(hù) 紅橋網(wǎng)站建設(shè)：高質(zhì)量網(wǎng)站內(nèi)容效果
下一篇：紅橋網(wǎng)站制作公司分享外貿(mào)網(wǎng)站維護(hù)
標(biāo)簽：
天津網(wǎng)站建設(shè), 天津網(wǎng)站制作, 天津做網(wǎng)站, 手機(jī)站搭建, 網(wǎng)站優(yōu)化, 網(wǎng)站維護(hù), 建站公司, 天津網(wǎng)站設(shè)計(jì)公司
相關(guān)的文章：
天津紅橋區(qū)網(wǎng)站制作中面包屑導(dǎo)航的作用 紅橋網(wǎng)站制作分享網(wǎng)站文字排序經(jīng)驗(yàn) 天津做網(wǎng)站公司：網(wǎng)站優(yōu)化關(guān)鍵詞部分講解 紅橋網(wǎng)站制作公司分享外貿(mào)網(wǎng)站維護(hù) 紅橋網(wǎng)站建設(shè)：高質(zhì)量網(wǎng)站內(nèi)容效果
