修正會影響搜尋體驗的 JavaScript 問題

本指南可協助辨識特定 JavaScript 問題並進行修正,避免您的網頁 (或使用 JavaScrpit 語言的特定網頁內容) 因為這類問題而無法顯示在 Google 搜尋中。此外,雖然 Googlebot 能夠執行 JavaScript,但您在設計網頁和應用程式時仍需要考量一些不同的情況和限制,讓檢索器能順利存取並轉譯您的內容。您也可以參考我們的 JavaScript 搜尋引擎最佳化 (SEO) 基礎知識指南,進一步瞭解如何讓 JavaScript 網站在 Google 搜尋中獲得最佳成效。

Googlebot 有如一位良善的網路公民,主要任務是檢索網站,同時確保檢索作業不會破壞網站的使用體驗。Googlebot 與其網路轉譯服務 (WRS) 元件會持續分析並辨別哪些資源對基本網頁內容沒有幫助,從而避免擷取這類資源。舉例來說,對基本網頁內容沒有幫助的報表和錯誤要求,以及對於擷取基本網頁內容沒有利用價值的類似要求類型,都算是上述所說的資源。用戶端分析結果可能無法完整或準確地呈現出 Googlebot 和 WRS 在您網站上的活動,您可以使用 Search Console 來監控 Googlebot 和 WRS 在網站上的活動和意見回饋。

如果您懷疑網頁 (或使用 JavaScript 語言的特定網頁內容) 可能因為 JavaScript 問題而遭到封鎖,導致無法顯示在 Google 搜尋中,請按照下列步驟操作: 如果不確定 JavaScript 問題是否為主因,請按照我們的通用偵錯指南來判斷問題為何。

  1. 如要測試 Google 檢索及轉譯網址的情況,請使用 Search Console 中的行動裝置相容性測試網址檢查工具。您可以查看載入的資源、JavaScript 控制台輸出結果和例外狀況、已轉譯的 DOM 以及其他資訊。

    此外,我們也建議收集使用者 (包括 Googlebot) 在您的網站上遇到的 JavaScript 錯誤並進行稽核,以便找出可能影響內容轉譯方式的潛在問題。

  2. 請務必避免轉址式 404 錯誤。這是單頁應用程式 (SPA) 特別難以避免的問題。 您可以採用下列一或兩種做法,防止系統為錯誤網頁建立索引:
    • 重新導向至伺服器傳回 404 狀態碼的網址。
    • 新增漫遊器中繼標記或將其改成 noindex
  3. 預期 Googlebot 會拒絕使用者授權要求
  4. 請勿使用片段網址載入不同的內容。
  5. 請勿依賴資料持續性來提供內容。
  6. 建立內容指紋以避免 Googlebot 的快取問題。
  7. 務必讓您的應用程式對所需的任何重要 API 執行功能偵測,並視情況提供備援行為或 Polyfill。
  8. 確認您的內容支援 HTTP 連線。
  9. 確保您的網頁元件能正常轉譯。 運用行動裝置相容性測試網址檢查工具,檢查轉譯後的 HTML 是否包含預期中的所有內容。
  10. 修正這份檢查清單中的問題後,請再次使用 Search Console 中的行動裝置相容性測試網址檢查工具對網頁進行測試。

    如果已修正問題,就只會看到綠色勾號。如果仍有錯誤項目,請前往 JavaScript Sites in Search Working Group 張貼問題。