您是否在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无法访问您网站上的哪些文件。
您可以通过在GoogleSearchConsole（以前称为网站站长工具）中单击“抓取”»“以Google方式获取”来查看Googlebot如何查看您的网站。接下来，单击“获取并渲染”按钮（您希望对桌面和移动设备执行此操作）。
获取后，结果将显示在下面的一行中。单击它将向您显示用户看到的内容以及Googlebot在加载您的网站时看到的内容。
如果您发现两个屏幕截图之间有任何差异，则意味着Googlebot无法访问CSS/JS文件。它还会向您显示它无法访问的CSS和JS文件的链接。
您还可以在GoogleIndex»BlockedResources下找到这些被阻止资源的列表。
单击每个资源将显示Googlebot无法访问的实际资源的链接。
大多数时候，这些是由WordPress插件或主题添加的CSS样式和JS文件。
现在您需要编辑网站的robots.txt文件，该文件控制Google机器人看到的内容。
您可以通过使用FTP客户端连接到您的站点来编辑它。robots.txt文件将位于您网站的根目录中。
如果您使用YoastSEO插件，那么您可以在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文件。访问fetchasGoogle工具，然后单击fetchandrender按钮。现在比较您的获取结果，您会发现大多数阻塞资源问题现在应该消失了。
