Guide du SEO Image : Balise Alt, Poids et Classement dans la Recherche d'Images

Sur une page web moyenne, le plus gros poste de données téléchargées, ce sont les images. C'est aussi, sur la plupart des sites, le poste le moins optimisé.

Cela a un double coût : la page ralentit (les Core Web Vitals baissent, les conversions chutent) et le trafic potentiel de Google Images n'arrive jamais. Ce guide traite les deux problèmes ensemble.

Que recouvre le SEO image ?

C'est l'intersection de trois domaines distincts :

Accessibilité : une personne utilisant un lecteur d'écran peut-elle comprendre ce que montre l'image ?
Performance : l'image se charge-t-elle rapidement, décale-t-elle la mise en page ?
Découvrabilité : apparaît-elle dans Google Images et les résultats de recherche visuelle ?

Les trois sont affectés par les mêmes décisions techniques ; c'est pourquoi il faut les traiter ensemble.

Bien rédiger le texte alternatif (alt text)

Le texte alternatif est l'équivalent textuel de l'image. Il s'affiche quand l'image ne se charge pas, il est lu par les lecteurs d'écran, et c'est le signal principal permettant à Google de comprendre l'image.

Situation	Mauvais	Bon
Photo produit	alt="produit1.jpg"	alt="Sac à main en cuir bleu, femme, vue de face"
Capture d'écran	alt="capture d'écran"	alt="Filtre par requête dans le rapport de performance de Search Console"
Bourrage de mots-clés	alt="agence seo service seo tarifs seo"	alt="Graphique du trafic organique mensuel, janvier-juin 2026"
Image décorative	alt="ligne décorative"	alt="" (laissé vide)

Les règles :

Écrivez comme si vous décriviez l'image à quelqu'un qui ne la voit pas. C'est le bon test.
Ne dépassez pas 125 caractères. Certains lecteurs d'écran coupent au-delà.
Ne commencez pas par « image de » ou « photo de ». On sait déjà qu'il s'agit d'une image.
Laissez alt="" pour les images décoratives. Ne le supprimez pas : un alt vide dit au lecteur d'écran « ignore ceci » ; l'absence totale d'alt fait lire le nom du fichier.
Ne bourrez pas de mots-clés. Cela peut être perçu comme un signal de spam.

Nom de fichier et URL

Les noms de fichiers image portent toujours un signal, et cela ne coûte rien :

IMG_20260813_113244.jpg   →   sac-epaule-cuir-bleu.jpg

Évitez les caractères accentués (certains serveurs les gèrent mal), séparez les mots par des tirets, pas de tiret bas.

Quel format choisir : WebP ou AVIF ?

Format	Quand l'utiliser	Remarque
WebP	Choix par défaut	Pris en charge par tous les navigateurs modernes, nettement plus léger que le JPEG
AVIF	Grandes images, pages riches en photos	Fichier plus petit, encodage plus lent
SVG	Logos, icônes, graphiques simples	Vectoriel ; ne se dégrade pas à l'agrandissement
JPEG	Seulement pour la compatibilité avec d'anciens systèmes	Remplacé par WebP
PNG	Cas nécessitant la transparence	À éviter pour les photos, poids trop élevé

Approche pratique : faites du WebP votre format par défaut, servez l'AVIF via la balise <picture>, et gardez le JPEG en secours.

<picture>
  <source srcset="produit.avif" type="image/avif">
  <source srcset="produit.webp" type="image/webp">
  <img src="produit.jpg" alt="Sac à main en cuir bleu, femme" width="800" height="1000">
</picture>

Taille et résolution

Le gaspillage le plus fréquent : une photo de 4 000 pixels de large placée dans un espace qui n'en affiche que 600. Le navigateur télécharge le fichier entier, puis le réduit.

Les règles :

Ne chargez pas une image plus grande que le double de sa plus grande taille d'affichage (le 2x suffit pour les écrans rétina).
Utilisez srcset pour servir des tailles différentes selon l'écran.
Pour les images de contenu, visez un poids inférieur à 200 Ko. Pour les images de couverture pleine largeur, essayez de ne pas dépasser 400 Ko.

<img src="produit-800.webp"
     srcset="produit-400.webp 400w, produit-800.webp 800w, produit-1600.webp 1600w"
     sizes="(max-width: 600px) 100vw, 800px"
     alt="Sac à main en cuir bleu, femme"
     width="800" height="1000">

