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

本指南可協助辨識特定 JavaScript 問題並進行修正,避免您的網頁或使用 JavaScrpit 語言的特定網頁內容,因為這類問題無法顯示在 Google 搜尋結果。此外,雖然 Googlebot 能夠執行 JavaScript,但您在設計網頁和應用程式時仍需要考量一些不同的情況和限制,讓檢索器能順利存取並轉譯您的內容。

Googlebot 有如一位良善的網路公民,主要任務是檢索網站,同時確保檢索作業不會破壞網站的使用體驗。Googlebot 與其網路轉譯服務 (WRS) 元件會持續分析並找出對基本網頁內容沒有幫助的資源,從而避免擷取這類資源。舉例來說,對基本網頁內容沒有幫助的報表和錯誤要求,以及對於擷取基本網頁內容沒有利用價值的類似要求類型,都算是上述所說的資源。

如果您懷疑網頁或使用 JavaScript 語言的特定網頁內容,可能因為 JavaScript 問題受到封鎖,結果無法顯示在 Google 搜尋結果中,請按照下列步驟操作:

  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 張貼問題。