CSS有效性会影响SEO吗？ [关闭]

Question

许多前端开发人员都知道有效的 HTML 对 SEO 有积极的影响。但是有效的 CSS 会影响 SEO 吗？

在 Google 网站上的 https://support.google.com/webmasters/answer/100782?hl=en 页面上，它说：“干净、有效的 HTML 是一个很好的保险政策，使用 CSS 可以将呈现与内容分开，并且可以帮助页面更快地呈现和加载。验证工具，例如W3 联盟提供的免费在线 HTML 和 CSS 验证器对于检查您的网站很有用，而 HTML Tidy 等工具可以帮助您快速轻松地清理代码。”

但如果你看看世界上最流行的前端组件库，例如，你会发现它甚至包含很多来自 W3C 验证器的错误和警告。

:root{
    --blue:#007bff;
    --indigo:#6610f2;
    --purple:#6f42c1;
    --pink:#e83e8c;
    --red:#dc3545;
    --orange:#fd7e14;
    --yellow:#ffc107;
    --green:#28a745;
    --teal:#20c997;
    --cyan:#17a2b8;
    --white:#fff;
    --gray:#6c757d;
    --gray-dark:#343a40;
    --primary:#007bff;
    --secondary:#6c757d;
    --success:#28a745;
    --info:#17a2b8;
    --warning:#ffc107;
    --danger:#dc3545;
    --light:#f8f9fa;
    --dark:#343a40;
    --breakpoint-xs:0;
    --breakpoint-sm:576px;
    --breakpoint-md:768px;
    --breakpoint-lg:992px;
    --breakpoint-xl:1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
} ... <= This is just a small part of the file bootstrap.min.css.

验证器 https://jigsaw.w3.org/css-validator/ 表示 Bootstrap 中有 30 个错误和 670 个警告。但是这个 CSS 被用于许多成功的网站。如果他们使用有效的 CSS，他们会在 SEO 方面更加成功吗？

Answer 1

在他们对browser compatibility 的一般准则中，Google 提到了用于编写良好、干净的代码的 W3C 验证工具。

他们还声明了以下内容：

虽然我们确实建议使用有效的 HTML，但它不太可能成为 Google 如何抓取您的网站并将其编入索引的一个因素。

所以我们可以假设 CSS 也是如此。

请记住，您的 CSS 中还有很多其他因素会影响搜索排名，例如适合移动设备的样式，以及导致加载时间变慢的因素，例如选择器特异性、文件大小、导入等。