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 更容易解讀您的網站並顯示複合式搜尋結果。如果您不知道如何著手，不妨先瀏覽我們的可用功能庫。