如何排查解決WordPress中的“Googlebot cannot access CSS and JS files”錯誤

錯誤型別:
其他錯誤
錯誤名稱:
Googlebot不能访问CSS和JS文件
英文名稱:
Googlebot cannot access CSS and JS files
錯誤描述:
由于Robots.txt规则限制,可能导致Googlebot不能访问CSS和JS文件。

“Googlebot cannot access CSS and JS files”錯誤

本文概述瞭如何解決WordPress網站的 “Googlebot cannot access CSS and JS files” 錯誤,即Googlebot無法訪問CSS和JS檔案。

Google網站管理員工具提示包含指向有關如何修復錯誤的說明的連結,但這些說明對使用者不是很友好。這就是為什麼我將向您展示如何修復 “Googlebot cannot access CSS and JS files” 錯誤。

"Googlebot cannot access CSS and JS files" 錯誤截圖

為什麼Googlebot需要訪問CSS和JS檔案?

回答問題的最佳方式始終是理解答案。

Google更喜歡對使用者友好的網站進行排名:載入速度快、提供良好使用者體驗等的網站。為了確定網站的使用者體驗,Google需要訪問該網站的CSS和JavaScript檔案

預設的WordPress設定不會阻止搜尋機器人訪問任何CSS或JS檔案。但是,一些網站所有者可能會在新增額外的安全措施(例如安全外掛)後阻止搜尋機器人。

修復WordPress中的“Googlebot cannot access CSS and JS files”錯誤

選項 1:手動編輯WordPress Robots.txt檔案

什麼是WordPress Robots.txt?

當機器人抓取您的網站並希望將其編入索引時,它們會首先按照您的robots.txt檔案中的說明進行操作。

該檔案指導機器人索引或不索引您網站的任何頁面。如果您正在執行WordPress,您將在根目錄中找到Robots.txt檔案

如何為Googlebot編輯Robots.txt

如果您想修復Googlebot無法訪問CSS和JS檔案錯誤,您的robots.txt檔案應包含站點地圖和其他一些專案

WordPress Robots.txt檔案很容易理解。

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
User-agent: *
Disallow: /wp-admin/
Disallow: /wp-includes/
Disallow: /wp-content/plugins/
Disallow: /wp-content/themes/
Allow: /wp-includes/js/
User-agent: * Disallow: /wp-admin/ Disallow: /wp-includes/ Disallow: /wp-content/plugins/ Disallow: /wp-content/themes/ Allow: /wp-includes/js/
User-agent: *
Disallow: /wp-admin/
Disallow: /wp-includes/
Disallow: /wp-content/plugins/
Disallow: /wp-content/themes/
Allow: /wp-includes/js/

Disallow: /folder 表示該資料夾不會被Googlebot抓取。

Allow: /folder 表示該資料夾將被Googlebot抓取。

要修復WordPress中的“Googlebot無法訪問CSS和JS檔案”錯誤,您需要允許Googlebot抓取儲存CSS和JS檔案的資料夾。

大多數情況下,刪除以下行將解決問題: Disallow: /wp-includes/

之後,儲存您的robots.txt檔案並上傳。然後在Google工具中點選 “fetch and render”。現在比較fetch結果,你應該看到很多被阻塞的資源將不再被阻塞。

某些使用者可能會遇到他們的robots.txt檔案為空或根本不存在的情況。如果發生這種情況,Googlebot會自動抓取所有檔案並將其編入索引

使用外掛編輯Robots.txt檔案

(1)使用Yoast編輯robots.txt檔案

使用Yoast SEO製作或編輯robots.txt檔案要容易得多。為此,請按照以下步驟操作。

第 1 步:訪問您的WordPress網站並登入。

登入後,您的帳戶將出現在您的“儀表盤”中。

第 2 步:點選 “SEO” 選項卡。

螢幕左側有一個搜尋欄。從該選單中選擇 “SEO”。

第 3 步:然後,點選 “Tools”。

您將在SEO設定中找到其他選項。點選 “Tools“。

Yoast外掛工具

第 4 步:然後,點選 “File Editor”。

Yoast檔案編輯器

您只需刪除 “Disallow: /wp-includes/” 行並單擊 “save changes to robots.txt”。

使用Yoast編輯robots.txt檔案 (2)使用SEOPress編輯robots.txt檔案

第 1 步:轉到SEO選項卡。

第 2 步:選中與機器人關聯的綠色單選按鈕。

第 3 步:通過單擊管理啟用robots.txt虛擬檔案。

第 4 步:將您的robots.txt檔案寫入Virtual Robots.txt並儲存。

確保刪除“Disallow:/wp-includes/ ”行

如果您想檢視您的robots.txt檔案,請單擊檢視您的robots.txt或轉到“yoursite.com/robots.txt”

(3)使用Rankmath編輯robots.txt

在Rankmath上,robots.txt檔案是可編輯的,如下所示:

使用Rankmath編輯robots.txt

同樣,需要刪除 “Disallow: /wp-includes/” 行

希望本文能幫助您修復WordPress網站上的 “Googlebot cannot access CSS and JS files” 錯誤。

小結

Robots.txt是網站控制搜尋引擎蜘蛛訪問許可權的重要檔案,您可以進一步深入瞭解Robots.txt。您也可以通過robots.txt工具,校驗您的網站的robots.txt所包含的規則是否符合標準。

“Googlebot cannot access CSS and JS files” 錯誤是件小事情,但如果未能及時處理,可能會導致您的網站被Google收錄受限。幸運的是,通過上面的介紹,我們輕鬆解決問題!

評論留言