为何Google需要访问CSS和JS文件？

Google致力于为用户提供更友好的网站设计，包括速度快、用户体验好的网站。为了评估一个网站的用户体验，Google需要访问该网站的CSS和Javascript文件。

默认情况下，WordPress不会阻止搜索引擎访问任何CSS或JS文件。但有些站点所有者可能无意中在增加额外的安全措施时或使用WordPress安全插件时阻止了这些文件。这会限制Googlebot索引CSS和JS文件，进而影响你网站的SEO表现。

如何授予Google访问你的CSS和JS文件的权限

确定Google无法访问哪些文件

你可以在Google搜索控制台（原名站长工具）中通过点击“爬取»以Google方式抓取”来查看Googlebot如何看到你的网站。接下来，点击抓取和渲染按钮（建议分别为桌面和移动设备进行操作）。

一旦抓取完毕，结果将显示在下方的一行中。点击它将显示一个用户和Googlebot在加载你的网站时看到的页面截图。如果你注意到这两张截图之间有任何区别，则表示Googlebot无法访问CSS/JS文件。它还会显示无法访问的CSS和JS文件的链接。

你也可以在“Google索引» 被阻止的资源”中找到这些被阻止的资源列表。点击每个资源将展示Googlebot无法访问的实际资源链接。

编辑你的robots.txt文件

大多数情况下，这些是由WordPress插件或主题添加的CSS样式和JS文件。你现在需要编辑你网站的robots.txt文件，该文件控制着Googlebot的访问权限。

你可以通过FTP客户端连接到你的网站，然后编辑位于站点根目录中的robots.txt文件。如果你使用的是All in One SEO插件，你也可以在WordPress后台中编辑robots.txt文件。只需前往All in One SEO»工具页面，然后点击“Robots.txt编辑器”标签。在那里，启用自定义robots.txt以编辑该文件。

启用后，你将看到现有robots.txt文件的预览。你可以现在添加自定义规则。有关详细信息，请参阅我们关于如何在WordPress中优化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文件”错误。你还可能想查看我们的指南，了解如何跟踪WordPress网站访问者以及我们精选的最佳WordPress SEO插件。

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