Images non optimisées et sans attribut alt
Mis à jour le 12 août 2026
Pourquoi c'est important
Des images lourdes ou dans des formats dépassés ralentissent le chargement et dégradent les Core Web Vitals. Sur la plupart des pages, l'image principale est justement l'élément mesuré par le LCP, la métrique qui évalue le temps d'affichage du plus grand élément visible. Une image non dimensionnée provoque en plus des sauts de mise en page pendant le chargement, ce que mesure le CLS, et l'expérience devient franchement désagréable sur mobile. À noter que les Core Web Vitals agissent surtout comme critère de départage entre pages de qualité comparable, plutôt que comme levier de classement à eux seuls. L'attribut alt, lui, joue sur deux plans : il donne aux moteurs le sens de l'image, condition du référencement sur Google Images, et il rend le contenu accessible aux lecteurs d'écran, pour qui une image sans alt est un trou dans la page.
Comment Bretzel SEO le détecte
Bretzel SEO vérifie le format des images, en signalant les JPEG ou PNG lourds là où WebP ou AVIF seraient adaptés, et contrôle la présence de l'attribut alt sur chaque balise <img>.
Comment corriger
Servez les images en WebP ou AVIF, compressez-les et exportez-les à la taille d'affichage réelle plutôt qu'en pleine résolution. Déclarez toujours width et height sur vos balises <img>, ou une hauteur réservée en CSS. Le navigateur peut alors garder la place avant même d'avoir chargé le fichier, ce qui supprime le saut de mise en page. Appliquez loading="lazy" aux images situées sous la ligne de flottaison, mais jamais à l'image principale en haut de page : la différer dégrade directement le LCP. Sur cette image, préférez fetchpriority="high". Utilisez srcset et sizes pour éviter d'envoyer une image de 2000 pixels de large à un téléphone. Renseignez un alt descriptif sur chaque image porteuse de sens, en décrivant ce que montre l'image plutôt qu'en y empilant des mots-clés. Laissez un alt vide (alt="") sur les images purement décoratives, afin que les lecteurs d'écran les ignorent au lieu d'annoncer un nom de fichier.
Exemple avant/après
Avant : <img src="photo.png"> de 1,8 Mo, sans alt ni dimensions, qui décale tout le texte vers le bas au moment où elle s'affiche. Après : <img src="photo.webp" alt="Salon rénové avec parquet clair" width="1200" height="800" fetchpriority="high">, compressée à 120 Ko, sans décalage au chargement.
Impact SEO
Impact modéré : le poids et le format pèsent sur les Core Web Vitals, les attributs alt ouvrent Google Images et servent l'accessibilité.
