SEO des images : alt, taille et format

Le SEO des images consiste à rendre les images de votre page à la fois compréhensibles par les moteurs de recherche et rapides à charger pour le navigateur. Bien fait, il rapporte deux fois : du trafic organique supplémentaire depuis Google Images et une page plus rapide aux meilleurs Core Web Vitals. Sur la plupart des sites, les images sont la ressource la plus lourde ; les optimiser est donc souvent l'action la plus rentable pour la performance.

Pourquoi le SEO des images compte

Les moteurs de recherche ne comprennent pas le contenu d'une image aussi clairement qu'un humain. Ils s'appuient sur le nom de fichier, l'attribut alt et le contexte environnant pour deviner le sujet de l'image. En parallèle, les images représentent l'essentiel du poids d'une page. Une image d'en-tête non optimisée peut peser 2-3 Mo, alors qu'une version bien compressée tombe à 150 Ko. Cette différence influence directement le temps d'attente sur mobile et votre score LCP (Largest Contentful Paint).

• Découvrabilité : des images bien étiquetées apparaissent dans Google Images et apportent des visiteurs supplémentaires.
• Vitesse : des fichiers plus légers se chargent plus vite et améliorent les Core Web Vitals, un signal de classement.
• Accessibilité : le texte alt transforme le contenu en voix pour les visiteurs utilisant un lecteur d'écran.

Comment rédiger le texte alternatif

Le texte alternatif s'affiche lorsqu'une image ne se charge pas et il est lu à voix haute par les lecteurs d'écran. Son rôle est de décrire l'image, pas d'empiler des mots-clés. Exprimez le contenu dans son contexte, en une phrase courte et naturelle.

<!-- Mauvais : vide ou spam -->
<img src="produit.jpg" alt="">
<img src="produit.jpg" alt="chaussures pas cher chaussures running acheter">

<!-- Bon : descriptif et naturel -->
<img src="chaussure-running.jpg"
     alt="Chaussure de running grise à semelle bleue, vue de côté">

Quelques règles pratiques : laissez alt="" pour les images purement décoratives sans signification (les lecteurs d'écran les ignorent). Si une image contient du texte, reportez ce texte dans le alt. Ne commencez pas par « image » ou « photo » ; le lecteur d'écran annonce déjà « image ». N'utilisez un mot-clé que s'il décrit réellement l'image.

Choisir le bon format

Le choix du format détermine directement le poids du fichier. Les formats modernes produisent des fichiers bien plus petits que les anciens JPEG et PNG, à qualité égale.

• WebP : votre choix par défaut aujourd'hui. Pour les photos et graphiques, il est généralement 25-35 % plus léger que JPEG/PNG, et tous les navigateurs modernes le prennent en charge.
• AVIF : produit des fichiers encore plus petits que WebP, mais l'encodage est plus lent et la prise en charge sur les anciens navigateurs un peu plus faible. Intéressant pour les images critiques.
• SVG : idéal pour les logos, icônes et graphiques simples. En tant que vecteur, il reste net à toute résolution et reste généralement minuscule.
• JPEG/PNG : utiles comme solution de repli pour la compatibilité ; n'utilisez le PNG que si vous avez besoin de transparence.

Pour servir une même image en plusieurs formats et laisser le navigateur choisir celui qu'il prend en charge, utilisez <picture> :

<picture>
  <source srcset="couverture.avif" type="image/avif">
  <source srcset="couverture.webp" type="image/webp">
  <img src="couverture.jpg" alt="Image de couverture du projet" width="1200" height="630">
</picture>

Réduire le poids des fichiers

Le plus grand gain vient du fait de ne pas servir une image plus grande que nécessaire. Inutile de placer un fichier de 4000 pixels dans une zone affichée à 400 pixels de large. Redimensionnez l'image à la taille d'affichage, puis compressez-la.

En ligne de commande, vous pouvez produire rapidement du WebP avec cwebp :

# Convertir un JPEG en WebP à la qualité 80
cwebp -q 80 couverture.jpg -o couverture.webp

# Pour AVIF (outils libavif)
avifenc --min 20 --max 30 couverture.jpg couverture.avif

Si vous préférez un outil aux commandes fichier par fichier, Squoosh (dans le navigateur), ImageOptim ou sharp (Node.js) sont de bons choix. Gardez une qualité autour de 75-85 ; pour la plupart des photos, c'est le point idéal, invisible à l'œil mais qui réduit le poids de moitié.

Images responsives et lazy loading

Pour servir différentes tailles selon les écrans, utilisez srcset et sizes ; le navigateur télécharge le fichier le plus adapté au viewport. Différez les images hors écran avec loading="lazy" afin d'accélérer le premier chargement.

<img
  src="photo-800.jpg"
  srcset="photo-400.jpg 400w, photo-800.jpg 800w, photo-1200.jpg 1200w"
  sizes="(max-width: 600px) 100vw, 800px"
  width="800" height="500"
  loading="lazy"
  alt="Designer travaillant dans l'atelier">

Un détail important : ne donnez pas loading="lazy" aux images au-dessus de la ligne de flottaison, et surtout pas à l'image LCP ; cela retarde votre image la plus importante et dégrade le score. Ajoutez plutôt fetchpriority="high" à cette image si nécessaire.

Nom de fichier, sitemap et placement

Le nom de fichier est un petit signal, mais un signal gratuit : au lieu de DSC_0421.jpg, utilisez des noms descriptifs séparés par des tirets, comme chaussure-running-grise.jpg. Préférez l'ASCII et les tirets aux espaces et caractères spéciaux.

Indiquer width et height sur chaque image permet au navigateur de réserver l'espace et évite le décalage de page appelé CLS (Cumulative Layout Shift). Enfin, si vous avez beaucoup d'images importantes, un sitemap d'images — ou l'ajout d'entrées image à votre sitemap existant — aide Google à les découvrir plus vite.

Questions fréquentes

Chaque image a-t-elle besoin d'un texte alternatif ?

Chaque image qui porte du contenu, oui. Pour les images purement décoratives (motif de fond, ligne de séparation), on laisse délibérément alt="" afin que les lecteurs d'écran les ignorent. Le but n'est pas de le laisser vide, mais de marquer intentionnellement l'image sans signification.

Dois-je utiliser WebP ou AVIF ?

En pratique, servir les deux est idéal : dans <picture>, AVIF d'abord, puis WebP, avec un repli JPEG en dernier. Si vous devez choisir un seul format, WebP est le plus équilibré : large prise en charge et bonne compression.

Le SEO des images influence-t-il vraiment le classement ?

Indirectement mais fortement. Même si les images ne sont pas un « facteur de classement » direct, elles influent sur la vitesse (Core Web Vitals) et le trafic depuis Google Images, qui augmentent tous deux votre visibilité globale.

Vos images ralentissent-elles votre page, ou ne recevez-vous pas le trafic Google Images que vous méritez ? Optimisons ensemble toutes les images de votre site et mettons en place les textes alternatifs et les formats. Contactez-moi et accélérons votre page de bout en bout.