Pourquoi les attributs width et height sont-ils critiques ?

Si vous n'indiquez pas les attributs width et height, le navigateur ne peut pas savoir quelle place l'image va occuper. Au chargement de l'image, le contenu situé en dessous se décale — cela dégrade la métrique Cumulative Layout Shift (CLS) et fait baisser votre évaluation des Core Web Vitals.

Sur mobile en particulier, une mise en page qui se décale peut aussi provoquer un clic au mauvais endroit. Ces deux attributs sont le gain Core Web Vitals le moins coûteux à obtenir ; pour aller plus loin, consultez notre guide des Core Web Vitals.

Le piège du lazy loading

loading="lazy" retarde le chargement d'une image jusqu'à ce qu'elle entre dans l'écran ; cela accélère l'affichage initial de la page. Mais n'appliquez jamais le lazy loading à l'image visible dès le premier écran.

L'image de couverture en haut de page est généralement l'élément Largest Contentful Paint (LCP). Lui appliquer du lazy loading dégrade directement la métrique de vitesse la plus importante que vous mesurez.

Règle : loading="eager" pour ce qui est visible au premier écran, loading="lazy" pour tout ce qui est en dessous.

Obtenir du trafic depuis Google Images

La recherche d'images est une source de trafic souvent sous-estimée dans de nombreux secteurs (mode, décoration, cuisine, mobilier, pièces automobiles). Les principaux facteurs de classement :

Le texte autour de l'image. Google déduit le contexte de l'image principalement du titre et du paragraphe les plus proches.
Le classement de la page elle-même. Si la page fait autorité sur le sujet, ses images ressortent aussi mieux classées.
L'originalité. Les photos de banque d'images se retrouvent sur des milliers de sites ; vos propres photos ont bien plus de chances de se démarquer.
Les données structurées. Les schémas Produit, Recette et Vidéo font gagner des badges dans les résultats visuels — nous en parlons dans notre guide du schema markup.
Le sitemap d'images. Il facilite particulièrement la découverte sur les sites qui chargent leurs images via JavaScript.

Le sitemap d'images

Vous pouvez ajouter des informations d'image à votre sitemap classique :

<url>
  <loc>https://votresite.com/produit/sac</loc>
  <image:image>
    <image:loc>https://votresite.com/img/sac.webp</image:loc>
  </image:image>
</url>

Cela fait une différence notable sur les sites qui chargent leurs images via JavaScript après le rendu de la page. Pour l'ensemble de la structure de sitemap, consultez notre guide robots.txt et sitemap.

Checklist

[ ] Toutes les images de contenu ont-elles un alt pertinent ?
[ ] Les images décoratives ont-elles alt="" ?
[ ] Les noms de fichiers sont-ils descriptifs, avec des tirets et sans accents ?
[ ] Le format est-il WebP (ou AVIF) ?
[ ] Les fichiers font-ils moins de 200 Ko ?
[ ] width et height sont-ils renseignés ?
[ ] L'image du premier écran n'est-elle pas en lazy loading ?
[ ] srcset sert-il une version réduite sur mobile ?
[ ] Les images sont-elles servies via un CDN ?
[ ] Le sitemap contient-il les informations d'image ?

Questions fréquentes

Dois-je mettre un mot-clé dans le texte alternatif ?

Oui, s'il s'intègre naturellement ; non, s'il faut le forcer. Le rôle premier du texte alternatif est de décrire l'image ; si le mot-clé y trouve naturellement sa place, il n'y a pas de problème.

Utiliser des photos de banque d'images est-il pénalisant ?

Il n'y a pas de pénalité de classement, mais vos chances de vous démarquer en recherche d'images sont faibles car le même fichier se trouve sur des centaines de sites. Vos propres photos sont toujours préférables, même avec un petit budget.

Déplacer les images vers un CDN a-t-il un effet SEO ?

Un effet positif ; le temps de chargement diminue. Si vous servez les images depuis un domaine différent, utilisez les adresses complètes dans le sitemap d'images.

Combien d'images, c'est trop ?

Ce n'est pas le nombre qui pose problème, mais le poids total. Une page avec dix images qui reste sous 800 Ko ne pose pas de problème ; une page avec trois images qui pèse 6 Mo, si.

Articles Similaires :