新聞資訊

營銷知識

首頁> 營銷知識

PC站(zhàn)點轉移動站(zhàn)3個(gè)方法的具體(tǐ)實施方法

發布時(shí)間(jiān) :2018-04-19 15:25

百度官方發布了<PC站(zhàn)點移動化主流方式>,今天就接着把這3個(gè)方法的具體(tǐ)怎麽實施也摘抄過來(lái),希望對大(dà)家(jiā)有(yǒu)用。

  我們先來(lái)看看幾個(gè)方式的對比:

PC站(zhàn)點轉移動站(zhàn)3個(gè)方法的具體(tǐ)實施方法

  跳(tiào)轉适配

  1、百度siteapp。這顯然是标準的跳(tiào)轉适配,但(dàn)siteapp效果不大(dà)好,比如頁面混亂、內(nèi)容可(kě)控性差。好像百度也發現這些(xiē)問題以至于此項目擱置,這個(gè)工具一直沒有(yǒu)更新升級。

  2、第三方移動建站(zhàn)工具。如:搜狐快站(zhàn)、騰訊風鈴等。這些(xiē)工具有(yǒu)個(gè)缺點是需要PC站(zhàn)點與移動站(zhàn)點做(zuò)好對應關系,需要一篇文章發兩遍的尴尬情況。

  3、完全開(kāi)發一套移動站(zhàn)點。通(tōng)過後台程序判斷出是移動UA,不會(huì)給用戶返回代碼,直接重定向到移動頁面。這裏要注意開(kāi)發時(shí)一定要做(zuò)好PC頁與移動頁面的對應關系同時(shí)提交到百度站(zhàn)長平台。上(shàng)圖中提到“維護成本較高(gāo)”,可(kě)以這樣解決:在開(kāi)發時(shí)調用同一數(shù)據庫,就免去了發兩邊內(nèi)容的成本。

  4、對于CMS系統,無程序擴展功能的:新建一個(gè)獨立移動站(zhàn)點,原PC頁面中加入JS來(lái)判斷UA,通(tōng)過JS重定向到移動頁面。此方法第一次請(qǐng)求後會(huì)返回完整HTML到用戶本地,JS本地判斷後再次請(qǐng)求返回完整HTML,頁面需要加載兩次,延遲嚴重。而且百度對JS的跳(tiào)轉并不支持,僅僅實現了頁面的轉換,還(hái)是需要最好對應适配關系提交到百度站(zhàn)長平台的。

  代碼适配

  代碼适配沒有(yǒu)跳(tiào)轉适配那(nà)麽多(duō)方法,它的實施方法是:原PC站(zhàn)CMS系統升級改造,當用戶訪問一條URL時(shí),後台程序判斷UA,根據不同UA返回不同的HTML代碼和(hé)樣式。

  此方法無延遲、移動站(zhàn)點維護成本較低(dī),但(dàn)局限性也很(hěn)大(dà):首先你(nǐ)要有(yǒu)開(kāi)發能力,其次你(nǐ)的CMS系統能讓你(nǐ)開(kāi)發,第三是此類站(zhàn)點不能完全靜态化。代碼适配非常适合社區(qū)論壇和(hé)用戶交互式站(zhàn)點。

  自适應

  自适應是呼聲最高(gāo)的一個(gè)方式,H5越來(lái)越普及,自适應的站(zhàn)點和(hé)頁面也越來(lái)越多(duō),甭管是國外的谷歌(gē)還(hái)是國內(nèi)的百度都承認未來(lái)站(zhàn)點屬于H5的自适應。自适應頁面由H5+CSS3+JS判讀不同屏幕寬度展示不同樣式的頁面,PC和(hé)移動頁面url和(hé)源代碼都相同。之前他有(yǒu)很(hěn)多(duō)名字:頁面自适應、響應式、H5頁面、寬度變化頁面等,之後我們統一為(wèi)自适應。

  同樣自适應也有(yǒu)自己的優缺點:一次編碼多(duō)平台共用,維護成本低(dī),設備展示效果一緻,用戶地體(tǐ)驗好;但(dàn)也有(yǒu)缺點,複雜頁面在做(zuò)自适應時(shí),受手機屏幕限制(zhì)很(hěn)難排版,若隐藏部分內(nèi)容相比獨立移動手機站(zhàn)頁面體(tǐ)積大(dà)、加載速度和(hé)數(shù)據流量也更大(dà)。此類非常适合如知乎、36KR、新聞媒體(tǐ)內(nèi)容頁等功能相對單一的頁面和(hé)站(zhàn)點。

   宇銳網絡在經曆多(duō)個(gè)方式的調整和(hé)适配的總結後,個(gè)人(rén)比較喜歡自适應,唯一的麻煩是終端比較多(duō),不能每個(gè)終端都達到100%匹配,在有(yǒu)的屏幕上(shàng)面就是有(yǒu)錯位等等,這個(gè)是頭疼的,但(dàn)是在網站(zhàn)排名和(hé)移動搜索結果方面,是很(hěn)好的。

186-5120-8731
企業網站(zhàn)咨詢
SEO優化推廣
微信小(xiǎo)程序咨詢
微信公衆号咨詢
店(diàn)鋪裝修運營咨詢
商城平台咨詢
其他業務咨詢
首頁
電(diàn)話(huà)
導航
聯系