CSS有效性会影响SEO吗



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

在谷歌网站的页面上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方面更成功吗?

在浏览器兼容性的通用指南中,谷歌提到了W3C验证工具,用于编写良好、干净的代码。

他们还陈述了以下内容:

尽管我们确实建议使用有效的HTML,但它不太可能成为谷歌如何抓取和索引您的网站的一个因素。

所以我们可以假设CSS也是这样。

请记住,CSS中还有很多其他因素会影响搜索排名,比如移动友好型风格,以及导致加载时间变慢的因素,比如选择器专用性、文件大小、导入等。

最新更新