給針對智能手機進行優化的網站的一些建議

jopen 12年前發布 | 8K 次閱讀 網站

發表者:Pierre Far,網站管理員趨勢分析師

原文:Recommendationsfor building smartphone-optimized websites

每天都有越來越多的智能手機被使用,而越來越多的網站也在生成針對智能手機進行優化的內容。自從我們上次談論過如何建立對移動設備友好的網站之后,我們一直在努力改善 Google 為智能手機進行優化的內容所提供的支持。作為這項工作的一部分,在 2011 年 12 月,我們就推出了專門針對智能手機的 Googlebot-Mobile,用來識別這些內容。

現在,我們想為大家提供 Google 在建設針對智能手機的網站方面的一些建議,并解釋具體的操作方法,讓為桌面設備以及智能手機進行優化內容的網站,都能夠有最好的機會在 Google 搜索結果中取得上佳表現。

對針對智能手機進行優化的網站的建議

我們現在將建議總結如下,您也可以登錄我們的新幫助網站查詢更詳細的內容:

在建設針對智能手機的網站時,Google 支持三種不同的配置方式:

  1. 使用響應性網頁設計的網站,也就是使用同一組 URL 地址服務所有設備的網站,每個 URL 為所有設備提供相同的 HTML,只通過 CSS 來改變頁面在設備上的呈現方式。這是Google的推薦配置。
  2. 使用同一組 URL 動態地服務所有設備的網站,但根據用戶代理是桌面設備還是移動設備,每個 URL 會提供不同的 HTML(和 CSS)。
  3. 針對移動設備和桌面設備提供不同的網站。

響應性網頁設計

響應性網頁設計是一種使用 CSS3 媒體查詢來改變網頁展示效果的網頁建設技術。也就是說,不管使用什么設備訪問,頁面的 HTML 代碼都是一樣的,但通過使用 CSS 媒體查詢來確定顯示頁面的瀏覽器適用哪些 CSS 規則,其表現方式會發生變化。您可以從 Google 網站管理員創作的這篇博客以及我們的建議中了解更多有關響應性網頁設計的內容。

使用響應性網頁設計方法有許多優點,包括:

  • 它可以將您的桌面設備內容和移動設備內容統一到同一個單獨的 URL 地址上,從而讓您的用戶能夠更輕松地進行交互、共享、和引用,并方便 Google 算法給您的內容指定合適的索引屬性。
  • Google 可以更有效地發現您的內容,因為我們不需要使用不同的 Googlebot 用戶代理來抓取頁面以檢索和索引所有內容。

針對特定設備的 HTML

然而,我們意識到,在很多情況下,可能無法使用或不適合使用響應性網頁設計這種方法。正是由于這個原因,所以我們支持網站使用不同的、針對特定設備的 HTML 來提供等效的內容。我們既可以使用同一 URL 地址(一種稱為動態服務的配置),也可以使用不同的 URL 地址(比如 www.example.com 和m.example.com)來提供針對特定設備的 HTML。

如果您的網站使用的是動態服務配置,那么我們強烈建議大家使用 Vary HTTP header 來與緩存服務器和我們的算法之間進行通信,告訴用戶和 Google,該內容可能會隨著請求頁面的用戶代理的不同而有所變化。另外,我們還可以將此用作 Googlebot-Mobile 的一個抓取信號。點擊此處,了解更多詳情。

至于獨立的移動設備網站的配置,因為有很多方法可以做到這一點,所以我們的建議中引入了注釋,以便告訴我們的算法,您的桌面設備和移動設備頁面在用途上是等效的;也就是說,這些新的注釋描述了可相互替代的桌面內容和移動內容之間的關系,它們應被視為一個單獨的實體來對待,每種替代內容針對一種特定類別的設備。

這些注釋將有助于我們發現您的針對智能手機進行優化的內容,并幫助我們的算法理解這些內容的結構,從而在我們的搜索結果中做出優秀表現。

總結

這篇博文只是對我們為建設針對智能手機進行優化的網站所做建議的簡要概括。請閱讀完整的內容,然后看看您的網站和用戶最適合使用我們支持的哪種方法。跟往常一樣,如果您還有什么問題,請到我們的網站管理員幫助論壇發帖咨詢。

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!