SEO des images : nom de fichier, texte alt, compression et format WebP
1. Les deux rôles des images en SEO : recherche d’images et performance de la page
Beaucoup de sites B2B réduisent le SEO des images à « bourrer le nom de fichier de mots-clés ». C’est une erreur. Une image joue en réalité deux rôles en SEO : elle apporte du trafic via Google Images et elle pèse lourd dans le temps de chargement de la page.
Le contre-intuitif est ici : bourrer le nom de fichier de mots-clés a très peu d’effet sur le classement dans la recherche d’images. Google détermine le sujet d’une image surtout à partir du contexte de la page, du texte alt et du texte qui l’entoure. Nommer un fichier stainless-steel-flange-pn16.jpg est une bonne habitude, mais l’appeler stainless-steel-flange-pn16-ansi-b16-5-industrial-flange.jpg ne générera pas un clic de plus.
Ce qui pèse vraiment sur le SEO, c’est le poids du fichier. Une photo produit non compressée de 2 Mo ralentit toute la page : le LCP passe de 1,8 à 3,5 secondes, et le classement comme le taux de conversion en pâtissent. C’est le point de pénalité le plus fréquent dans Core Web Vitals.
| Aspect du SEO des images | Effet direct sur le classement | Effet indirect sur le CTR et la conversion |
|---|---|---|
| Nom de fichier | très faible | Non |
| Texte alt | moyen (recherche d’images) | bénéfice double : accessibilité et recherche d’images |
| Poids et format | important (agit sur le LCP) | chargement rapide, taux de rebond faible |
| Dimensions et srcset | moyen (expérience mobile) | conversion du trafic mobile |
| Données structurées ImageObject | faible | affichage enrichi dans les résultats |
et Gouvernance des actifs médias : cet article-là traite du nommage, de la compression et de la réutilisation des images et vidéos ; ici, on se concentre sur la façon d’écrire les images pour le SEO.
2. Nom de fichier et texte alt : quoi écrire, quoi éviter
On confond souvent nom de fichier et texte alt. Le nom de fichier s’adresse au serveur et aux robots d’indexation, le texte alt aux lecteurs d’écran et à l’index de la recherche d’images. Les deux ne s’écrivent pas de la même façon.
| Élément | Bonne pratique | Écriture erronée |
|---|---|---|
| Nom de fichier | bride-a-coller-pn16.jpg | IMG_2038.jpg、DSC_0001.jpg |
| Texte alt | Photo produit d’une bride en inox PN16 | bride bride bride inox |
| alt d’une image décorative | alt=”” (vide) | alt=”séparateur”, alt=”image” |
| Durée | alt de 8 à 15 mots | alt rédigé en paragraphe entier |
| Langue | dans la même langue que la page | Texte alternatif en anglais pour un site chinois |
Le principe fondamental du texte alt : imaginez qu’un lecteur d’écran décrit cette image à une personne aveugle. Comment le diriez-vous ? C’est Accessibilité du site (WCAG) l’exigence, et c’est aussi la bonne façon de faire du SEO d’images. Écrivez « Photo produit d’une bride en acier inoxydable PN16 » et c’est tout. N’écrivez pas « Ceci est une image montrant une bride en acier inoxydable, de classe de pression PN16, conforme à la norme ANSI B16.5, destinée aux tuyauteries pétrochimiques » : c’est du bourrage de mots-clés.
Pour les images décoratives (séparateurs, motifs de fond, icônes), le texte alt doit rester vide (alt=””). N’écrivez pas « séparateur ». Un lecteur d’écran ignore un alt vide, mais lit « séparateur » à voix haute : c’est du bruit pour l’utilisateur aveugle.
III. Compression et WebP : seuils et outils
La compression est l’action au meilleur rapport effort-résultat du SEO d’images. Une photo produit non compressée de 2 Mo, ramenée à 200 Ko, présente une différence visuelle quasi imperceptible à l’œil nu, et le temps de chargement passe de 4 secondes à 0,4 seconde.
| Format | Poids par rapport au JPEG | Cas recommandé | Compatibilité |
|---|---|---|---|
| WebP qualité 80 | 25 % à 35 % plus léger | Par défaut en 2026 | Compatible avec tous les navigateurs modernes |
| AVIF | 50 % plus léger | Réseaux très lents | Compatibilité un peu plus faible, prévoir un JPEG de secours |
| JPEG qualité 80 | Référence | Format de secours | Tous les navigateurs |
| PNG | 2 à 5 fois plus lourd | Uniquement pour les images à fond transparent | Tous les navigateurs |
Trois seuils concrets. La largeur de l’image principale d’un produit ne dépasse pas 1200 px (au-delà, c’est du gaspillage) ; la largeur d’une illustration dans le corps de texte ne dépasse pas 1600 px ; la largeur d’une vignette ne dépasse pas 400 px. Utilisez partout la qualité 80 : entre 90 et 80, la différence visuelle est minime mais le poids double.
Côté outils, sur un site WordPress, utilisez ShortPixel ou Imagify pour convertir automatiquement en WebP ; sur un site développé sur mesure, traitez les lots en ligne de commande avec Sharp. La conversion de format peut aussi se faire en temps réel au niveau du CDN, voir Accélération mondiale par CDN la stratégie d’optimisation des images.
IV. Image principale et LCP : pourquoi l’image principale est la plus prioritaire en SEO
L’indicateur LCP (Largest Contentful Paint) des Core Web Vitals correspond, dans 80 % des cas, à la première image du premier écran de la page. Compresser cette image a plus d’impact sur le LCP que de compresser les 10 vignettes en bas de page.
| Actions d’optimisation de l’image principale | Gain attendu | Coût de mise en œuvre |
|---|---|---|
| Convertir en WebP | Poids -30 % | Faible (automatique via l’extension) |
| Compresser en qualité 80 | Poids -60 % | Faible |
| width/height explicites | CLS en baisse | Faible (modification du template) |
| fetchpriority=”high” | LCP -0,5 seconde | Faible (ajout d’un attribut) |
| srcset multi-tailles | 50 % de trafic mobile économisé | Moyen (générer plusieurs tailles) |
Cas 1 : l’image principale d’une fiche produit était un JPEG de 2400 px de large et 1,8 Mo, avec un LCP de 3,8 secondes. En la passant à 1200 px de large, en WebP qualité 80 et 220 Ko, avec fetchpriority=”high”, le LCP est descendu à 1,6 seconde et le mot-clé principal est passé de la 14e à la 7e position.
Cas 2 : l’image principale d’un article de blog était une couverture PNG de 1920 px de large et 1,2 Mo. Convertie en WebP, elle est passée à 180 Ko, le temps de chargement de 2,4 secondes à 0,6 seconde, et le taux de rebond mobile de 65 % à 41 %.
Pour la localisation des images sur un site multilingue, il faut aussi penser au texte intégré dans les graphiques, voir le traitement des graphiques sur un site multilingue—— le texte présent dans une image ne peut pas être traduit via l’attribut alt : il faut produire une image distincte.
V. Erreurs courantes et checklist avant mise en ligne
Les cinq erreurs les plus fréquentes en SEO image, toutes détectables en un seul scan du site.
| Erreur | Méthode de diagnostic | Action corrective |
|---|---|---|
| Tous les alt sont vides | Analyser le HTML et calculer la part de alt=”” | Les visuels produit et l’image principale doivent avoir un alt |
| Images originales non compressées | Compter les images de plus de 300 Ko | Conversion en lot vers WebP, qualité 80 |
| width/height manquants | Rapport Lighthouse | Ajouter les attributs dans le template pour réduire le CLS |
| Noms de fichiers en IMG_xxxx | Scanner le dossier uploads | Renommer en lot avec des noms explicites |
| Formats modernes non utilisés | Vérifier le Content-Type | Activer la conversion automatique en WebP au niveau du CDN |
Les données structurées d’image (ImageObject) apportent un gain marginal sur les pages produit B2B et peuvent être déployées Données structurées Schema en même temps. Mais leur priorité reste inférieure à la compression et aux alt : réduisez d’abord le poids, on parlera de rich media ensuite.
VI. Sitemap d’images, champs de licence et chargement différé
Beaucoup de gens pensent avoir terminé le SEO image une fois les alt rédigés et les images compressées, mais trois choses ont été oubliées. La première est le sitemap d’images. En plus du sitemap HTML, Google permet de lister séparément dans le sitemap les URL d’images ainsi que les champs caption, title et license. Si les visuels produit et les infographies ne reposent que sur les balises img des pages, en attendant que Google les explore petit à petit, une nouvelle image peut mettre deux à trois semaines avant d’entrer dans la recherche d’images ; après soumission du sitemap d’images, le délai d’indexation tombe généralement à trois ou cinq jours. Sur un site industriel B2B, le trafic issu de la recherche d’images ne représente que 5 % à 15 % du trafic organique, mais cette part a une forte intention d’achat : on ne peut pas la négliger.
La deuxième est celle des champs de licence et de droits. Dans le Schema ImageObject, on peut ajouter les champs license, acquireLicensePage et creditText pour indiquer à qui appartient l’image et sous quelle autorisation commerciale elle est utilisée. Personne ne s’en soucie en temps normal, mais lorsque votre image sert à entraîner un modèle de vision par IA, des champs de licence clairs constituent la base pour faire valoir vos droits a posteriori. À l’inverse, si vous utilisez une image d’une banque payante sans mentionner l’autorisation sur la page, le risque d’être signalé par l’auteur original et de voir l’image retirée reste bien réel.
La troisième est le conflit entre le chargement différé et l’image LCP. L’image principale LCP doit être chargée en eager avec fetchpriority=”high”, et seules les autres illustrations du corps de texte utilisent loading=”lazy”. L’erreur fréquente consiste à ajouter loading=”lazy” partout sur le site : l’image principale est alors différée elle aussi et le LCP perd directement 1 seconde. Pour vérifier, regardez dans Lighthouse l’avertissement Largest Contentful Paint image was lazily loaded : s’il apparaît, c’est que l’image principale a été mise en lazy par erreur.
| Points à compléter | Mise en œuvre | Gain |
|---|---|---|
| Sitemap d’images | Lister les URL d’images dans le sitemap XML | Indexation des images accélérée d’environ deux semaines |
| Champs de licence | Ajouter license dans ImageObject | Autorisation commerciale traçable |
| Image principale en eager | Pas de lazy sur l’image LCP | Le LCP ne baisse pas, il augmente |
| Données structurées | Ajouter ImageObject aux visuels produit | affichage enrichi dans les résultats |
Les images d’un site multilingue posent un problème à part : le texte qu’elles contiennent ne se traduit pas via l’attribut alt. Si une infographie affiche des caractéristiques en chinois, la version anglaise doit être refaite avec des annotations en anglais ; inutile de compter sur l’alt pour traduire les mots dans l’image. Localiser des graphiques coûte cher, mais sur un site multilingue qui néglige cette étape, la version anglaise saute aux yeux d’un acheteur natif comme une image traduite automatiquement, et la confiance en prend un coup. Cette partie du processus est détaillée dans le traitement des graphiques sur un site multilingue.
FAQ — Questions fréquentes
Faut-il absolument mettre des mots-clés dans le nom de fichier d’une image ?
Quelle longueur pour le texte alt ?
De combien WebP est-il plus léger que JPEG ?
Quel poids en Ko est acceptable pour une image ?
Quel est l’impact des images sur le trafic venu de Google Images ?
Quelle extension WordPress optimise automatiquement les images ?
Pour conclure
Les priorités du SEO d’images sont claires : d’abord compresser l’image principale pour régler le LCP, ensuite rédiger les textes alt pour l’accessibilité et l’indexation des images, et enfin soigner le nom de fichier. Une fois ces trois étapes faites, vous dépassez déjà 80 % des sites B2B qui téléversent encore des images originales de 2 Mo.
Trois étapes pour passer à l’action : cette semaine, lancez Lighthouse sur les 20 pages clés du site et listez celles dont le LCP dépasse 2,5 secondes ; la semaine suivante, convertissez en WebP les images d’en-tête de ces pages, compressez-les sous 250 Ko et ajoutez les attributs width/height et fetchpriority ; la troisième semaine, passez en revue toutes les images produit dont l’attribut alt est vide et rédigez-le en décrivant l’image en 8 à 15 mots.
Une phrase à retenir : le SEO des images ne consiste pas à empiler des mots-clés dans le nom de fichier, mais à compresser l’image d’en-tête sous 250 Ko. Plus le site est rapide, meilleurs sont le classement et les conversions.