googlebot_如何修复WordPress中的“ Googlebot无法访问CSS和JS文件”错误

谷歌机器人

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

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

为什么Google需要访问CSS和JS文件？ （Why Google Needs Access to CSS and JS Files?）

Google is focused on giving better rankings to user friendly websites – sites that are fast, have good user experience, etc. In order to determine the user experience of a website, Google needs access to be able to visit the site’s CSS and JavaScript files.

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

By default WordPress 不阻塞 search bots from accessing any CSS or JS files. However some site owners may accidentally block them while trying to add extra security measures or by using a WordPress security plugin.

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

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

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

话虽如此，让我们看看如何找到这些文件并解锁它们。

话虽如此，让我们看看如何找到这些文件并解锁它们。

如何让Google访问您CSS和JS文件 （How to Give Google Access to Your CSS and JS Files）

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

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

You can see how Googlebot sees your website by clicking on 抓取 » 以 Google 方式获取 in Google Search Console (formerly 站长工具). Next, click on fetch and render button (you want to do this for both Desktop and Mobile).

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

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

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

如果您发现两个屏幕截图之间有任何差异，则意味着 Googlebot 无法访问 CSS/JS 文件。它还会向您显示它无法访问的 CSS 和 JS 文件的链接。

如果您发现两个屏幕截图之间存在任何差异，则意味着 Googlebot 无法访问 CSS/JS 文件。它还会向您显示无法访问的 CSS 和 JS 文件的链接。

You can also find a list of these blocked resources under Google 索引 » 被阻止的资源.

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

单击每个资源将显示 Googlebot 无法访问的实际资源的链接。

单击每个资源会显示指向 Googlebot 无法访问的实际资源的链接。

大多数时候，这些是由 WordPress 插件或主题添加的 CSS 样式和 JS 文件。

大多数时候，这些是您的 WordPress 插件或主题添加的 CSS 样式和 JS 文件。

Now you will need to edit your site’s 机器人.txt file which is what controls what Google bot sees.

现在，您需要编辑网站的机器人.txt文件，该文件可以控制Google机器人看到的内容。

You can edit it by connecting to your site using an FTP客户端. The robots.txt file will be in your site’s root directory.

您可以通过使用FTP客户端连接到站点来对其进行编辑。 robots.txt文件将位于您网站的根目录中。

If you are using 优斯特搜索引擎优化 plugin, then you can edit robots.txt file from within your WordPress admin area. Simply go to 搜索引擎优化 » 工具 page and then click on 文件编辑器.

如果您使用的是优斯特搜索引擎优化插件，则可以在WordPress管理区域中编辑robots.txt文件。 只需转到搜索引擎优化 » 工具页面，然后单击文件编辑器 。

您很可能会看到您的网站不允许访问某些 WordPress 目录，如下所示：

您很可能会看到您的网站不允许访问某些 WordPress 目录，如下所示：

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

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。

现在，您需要删除阻止 Google 访问您网站的前端 CSS 或 JS 文件的行。通常，这些文件位于插件或主题文件夹中。您可能还想删除 wp-includes，许多 WordPress 主题和插件可能会调用 wp-includes 文件夹中的脚本，例如 jQuery。

一些用户可能会注意到他们的 robots.txt 文件要么是空的，要么根本不存在。如果 Googlebot 找不到 robots.txt 文件，它会自动抓取所有文件并为其编制索引。

一些用户可能会注意到他们的 robots.txt 文件是空的甚至不存在。如果Googlebot找不到robots.txt文件，它会自动抓取所有文件并为其建立索引。

那你为什么会看到这个警告呢？

那你为什么会看到这个警告呢？

On rare occasions, some WordPress 托管 providers may proactively block access to default WordPress folders for bots. You can override this in robots.txt by allowing access to blocked folders.

在极少数情况下，某些WordPress 托管提供商可能会主动阻止对机器人的默认WordPress文件夹的访问。 您可以通过允许访问被阻止的文件夹在robots.txt中覆盖此设置。

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

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

完成后，保存 robots.txt 文件。访问 fetch as Google 工具，然后单击 fetch and render 按钮。现在比较您的获取结果，您会发现大多数阻塞资源问题现在应该消失了。

完成后，保存 robots.txt 文件。访问 Fetch as Google，然后单击“Fetch and Render”按钮。现在比较您的获取结果，您将看到大多数阻塞资源问题现在应该消失了。

我们希望本文可以帮助您解决 WordPress 网站上的“Googlebot 无法访问 CSS 和 JS 文件”文件错误。您可能还想查看我们的指南

我们希望本文可以帮助您解决 WordPress 网站上的“Googlebot 无法访问 CSS 和 JS 文件”文件错误。您可能还想查看我们的指南

If you liked this article, then please subscribe to our YouTube 频道 for WordPress video tutorials. You can also find us on 推特 and Facebook.

如果您喜欢这篇文章，请订阅我们的YouTube 频道 WordPress视频教程。 您也可以在推特和Facebook上找到我们。

翻译自: https://www.wpbeginner.com/wp-tutorials/how-to-fix-googlebot-cannot-access-css-and-js-files-error-in-wordpress/

谷歌机器人