CSS

Qu'est-ce que le CSS ?

Le CSS est le langage qui décrit la présentation d'une page HTML : couleurs, typographie, espacement, mise en page, comportement responsive. Il ne porte aucun contenu, mais conditionne la performance perçue.

La forme, séparée du fond

Le HTML dit ce qu'est un élément, le CSS dit à quoi il ressemble. Cette séparation permet de refondre l'apparence d'un site sans toucher à son contenu, et de servir la même page à un écran de téléphone comme à un moniteur large.

Où il rencontre le référencement

• Il est bloquant au rendu : tant que la feuille de style n'est pas chargée, rien ne s'affiche. Un CSS trop lourd retarde le LCP.
• Une réservation d'espace manquante pour les images et les polices provoque des sauts de mise en page, mesurés par le CLS.
• Masquer du texte en CSS pour le montrer aux seuls robots est une technique de dissimulation, sanctionnée.
• Bloquer les fichiers CSS dans robots.txt empêche Google d'afficher la page telle qu'un visiteur la voit.

Exemple concret

L’inspection d’URL affiche la page d’accueil d’un fabricant de mobilier de bureau sans aucune mise en forme : colonnes empilées, texte démesuré. Un robots.txt hérité d’un ancien chantier interdisait /assets/, feuilles de style comprises. La ligne disparaît du fichier. Les blocs d’illustration reçoivent ensuite une hauteur réservée, ce qui supprime les sauts de mise en page au chargement.

À retenir

Le CSS ne fait pas classer une page, mais il décide de la vitesse à laquelle elle devient lisible — ce qui se mesure, et ce que le visiteur ressent en premier.