- N +

如何建設對于搜索引擎友好的移動網站

如何規劃您的PC站和挪動站,并表達兩者之間內容的對應關系
目前較流量的PC站與挪動站配置方式有三種,百度站在搜索引擎角度將這三種分別稱為跳轉適配、代碼適配和自順應,以下為這三種配置方式的名詞解釋及異同比照。
1,跳轉適配
該辦法會應用單獨的網址向每種設備提供不同的代碼。這種配置會嘗試檢測用戶所運用的設備或ua,然后運用 HTTP 重定向和 Vary HTTP標頭重定向到相應的頁面。
2,代碼適配
該辦法運用相同的網址(不思索用戶所運用的設備),但會依據效勞器對用戶所用閱讀器的理解(ua),針對不同設備類型生成不同版本的HTML。
3,自順應
經過同一網址提供相同 HTML 代碼的網站設計辦法。該辦法不思索用戶所運用的設備(pc、平板電腦、挪動設備),但能夠依據屏幕尺寸以不同方式呈現(即順應)顯現屏。

PC、挪動網址能否分歧 PC、挪動網頁代碼能否分歧
跳轉適配 否 否
代碼適配 是 否
自順應 是 是
三種配置方式的剖析
百度僅站在搜索引擎角度對跳轉適配、代碼適配、自順應這三種配置方式做了一些比照和剖析,希望可以協助站點選擇更合適本人、性價比最優的方式來停止挪動化。
跳轉適配 代碼適配 自順應
復雜水平 簡單到中等。開發獨立網站的速度能夠十分快。
小型企業可選用多種自動計劃,以近乎實時的速度生成挪動網站。 中到高,取決于網站的復雜水平和您需求創立的代碼庫數量。
代碼適配所需的開發時間可能較長,且請求效勞器端編程 中。需求運用能隨屏幕尺寸而變的流體網格從頭開端創立。
假如網站需求較簡單,有許多開源模板可供選擇。
如要構建包含額外編程的復雜的自順應網站,所需的時間會比擬長。
性能 中。圖片和其他網站內容可輕松針對小屏幕優化,但網站重定向經常會招致延遲問題。 高。能夠簡化為只包含為相應設備優化的內容,以完成最佳性能。 高。無任何重定向,但需求有周全的方案才干完成最優的效果。數據量收縮是最常見的錯誤。
維護需求 中到高。更新主網站后,還必需單獨在挪動網站上停止更新。 假如人工維護,將需求大量的資源。許多網站運用內容管理系統來防止這一問題,并自動在一切模板上發布內容。 低。創立后,更新內容會流向一切設備,維護工作量極低。
設備 可特地針對挪動用戶優化網站。 單獨的文件和效勞器端代碼(會在向用戶傳送網頁前在您的效勞器上運轉)能夠提供依設備而定的體驗。 一切設備上的用戶體驗堅持分歧(一些設備專屬的選項可經過效勞器端程序添加)。
能否支持擴展至新平臺 不支持。這是智能手機專用的獨立挪動網站。新平臺無法輕松集成到現有架構中。 支持??奢p松針對詳細的設備(例如智能電視)創立模板,并經過同一個網址投放。 支持。運用指定的斷點和流體網格,可輕松擴展到新平臺和新設備。
三種配置方式的優化倡議
1,跳轉適配
在此配置中,每個pc版網址都具有一個對應的不同網址,用于提供針對挪動設備停止優化的內容。為了協助我們的算法理解單獨的挪動版網址,我們倡議您運用以下注釋:
在pc版網頁上,添加指向對應挪動版網址的特殊鏈接 rel=”alternate” 標志。這有助于發現網站的挪動版網頁所在的位置。
在挪動版網頁上,添加指向對應pc版網址的鏈接 rel=”canonical” 標志。
例如,假定pc版網址為http://www.example.com/page-1,且對應的挪動版網址為 http://m.example.com/page-1,那么此示例中的注釋如下所示:
在pc版網頁(http://www.example.com/page-1) 上,添加:
<link rel=“alternate” media=“only screen and (max-width: 640px)” href=“http://m.example.com/page-1” >
而在挪動版網頁(http://m.example.com/page-1) 上,所需的注釋應為:
也能夠運用原有的開放適配提交辦法。
http://zhanzhang.baidu.com/college/courseinfo?id=267&page=20
2,代碼適配
為了使百度可以曉得當您的頁面發作變化時,同時需求用其他的ua重新抓取一遍,請您添加Vary HTTP標頭。Vary HTTP 標頭具有以下兩個十分重要且適用的作用:
它會向 ISP 和其他位置運用的緩存效勞器標明:在決議能否經過緩存來提供網頁時它們應思索用戶代理。假如您沒有運用 Vary HTTP 標頭,緩存可能會錯誤地向挪動設備用戶提供pc版 HTML 網頁的緩存(反之亦然)。
它有助于 百度spdier 更快速地發現針對挪動設備停止優化的內容,這是由于我們在抓取針對挪動內容停止過優化的網址時,會將有效的 Vary HTTP 標頭作為抓取信號之一,我們會進步用其他ua抓取此網頁的優先級。
示例:
Vary HTTP 標頭
并且在pc的響應的head中添加
在挪動的響應的包頭中添加
3,自順應
自順應設計有其普通準繩:在head添加以下代碼并且運用元素處置自順應圖片:
自順應頁面還應該在head中標識:
表示頁面同時合適在挪動設備和PC上停止閱讀。

返回列表
上一篇:網站排名穩定以后還需要每天發內容和外鏈嗎?
下一篇:網站文章經常在更新可是排名就是上不去