如何修復WordPress中的“ Googlebot無法訪問CSS和JS文件”錯誤


您是否在WordPress網站的Google網站管理員工具帳戶中看到“ Googlebot無法訪問CSS和JS文件”警告? 該消息包含指向有關如何解決此問題的說明的鏈接,但是這些說明並不容易遵循。 在本文中,我們將向您展示如何修復WordPress網站上的“ Googlebot無法訪問CSS和JS文件”錯誤。

Googlebot警告

為什麼Google需要訪問CSS和JS文件?

Google致力於為用戶友好的網站(速度快,擁有良好用戶體驗等的網站)提供更好的排名。為了確定網站的用戶體驗,Google需要訪問網站的CSS和JavaScript文件的權限。

默認情況下WordPress 不阻塞 搜索任何訪問CSS或JS文件的漫遊器。 但是,某些站點所有者在嘗試添加額外的安全措施或使用WordPress安全插件時可能會意外阻止它們。

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

話雖如此,讓我們看看如何找到這些文件並解除阻止。

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

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

您可以通過點擊查看Googlebot如何看您的網站 抓取»以Google身份獲取 在Google Search Console(以前是網站站長工具)中。 接下來,單擊獲取和呈現按鈕(您要同時針對台式機和移動設備執行此操作)。

提取網頁並將其呈現為Googlebot

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

提取為Google比較

如果您注意到兩個屏幕截圖之間存在任何差異,則表明Googlebot無法訪問CSS / JS文件。 它還將向您顯示無法訪問的CSS和JS文件的鏈接。

您還可以在下面找到這些被阻止資源的列表 Google索引»資源被阻止

在Google Search Console中查找被阻止的資源

點擊每個資源都會顯示指向Googlebot無法訪問的實際資源的鏈接。

大多數情況下,這些是您的WordPress插件或主題添加的CSS樣式和JS文件。

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

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

使用FTP客戶端在WordPress網站上查找robots.txt文件

如果您使用的是Yoast SEO插件,則可以在WordPress管理區域中編輯robots.txt文件。 只需轉到 SEO»工具 頁面,然後單擊 文件編輯器

在Yoast SEO中使用文件編輯器工具編輯robots.txt文件

您很可能會看到您的網站不允許訪問某些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文件。 訪問作為Google抓取工具,然後點擊抓取並渲染按鈕。 現在比較您的提取結果,您將看到大多數阻塞的資源問題現在應該消失了。

我們希望本文能幫助您解決WordPress網站上的“ Googlebot無法訪問CSS和JS文件”文件錯誤。 您可能還需要看我們的指南

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。