Dans un échange enrichissant, John Mueller et Martin Splitt de Google ont discuté du rôle du CSS dans le SEO. Souvent éclipsé par JavaScript, le CSS a cependant des implications significatives pour l’indexation et le rendu des pages par Google.
L’importance des fichiers CSS pour le SEO
Les fichiers CSS, bien que souvent négligés, affectent la façon dont les crawlers de Google interprètent et indexent le contenu. Les directives de Google recommandent de rendre ces fichiers accessibles au crawling pour assurer une indexation complète et efficace.
La taille des fichiers CSS
Au fil des années, la taille des fichiers CSS a augmenté, atteignant une médiane de 68-72kB en 2022. Les frameworks modernes, bien qu’optimisant le développement, peuvent alourdir ces fichiers. Il est donc crucial d’optimiser en éliminant les règles inutilisées et en divisant les fichiers lorsque c’est possible.
Règles CSS et SEO
Les noms de classes CSS n’ont aucun impact direct sur le SEO, car ils servent uniquement au style et ne sont pas considérés pour le contenu visible analysé par les moteurs de recherche. De même, les pseudo-éléments comme ::before et ::after ne doivent être utilisés que pour des contenus décoratifs, car ils ne sont pas inclus dans le DOM et ne sont pas indexés.
Images et contenu caché en CSS
Les images intégrées via CSS sont destinées à des éléments décoratifs et ne sont pas indexées par les moteurs de recherche. Pour les images importantes, les balises HTML img ou picture sont recommandées. Par ailleurs, le masquage de contenu avec CSS, comme avec display: none;, retire généralement l’élément du DOM, rendant son indexation impossible.
Nos recos Optis Oignons
Il est essentiel de rappeler que le CSS doit rester un outil de style, tandis que le HTML doit contenir le contenu principal. Pour optimiser le SEO, assurez-vous que les éléments cruciaux pour le contexte et la signification se trouvent dans le HTML et que les fichiers CSS sont maintenus légers et accessibles aux moteurs de recherche.
Source
Article original de Search Engine Roundtable accessible à l’adresse suivante : Google On SEO & CSS