渲染后 CSS 和图像文件被 Googlebot 阻止答案

【问题标题】：CSS & Image Files Are Blocked by Googlebot after Rendering渲染后 CSS 和图像文件被 Googlebot 阻止
【发布时间】：2022-01-09 14:04:46
【问题描述】：

在Mobile-Friendly Test 中渲染我的网站时，我看到我的网站的 CSS + 图片被阻止了。

该网站建立在 Elementor 之上，没有缓存插件。我禁用了所有插件，它仍然是一样的。

这是我的 robots.txt 文件：

User-agent: *
Disallow: 
Allow: /wp-admin/admin-ajax.php
Allow: .js 
Allow: .css

sitemap: https://www.carxpress.co.il/sitemap_index.xml

请在此处找到link to the website。

有什么见解吗？

【问题讨论】：

您不需要 robots.txt 中的任何 Allow: 行，因为您没有禁止任何内容。如果您确实需要通配符来允许您的 JavaScript 文件，我还希望在 Allow: *.js 等几行中使用通配符。

【解决方案1】：

要解决移动友好测试 CSS 问题，您可以从 CSS 头部标签中删除 type="text/css"，只保留如下内容：

<link rel="stylesheet" href="https://www.mywebsite.com/styles.css">.

图像错误更多是因为此工具是特定时间的，而 Google 没有时间限制。 Google 从自己的缓存中使用的许多资源，而此工具从新开始获取每个资源。所以你不必担心。

另外，如果您的图片有延迟加载功能，您可以尝试禁用它。

【讨论】：