<code id="6mcsu"></code>
<li id="6mcsu"></li>
<li id="6mcsu"><dl id="6mcsu"></dl></li>
  • <code id="6mcsu"><tr id="6mcsu"></tr></code>
    或者

    【移動(dòng)搜索】PC站點(diǎn)移動(dòng)化主流方式

    作者:月光邊境 瀏覽:206 發(fā)布時(shí)間:2017-09-13
    分享 評(píng)論 0

    百度官方給出的解釋是:

      跳轉(zhuǎn)適配:該方法會(huì)利用單獨(dú)的網(wǎng)址向每種設(shè)備提供不同的代碼。這種配置會(huì)嘗試檢測(cè)用戶所使用的設(shè)備或ua,然后使用 HTTP 重定向和 Vary HTTP標(biāo)頭重定向到相應(yīng)的頁面。

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

      自適應(yīng):通過同一網(wǎng)址提供相同 HTML 代碼的網(wǎng)站設(shè)計(jì)方法。該方法不考慮用戶所使用的設(shè)備(pc、平板電腦、移動(dòng)設(shè)備),但可以根據(jù)屏幕尺寸以不同方式呈現(xiàn)(即適應(yīng))顯示屏。

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

      附上原始PPT:

      

      

      下面我們來分析一下這幾個(gè)方式都有那些具體的實(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ù)庫,就免去了發(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)。

      百度不建議的做法

      周日的時(shí)候我發(fā)現(xiàn)站長(zhǎng)學(xué)院的官方課程悄悄更新上線了幾篇新文章,里面有講到在移動(dòng)化過程中,百度不建議做的事情。

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

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

      說了這么多,其實(shí)三種方式各有各的優(yōu)缺點(diǎn),站點(diǎn)移動(dòng)化進(jìn)程,還要根據(jù)自己的實(shí)際情況來選擇實(shí)施方式。


    亚洲国产综合无码一区| 国产精品一区二区久久精品无码 | 69ZXX少妇内射无码| 日本中文一区二区三区亚洲 | 中文字幕在线观看亚洲视频| 人妻无码精品久久亚瑟影视| 亚洲中文字幕无码爆乳av中文 | 欧洲Av无码放荡人妇网站| 91中文在线观看| AV色欲无码人妻中文字幕| 免费看又黄又无码的网站| 免费无码又爽又刺激网站直播| 无码人妻黑人中文字幕| 91无码人妻精品一区二区三区L| 亚洲AV无码国产精品麻豆天美| 日本中文字幕在线视频一区| 日韩久久久久久中文人妻| 亚洲爆乳精品无码一区二区 | 国产自无码视频在线观看 | 日韩精品无码免费视频| 无码137片内射在线影院| 亚洲精品无码专区久久久| 最新高清无码专区| 天堂а√在线地址中文在线| 天堂网在线最新版www中文网| 中文字幕无码高清晰| 久久中文字幕人妻丝袜| 亚洲人成无码久久电影网站| 亚洲AV无码AV男人的天堂不卡| 嫩草影院无码av| 无码国产亚洲日韩国精品视频一区二区三区 | 日韩精品无码一区二区三区免费 | 日韩乱码人妻无码中文字幕 | 久久久久亚洲AV无码麻豆| 亚洲av无码一区二区三区四区 | 日韩精品无码熟人妻视频| 亚洲av无码国产精品色午夜字幕| 亚洲桃色AV无码| 久久久久无码精品国产不卡| 国产精品无码永久免费888| 性无码专区|