跳到主要内容

您是否在WordPress网站的Google网站管理员工具帐户中看到“ Googlebot无法访问CSS和JS文件”警告?该消息包含有关如何解决此问题的说明的链接,但是遵循这些说明不是很容易。在本文中,我们将向您展示如何解决WordPress网站上的“ Googlebot无法访问CSS和JS文件”错误。

为什么Google需要访问CSS和JS文件?

Google致力于为用户友好的网站(速度快,拥有良好用户体验等的网站)提供更好的排名。为了确定网站的用户体验,Google需要访问网站的CSSJavaScript文件的权限。

默认情况下,WordPress不会阻止搜索机器人访问任何CSS或JS文件。但是,某些站点所有者在尝试添加额外的安全措施或使用WordPress安全插件时可能会意外阻止它们。

这限制了Googlebot索引可能会影响您网站的SEO性能的CSS和JS文件。

话虽如此,让我们看看如何找到这些文件并解除阻止。

修复wordpress中的googlebot无法访问css和js文件
修复wordpress中的googlebot无法访问css和js文件

如何让Google访问您的CSS和JS文件

首先,您需要知道Google无法访问您网站上的哪些文件。

您可以通过在Google Search Console(以前称为网站站长工具)中单击“抓取”»“以Google身份获取”来查看Googlebot如何看您的网站。接下来,单击获取和呈现按钮(您要同时针对台式机和移动设备执行此操作)。

提取后,结果将显示在下面的行中。点击它会向您显示用户看到的内容以及Googlebot在加载您的网站时看到的内容。

如果您注意到两个屏幕截图之间存在任何差异,则表明Googlebot无法访问CSS / JS文件。它还将向您显示无法访问的CSS和JS文件的链接。

您还可以在Google索引»阻止的资源下找到这些阻止的资源的列表。

点击每个资源都会显示指向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文件。访问作为Google抓取工具,然后点击抓取并渲染按钮。现在比较您的提取结果,您将看到大多数阻塞的资源问题现在应该消失了。

回到顶部