響應式網站、移動網站搜索引擎優化 (SEO) 方法技巧
日期:2016/1/23 / 人氣:
為了確保您的網站會出現在搜索結果中,請參閱下文,了解如何針對多種設備配置網站,以及如何幫助搜索引擎了解您的網站。
選擇您的移動版網站配置
實現移動版網站的 3 種方法
下面介紹了三種主要方法,您可以使用這些方法實現移動版網站,讓網站可以處理所有類型和尺寸的視圖屏幕。以下是三種方法的對比表:
配置 我的網址是否會保持不變? 我的 HTML 是否會保持不變?
自適應設計 yes yes
動態提供內容 yes no
單獨的網址 no no
自適應設計:該方法通過同一網址提供相同的 HTML 代碼,而不考慮用戶所使用的設備(桌面設備、平板電腦、移動設備、非視覺性瀏覽器),但可以根據屏幕尺寸以不同方式呈現(即“響應”)顯示內容。自適應設計是 Google 推薦使用的設計樣式。
動態提供內容:該方法使用相同的網址,而不考慮用戶所使用的設備,但會根據服務器對用戶所用瀏覽器的了解,針對不同設備類型生成不同版本的 HTML。
單獨的網址:該方法會利用單獨的網址向每種設備提供不同的代碼。這種配置會嘗試檢測用戶所使用的設備,然后使用 HTTP 重定向和 Vary HTTP 標頭重定向到相應的頁面。
Google 沒有偏好的特定網址格式,只要相應網頁和所有網頁資源可供所有 Googlebot 用戶代理訪問即可。
如需詳細了解如何選擇移動版網站配置(以及權衡每種方法的利弊),請參閱為跨屏消費者構建網站一文。
構建移動版網站的要點
稍后,我們將討論其他可供您選擇用于構建適合移動設備的網站的配置。不過,無論選擇哪種配置,您都應注意以下要點。
當網頁采用適合移動設備的格式時,應向 Google 表明(當網頁擁有所用格式適合移動設備的對等網頁時也應如此)。這有助于 Google 在搜索結果中準確地向移動設備搜索用戶提供內容。
確保資源可供抓取。請勿使用 robots.txt 阻止搜索引擎訪問網站上有助于呈現網頁(包括廣告)的重要文件。如果Googlebot 無法訪問網頁的資源(如 CSS、JavaScript 或圖片),我們可能就無法檢測出這是專為移動瀏覽器構建的網頁。也就是說,我們可能無法檢測出這是適合在移動設備上瀏覽的網頁,因而無法以適當的方式向移動設備搜索用戶提供這個網頁。
避免出現會對移動設備訪問者造成困擾的常見錯誤,比如存在無法播放的視頻(在將 Flash 視頻作為網頁的重要內容時就會出現這種情況)。如果移動版網頁無法提供令人滿意的搜索體驗,那么在移動搜索結果中的排名便會下降,或是在移動搜索結果中顯示時伴有警告。有關詳情,請參閱“常見錯誤”一節。
了解設備之間的差異
移動設備:在本文檔中,“移動”或“移動設備”指的是智能手機,例如運行 Android 系統的手機、iPhone 或 Windows Phone。雖然移動設備的屏幕尺寸較小,且在大多數情況下,其默認屏幕方向為縱向,但移動瀏覽器與桌面瀏覽器類似,都可以呈現各種 HTML5 規格的網頁。
平板電腦:我們將平板電腦視為一個單獨的設備類別,因此在提及移動設備時,通常不會將平板電腦納入定義范圍。相對而言,平板電腦的屏幕要大一些。這意味著,除非您提供針對平板電腦進行了優化的內容,否則用戶通過平板電腦瀏覽網站時,還是希望看到桌面瀏覽器的顯示方式,而非智能手機瀏覽器的顯示方式。
多媒體手機:這類手機采用的瀏覽器可呈現符合 XHTML 編碼標準的網頁;支持 HTML5 標記、Javascript/ECMAscript,但可能不支持某些采用 HTML5 標準的擴展程序 API。這通常指的是大多數帶有 3G 功能的手機(非智能手機)中的瀏覽器。
功能手機:這類手機采用的瀏覽器無法呈現使用標準 HTML 進行編碼的標準桌面版網頁,其中包括僅呈現使用 cHTML (iMode)、WML、XHTML-MPF 等語言進行編碼的網頁的瀏覽器。
注意:我們的建議主要是針對智能手機,但我們同樣鼓勵多媒體手機版和功能手機版網站的所有者適時地采納這些建議。
作者:朋友圈科技
相關內容 Related
- 為什么響應式設計需要媒體查詢2016/8/5
- 虛擬主機被搜索引擎爬蟲訪問耗費大量流量解決方法2016/8/3
- 網站建設中如何創建完美的顏色組合2016/8/1
- 什么是長尾關鍵詞?2016/8/1
- 建設企業或個人網站的好處2016/7/8
- 前端開發者需要知道的常識2016/7/6
- 12種方法為您拓展業務通道2016/7/27
- SEO優化的三大技巧2016/7/24
- 10的方法來提高你的網站設計2016/7/24
- 網站統計用哪個比較好,百度?cnzz?2016/7/21