Google 搜尋的入門應用知識:開發人員指南

提供易於搜尋的內容十分重要;您的內容越好搜尋,前來瀏覽的相關使用者就越多。這就是所謂的「搜尋引擎最佳化 (SEO)」,有助於吸引更多感興趣的使用者造訪您的網站。如果 Google 搜尋無法解讀您的網頁,您可能就會錯失重要的流量來源。

本指南將說明開發人員要怎麼做才能確保自家網站能與 Google 搜尋搭配運作。除了本指南中提到的項目,您還必須確保網站安全無虞載入快速可供所有人存取並且能在所有裝置上運作

瞭解 Google 如何檢索您的網站

首先請透過行動裝置相容性測試工具來測試自己的網站,看看 Google 如何檢索您的網站。 Googlebot 是 Google 的網路檢索漫遊器,可以為 Google 索引尋找新網頁和更新的網頁。如要進一步瞭解相關的檢索程序,請參閱 Google 搜尋的運作方式

當您發現 Google 不一定都能檢索到瀏覽器顯示的所有項目時,也許會覺得很訝異。在以下例子中,Google 就不知道這個網頁上有圖片,因為網頁採用了 Google 未支援的 JavaScript 功能。

使用者檢視畫面

使用者瀏覽網頁時會看到下圖的樣子,瀏覽器中將顯示圖片和文字。

顯示 6 張不同貓咪圖片的網站。網站標題是可愛貓咪大集合。

Google 檢視畫面

Google 檢索時看到的網頁則如下圖。Google 並不知道這個網頁上有圖片,因為網頁採用了 Google 未支援的 JavaScript 功能。

顯示了網站標題的網站。網頁上應該要有貓的圖片,但卻只出現正在載入中的圖示。

Googlebot 會透過擷取並剖析連結、Sitemap 與重新導向,逐一按照網址進行瀏覽。Googlebot 處理網址時是將每個網址視為您網站上的第一個也是唯一一個網址。為確保 Googlebot 能找到您網站上的所有網址,請注意以下幾點:

  • 使用 Google 可檢索的 <a> 元素。確定網站上的所有網頁都能從其他找得到的網頁上的連結開啟。請確保推薦連結包含與目標網頁相關的文字;如果是圖片,則應包含 alt 屬性。
  • 建立並提交 Sitemap,協助 Googlebot 以更靈活的方式檢索您的網站。「Sitemap」是一種用來提供網站資訊的檔案,您可以在其中列出網頁、影片和其他檔案的資訊,並呈現這些內容彼此間的關係。
  • 如果您的 JavaScript 應用程式只有一個 HTML 網頁,請確定每個畫面或每則內容片段都有一個網址。

檢查您使用 JavaScript 的方式

雖然 Google 能夠執行 JavaScript,但您在設計網頁和應用程式時還須考量一些不同的情況和限制,讓檢索器能順利存取並轉譯您的內容。 歡迎進一步瞭解 JavaScript 搜尋引擎最佳化 (SEO) 基礎知識,或如何修正會影響搜尋體驗的 JavaScript 問題

如要進一步瞭解 Google 在進行檢索、轉譯及建立索引時如何處理 JavaScript,請觀看以下影片。

內容變更時請通知 Google

為確保 Google 能快速找到新網頁或更新後的網頁,請執行下列動作:

如果您還是無法順利為網頁建立索引,請檢查伺服器記錄是否有錯誤。

別忘了網頁上的字詞

Googlebot 只能找到能以文本顯示的內容,舉例來說,Googlebot 無法檢索影片上的文字。為確保 Google 搜尋能解讀您的網頁內容,請注意以下幾點:

  • 確保您的視覺內容能以文字形式呈現。舉例來說,假設產品類別網頁上有一系列襯衫圖片,但每張圖片都沒有文字內容,這個做法就不太理想;您應該要為產品類別網頁上的每張圖片提供一些文字說明。
  • 確保每個網頁都有描述性標題中繼說明。獨一無二的標題和中繼說明能協助 Google 展示網頁與使用者查詢內容的關聯性,進而為您帶來更多搜尋流量。
  • 使用語意式 HTML。Google 雖然可以為 HTML、PDF 內容、圖片和影片建立索引,但如果內容需要使用外掛程式 (例如 Java 或 Silverlight) 或運用畫布呈現,就沒辦法建立索引。因此如果可能,建議內容盡量採用語意式 HTML 標記,不要使用外掛程式。

告知 Google 您的內容有其他版本

Google 無法自動得知您的網站或內容有多個版本,例如行動版、電腦版或國際版。為確保 Google 能為服務者提供適當的版本,您可以採取下列做法:

控制 Google 可檢索的內容

封鎖 Googlebot 的方式有很多種:

  • 如要防止 Google 找到您的網頁,您可以限制只有已登入的使用者能存取內容,例如採用登入頁面,或是設定密碼保護機制
  • 建立 robots.txt 也能禁止 Googlebot 檢索您的網頁。 不過,
  • 如果只願意讓 Google 檢索網頁但不想建立索引,請加入 noindex 標記

如果您的內容並未如願顯示在 Google 搜尋結果,請依照以下步驟找出問題:

  • 使用網址檢查工具確認 Googlebot 是否能存取您的網頁。
  • 測試 robot.txt 檔案,看看是否不小心封鎖了 Googlebot,導致系統無法檢索您的網站。
  • 檢查 HTML 的 meta 標記是否包含 noindex 規則。

為網站啟用複合式搜尋結果

食譜搜尋結果輪轉介面。顯示 2 張不同種類派餅資訊卡的輪轉介面。按一下搜尋結果即可播放影片。

複合式搜尋結果可以包含樣式、圖片或其他互動功能,能讓您的網站在搜尋結果中脫穎而出。請在網頁上使用結構化資料,為網頁內容提供明確的線索,這樣能讓 Google 更容易解讀您的網站並顯示複合式搜尋結果。如果您不知道如何著手,不妨先瀏覽我們的可用功能庫