您現在的位置: 网站首頁 / seo優化 / 正文

【移動搜索】PC站點移動化主流方式

作者: admin 发布: 2015-6-9 12:8:18 分类: seo優化 閱讀: 次 查看評論

  今天平台發布了《移动sitemap协议mobile type升级公告》,里面介绍了三种主流PC站点移动化的方式,以及这三种方式在提交sitemap时该如何标注mobile type。在此之前,社区版主李曰辉早已把杭州培训的内容整理好,并添加了对平时工作的总结和经验,分享给各位同学。

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

  百度官方給出的解釋是:

  跳转适配:该方法会利用单独的网址向每种设备提供不同的代码。这种配置会尝试检测用户所使用的设备或ua,然后使用 HTTP 重定向和 Vary HTTP标头重定向到相应的页面。

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

  自适应:通过同一网址提供相同 HTML 代码的网站设计方法。该方法不考虑用户所使用的设备(pc、平板电脑、移动设备),但可以根据屏幕尺寸以不同方式呈现(即适应)显示屏。

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

  附上原始PPT:

  

  

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

  【跳轉適配】

  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、新聞媒體內容頁等功能相對單一的頁面和站點。

  百度不建議的做法

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

  1, 单独域名下不要使用多种配置方式,其实我家新闻站点就是这样做的:CMS系统没办法二次开发同时也没需要完全静态化,所以内容页采用自适应,而栏目众多结构复杂的首頁和频道页则采用跳转适配的方式,回去跟领导说说去。另外听院长说,有些站点是把移动内容当做PC站点下的一个目录进行配置,这也真是不行的。

  2, 不能用JS对UA进行适配跳转,虽然下半年百度JS就要全放开了,但在官方没有正式发布消息前,我们还是按照传统保守的方法进行操作吧。

  說了這麽多,其實三種方式各有各的優缺點,站點移動化進程,還要根據自己的實際情況來選擇實施方式。【百度站長平台】

  來源:SEO搜尋引擎優化 - SEO自學網 轉載注明出處!

? 上一篇下一篇 ?   本文關鍵詞: 移動搜索  無線搜索  移動SEO  

評論列表:

站長SEO學院
第一節:百度搜索引擎工作原理
第二節:建設對搜索引擎友好的站點
第三節:如何進行網站內容建設
第四節:整體優化、結構優化、網頁優化
第五節:移動搜索-明确移動搜索优化标准
百度SEO資料文檔
百度搜索引擎優化指南2.0
百度移動搜索优化指南2.0
網站分析白皮書(站長版)
移動站點該如何優化
建設對百度友好的站點
百度搜索引擎網頁質量白皮書
石榴算法-綠蘿算法-冰桶算法
新搜索時代下的優化策略
更多百度SEO資料文檔
站長推薦
DIV+CSS布局實例教程-Web標准
网站SEO優化常见问题汇总
SEO優化推广方案该如何写
SEO優化方案步骤
影響網站關鍵詞排名因素總結
影響谷歌搜索引擎排名的因素調查
手機移動端站點適配優化
最近發表