您是否在 wordpress 網站的 google 網站站長工具帳戶中看到“googlebot 無法訪問 css 和 JS 文件”警告？該消息包含有關如何解決此問題的說明的鏈接，但這些說明不太容易遵循。在本文中，我們將向您展示如何修復 wordpress 網站上的“googlebot 無法訪問 css 和 js 文件”錯誤。

為什么 Google 需要訪問 css 和 JS 文件？

Google 專注于為用戶友好的網站提供更好的排名 – 速度快、用戶體驗良好等的網站。為了確定網站的用戶體驗，Google 需要能夠訪問該網站的CSS和JavaScript文件。

默認情況下，wordpress不會阻止搜索機器人訪問任何 CSS 或 JS 文件。然而，一些網站所有者在嘗試添加額外的安全措施或使用 WordPress 安全插件時可能會意外阻止它們。

這會限制 Googlebot 索引 CSS 和 JS 文件，這可能會影響您網站的 SEO 性能。

立即學習“前端免費學習筆記（深入）”；

話雖如此，讓我們看看如何找到這些文件并解鎖它們。

如何讓 Google 訪問您的 CSS 和 JS 文件

首先，您需要知道 Google 無法訪問您網站上的哪些文件。

您可以通過在 Google Search console（以前稱為網站站長工具）中單擊“抓取”?“以 Google 方式獲取”來查看 Googlebot 如何查看您的網站。接下來，單擊“獲取并渲染”按鈕（您希望對桌面和移動設備執行此操作）。

獲取后，結果將顯示在下面的一行中。單擊它將向您顯示用戶看到的內容以及 Googlebot 在加載您的網站時看到的內容。

如果您發現兩個屏幕截圖之間有任何差異，則意味著 Googlebot 無法訪問 CSS/JS 文件。它還會向您顯示它無法訪問的 CSS 和 JS 文件的鏈接。

您還可以在Google Index ? Blocked Resources下找到這些被阻止資源的列表。

單擊每個資源將顯示 Googlebot 無法訪問的實際資源的鏈接。

大多數時候，這些是由 WordPress 插件或主題添加的 CSS 樣式和 JS 文件。

現在您需要編輯網站的robots.txt文件，該文件控制 Google 機器人看到的內容。

您可以通過使用FTP 客戶端連接到您的站點來編輯它。robots.txt 文件將位于您網站的根目錄中。

如果您使用Yoast SEO插件，那么您可以在 WordPress 管理區域中編輯 robots.txt 文件。只需轉到SEO ? 工具頁面，然后單擊文件編輯器。

您很可能會看到您的網站不允許訪問某些 WordPress 目錄，如下所示：

User-agent: *
Disallow: /wp-admin/
Disallow: /wp-includes/
Disallow: /wp-content/plugins/
Disallow: /wp-content/themes/

現在，您需要刪除阻止 Google 訪問您網站前端的 CSS 或 JS 文件的行。通常這些文件位于插件或主題文件夾中。您可能還需要刪除 wp-includes，許多 WordPress 主題和插件可能會調用位于 wp-includes 文件夾中的腳本，例如 jquery。

一些用戶可能會注意到他們的 robots.txt 文件要么是空的，要么根本不存在。如果 Googlebot 找不到 robots.txt 文件，它會自動抓取所有文件并為其編制索引。

那你為什么會看到這個警告呢？

在極少數情況下，一些WordPress 托管提供商可能會主動阻止機器人訪問默認 WordPress 文件夾。您可以通過允許訪問被阻止的文件夾來覆蓋 robots.txt 中的此設置。

User-agent: *
Allow: /wp-includes/js/

完成后，保存 robots.txt 文件。訪問 fetch as Google 工具，然后單擊 fetch and render 按鈕。現在比較您的獲取結果，您會發現大多數阻塞資源問題現在應該消失了。