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

    PC站點移動化主流方式

    作者:安徒生 瀏覽:117 發布時間:2018-04-10
    分享 評論 0

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

      今年年初時我曾發過一個帖子《移動大潮,你的站點是否準備好了?—移動化方案分享》列舉了我當時理解的站點移動化方案。當時行業內并沒有統一的名詞來規范這些方法,現在看來有些粗糙。好在5月底的杭州之行《移動優化實用教程》劉院長給我們介紹了由百度定義的站點移動化主流方式,即:跳轉適配、代碼適配、自適應。

      百度官方給出的解釋是:

      跳轉適配:該方法會利用單獨的網址向每種設備提供不同的代碼。這種配置會嘗試檢測用戶所使用的設備或ua,然后使用 HTTP 重定向和 Vary HTTP標頭重定向到相應的頁面。

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

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

      *院長手按:使用不同配置方式的站點在提交sitemap文件要做的工作不同,請密切關注百度站長平臺后續的公告和教育文章。


    下面我們來分析一下這幾個方式都有那些具體的實施辦法:

      【跳轉適配】

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

      2、第三方移動建站工具。如:搜狐快站、騰訊風鈴等。這些工具有個缺點是需要PC站點與移動站點做好對應關系,需要一篇文章發兩遍的尷尬情況。

      3、完全開發一套移動站點。通過后臺程序判斷出是移動UA,不會給用戶返回代碼,直接重定向到移動頁面。這里要注意開發時一定要做好PC頁與移動頁面的對應關系同時提交到百度站長平臺。上圖中提到“維護成本較高”,可以這樣解決:在開發時調用同一數據庫,就免去了發兩邊內容的成本。

      4、對于CMS系統,無程序擴展功能的:新建一個獨立移動站點,原PC頁面中加入JS來判斷UA,通過JS重定向到移動頁面。此方法第一次請求后會返回完整HTML到用戶本地,JS本地判斷后再次請求返回完整HTML,頁面需要加載兩次,延遲嚴重。而且百度對JS的跳轉并不支持,僅僅實現了頁面的轉換,還是需要最好對應適配關系提交到百度站長平臺的。

      【代碼適配】

      代碼適配沒有跳轉適配那么多方法,它的實施方法是:原PC站CMS系統升級改造,當用戶訪問一條URL時,后臺程序判斷UA,根據不同UA返回不同的HTML代碼和樣式。

      此方法無延遲、移動站點維護成本較低,但局限性也很大:首先你要有開發能力,其次你的CMS系統能讓你開發,第三是此類站點不能完全靜態化。代碼適配非常適合社區論壇和用戶交互式站點。

      【自適應】

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

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

      百度不建議的做法

      周日的時候我發現站長學院的官方課程悄悄更新上線了幾篇新文章,里面有講到在移動化過程中,百度不建議做的事情。


    亚洲VA成无码人在线观看天堂| 无码专区狠狠躁躁天天躁 | 最近的中文字幕在线看视频| 中文字幕日韩精品无码内射| 亚洲精品成人无码中文毛片不卡 | 国产成人精品一区二区三区无码| 特级小箩利无码毛片| 无码人妻久久一区二区三区免费| 伊人热人久久中文字幕| 佐藤遥希在线播放一二区| 国产成人无码免费网站| 无码人妻精品一区二区三区久久久| 日韩中文在线视频| 日韩乱码人妻无码中文字幕| 国产无码区| yy111111电影院少妇影院无码| 亚洲av永久无码精品网站| 中文国产成人精品久久亚洲精品AⅤ无码精品 | 天天看高清无码一区二区三区| 日韩免费无码一区二区三区| 大桥久未无码吹潮在线观看| 亚洲天堂中文字幕| 中文字幕夜色资源网站| 狠狠躁天天躁无码中文字幕图| 最近高清中文字幕无吗免费看| 一级片无码中文字幕乱伦| 少妇极品熟妇人妻无码| 久久精品无码一区二区日韩AV| 国产精品亚韩精品无码a在线| 人妻无码一区二区三区免费| 亚洲国产AV无码专区亚洲AV| 国产在线拍偷自揄拍无码| 中文字幕久久精品| 中文自拍日本综合| 中文字幕性| 亚洲熟妇无码AV在线播放| 无码中文字幕乱在线观看| 国产午夜无码视频在线观看 | 亚洲一级Av无码毛片久久精品| 综合无码一区二区三区| 最好看最新的中文字幕免费|