Les meilleures pratiques SEO pour les images et leur accessibilité

La semaine dernière, une cliente m'envoie un mail : « Mon site est moche, mais je passe en premier sur Google Images, c'est bon non ? » J'ouvre la page concernée. Quarante-deux photos de produits, aucun alt, des noms de fichiers du genre IMG_2847.JPG, un poids moyen de 3,2 Mo par image. Et effectivement, elle se positionnait — sur trois requêtes ultra-précises que personne ne tape. Six mois plus tard, après avoir tout repris, ses visites issues de la recherche d'images avaient été multipliées par quatre. Mais ce n'est pas le chiffre qui m'a le plus surpris. C'est le nombre de commandes.

L'optimisation SEO des images, tout le monde en parle comme d'une case à cocher dans une checklist. Sauf que la vraie difficulté n'est pas technique. Elle est éditoriale, et parfois même éthique : ce qui fait grimper une image dans les résultats n'est pas toujours ce qui la rend utilisable par quelqu'un qui ne la voit pas.

Pourquoi vos images sont un gisement que vous ignorez

Pendant longtemps, j'ai traité les images comme un problème de plomberie. Poids, format, cache. Point. Jusqu'au jour où j'ai audité un site de recettes de cuisine : 78 % de son trafic organique venait de la recherche visuelle, et le propriétaire n'en avait aucune idée. Il pensait que ses visiteurs arrivaient par ses articles.

Le mécanisme est simple, et c'est ce qui le rend sous-estimé. Une image bien décrite est un document à part entière. Google la lit, la comprend, la classe. Elle peut apparaître dans les résultats classiques, dans l'onglet Images, dans Discover, et de plus en plus dans les réponses générées. Une même photo peut donc capter du trafic par quatre portes différentes.

Ce que la machine comprend vraiment

Voici la partie que la plupart des articles oublient. Un moteur ne « voit » pas votre image. Il en extrait trois signaux principaux :

1. Le texte qui l'entoure — la légende, le paragraphe, le titre de section
2. L'attribut alt, qui sert de traduction textuelle
3. Le contexte de la page entière, qui confirme ou infirme le sujet supposé

C'est le troisième point qui casse les stratégies naïves. Coller « meilleur restaurant Lyon » dans l'alt d'une photo de pizza ne fonctionne pas si le reste de la page parle de pneus. Le moteur recoupe. Ce que je vois le plus souvent chez les clients qui débarquent avec un site déjà en ligne, ce n'est pas de l'absence d'optimisation, c'est de la contradiction entre l'alt et le contexte.

Le mythe du nom de fichier parfait

Il y a une croyance tenace : si je renomme tous mes fichiers correctement, je vais exploser en SEO. Franchement, non. Le nom de fichier joue, mais il pèse beaucoup moins que l'alt ou le texte adjacent. J'ai testé sur un blog perso : renommage complet de 140 images, sans rien changer d'autre. Résultat mesuré sur huit semaines : +11 % d'impressions sur Google Images, quasi aucun effet sur le trafic organique classique.

Ce n'est pas rien. Ce n'est pas non plus la martingale qu'on vous vend. Traitez-le comme une hygiène de base, pas comme une stratégie.

La bonne pratique SEO images et accessibilité : le même geste, pas deux chantiers

J'ai longtemps séparé les deux dans mes recommandations. Une liste « SEO », une liste « accessibilité ». C'était une erreur de méthode, et je l'ai payée sur un projet public : un site d'établissement recevant du public, où l'audit d'accessibilité a révélé exactement les mêmes défauts que l'audit SEO. Les deux avaient été menés par deux prestataires différents, trois mois d'écart, conclusions identiques. On a payé deux fois pour le même diagnostic.

Depuis, je ne fais plus qu'une passe.

Alt utile contre alt rempli — la distinction qui change tout

Un alt rempli, c'est ça : alt="pizza reine restaurant Lyon meilleure pizza livraison". Un alt utile, c'est : alt="Pizza reine servie sur ardoise, vue du dessus".

Le premier est écrit pour un robot. Le second est écrit pour un humain — et, par ricochet, il fonctionne mieux auprès des moteurs, parce qu'il décrit une scène cohérente. C'est le point que je défends bec et ongles : un bon alt d'accessibilité est un bon alt SEO. La sur-optimisation est un mauvais alt pour tout le monde.

Règle de rédaction que j'applique systématiquement : si je dicte l'alt au téléphone à quelqu'un qui n'a pas l'image sous les yeux, est-ce qu'il comprend ce qu'elle montre ? Si oui, c'est bon. Si la personne répond « attends, c'est quoi le rapport avec des pneus ? », j'ai écrit du keyword stuffing.

Images décoratives : le cas que tout le monde rate

Une image purement décorative — un aplat de couleur en fond de section, une icône de puce, une fioriture graphique — doit avoir un alt vide. alt="". Pas absent. Vide.

Pourquoi la différence ? Un alt manquant oblige le lecteur d'écran à annoncer le nom du fichier. Imaginez : « image, deco-fond-bleu-final-v2.png ». Six fois par page. C'est insupportable, et je l'ai fait pendant des années sans le savoir.

À l'inverse, mettre un alt descriptif sur une image décorative noie l'information utile dans du bruit. Le lecteur d'écran annonce une description pour quelque chose qui n'apporte rien.

Images complexes : quand l'alt ne suffit pas

Un graphique avec trois courbes, deux axes et une légende. Un organigramme. Un schéma technique. L'alt ne peut pas tout dire, et prétendre le contraire est une faute.

Dans ces cas, la bonne pratique consiste à fournir une description longue ailleurs dans la page — un tableau de données équivalent juste sous le graphique, par exemple. C'est mieux pour tout le monde : le lecteur d'écran accède aux chiffres, le moteur aussi, et votre utilisateur voyant y gagne une information exploitable au lieu d'une image qu'il doit décoder.

Sur un rapport financier que j'ai repris l'an dernier, on a remplacé six graphiques-images par des tableaux HTML stylés. Temps de chargement divisé par trois sur cette section, et le client a reçu deux demandes d'information de plus le mois suivant — des gens qui avaient pu lire les chiffres. Je ne prétends pas que c'est généralisable, mais ça m'a convaincu.

Poids, format, compression : l'ordre des priorités

Je vais être direct : si vous ne devez retenir qu'une chose de cet article, c'est celle-ci. Une image lourde ruine tout le reste. Vous pouvez avoir le plus bel alt du monde, si votre page met huit secondes à s'afficher, personne ne le lira.

Quel format choisir

Format	Usage recommandé	Poids relatif
AVIF	Photos, visuels complexes	Le plus léger, support encore partiel sur vieux navigateurs
WebP	Choix par défaut aujourd'hui	Bon compromis, support quasi universel
JPEG	Repli pour compatibilité	Plus lourd à qualité équivalente
PNG	Logos, illustrations à aplats, transparence nette	Lourd sur photos, léger sur graphismes simples
SVG	Icônes, logos vectoriels	Minuscule, redimensionnable sans perte

Concrètement, sur un catalogue de 200 produits que j'ai repris, le passage du JPEG au WebP a fait tomber le poids total des visuels de 340 Mo à 96 Mo. Sans perte visible à l'œil nu. La page catégorie est passée de 4,1 s à 1,3 s de chargement sur mobile.

Trois erreurs que je vois encore

• Servir la même image en pleine résolution sur mobile — le téléphone télécharge 3000 pixels de large pour un écran qui en affiche 400
• Compresser à l'aveugle — descendre la qualité à 40 % pour gagner du poids, puis s'étonner que les photos bavent
• Oublier le redimensionnement côté serveur — le CSS qui réduit l'affichage ne réduit pas le fichier transféré

La solution technique tient en une ligne : des attributs srcset et sizes correctement renseignés, pour que le navigateur choisisse lui-même la version adaptée. C'est fastidieux à mettre en place. C'est aussi le meilleur rapport effort/résultat que je connaisse sur un site à forte composante visuelle.

Ce que personne ne vous dit sur le lazy loading

Le chargement différé est présenté partout comme une évidence. Sauf qu'il a un piège, et je suis tombé dedans.

Sur un site éditorial, j'avais activé le lazy loading sur absolument toutes les images. Y compris celles du haut de page. Résultat : le visuel principal se chargeait après le texte, ce qui a provoqué un décalage de mise en page visible au chargement. Pendant trois semaines, je n'ai pas compris pourquoi le taux de rebond avait grimpé. C'était ça.

La règle que j'applique maintenant : jamais de lazy loading sur l'image principale d'une page, celle qui est visible sans scroller. Le reste, oui, sans hésiter.

Faut-il un sitemap d'images ?

Oui, si votre site en contient beaucoup et qu'elles ont une valeur propre — catalogue, portfolio, banque de visuels. Non, si vous avez douze images décoratives sur un site vitrine de cinq pages. Dans ce cas, le sitemap général suffit largement à les faire découvrir.

J'ai vu des agences facturer la création d'un sitemap images sur des sites qui n'en avaient aucun besoin. Ce n'est pas un signe de sérieux, c'est un signe qu'on remplit une feuille de temps.

Accessibilité : ce qui se passe au-delà de l'alt

L'alt, c'est 20 % du travail. Le reste, on en parle rarement — et c'est précisément là que la plupart des sites échouent, y compris ceux qui cochent la case « images optimisées ».

Le texte incrusté dans les images

Une bannière avec un slogan écrit dans le visuel. Un bouton avec un libellé en dur dans le PNG. Ces cas sont fréquents, et ils posent deux problèmes distincts : un lecteur d'écran n'y accède pas (l'alt doit alors contenir le texte, ce qui est un pis-aller), et la mise à l'échelle sur mobile rend souvent le texte illisible.

La bonne pratique est simple, même si elle demande de refaire le design : le texte informatif doit être du texte, pas des pixels. Un titre en HTML se traduit, se met à l'échelle, s'indexe et se lit. Un titre en image ne fait rien de tout ça.

Contraste et lisibilité

Un texte blanc sur une photo claire, sans voile sombre par-dessus. C'est joli sur la maquette, c'est illisible en plein soleil sur un téléphone, et c'est un critère d'accessibilité à part entière. Le seuil de contraste minimum est une norme stable, pas une question d'esthétique. Ajoutez un dégradé ou un aplat semi-transparent sous le texte, et le problème disparaît.

Arbitrer entre SEO et accessibilité : le vrai débat

La tension existe-t-elle vraiment ? J'ai retourné la question dans tous les sens, et ma position est tranchée : elle est largement fantasmée.

Le scénario qu'on me décrit souvent : « Si je mets un alt court et honnête, je perds mes mots-clés, donc je perds du trafic. » Sauf que le trafic gagné par un alt bourré de requêtes est du trafic de mauvaise qualité, qui rebondit, qui ne convertit pas, et qui expose votre site à une pénalité pour spam. Le bénéfice est illusoire, le risque est réel.

Le seul vrai arbitrage que j'ai rencontré concerne les images de produits dans un contexte e-commerce. Là, il faut trancher entre décrire la scène et nommer la référence. Ma règle : le nom du produit et sa caractéristique visible, rien de plus. Pas de « pas cher », pas de « livraison rapide », pas de « meilleur que ». Ces mots n'ont rien à faire dans un alt — ils appartiennent au texte de la page.

La règle que j'applique

Je me pose une seule question : est-ce que cette description aide quelqu'un qui ne voit pas l'image à comprendre ce qu'il rate ? Si oui, elle est bonne. Si elle sert à caser un mot-clé, elle est mauvaise, et elle est mauvaise pour les deux objectifs à la fois.

Voilà pourquoi je n'ai plus deux listes dans mes recommandations. Il n'y a qu'un seul critère, et il est humain.

Ce qui me frappe, avec le recul, c'est à quel point ce sujet est présenté comme une affaire de balises. Alors qu'il s'agit d'une question de regard : qui écrivez-vous pour ? Si la réponse est « pour un robot », vous perdez sur les deux tableaux. Si la réponse est « pour quelqu'un », vous gagnez sur les deux. Je n'ai jamais vu de contre-exemple à ça — et pourtant, j'en ai cherché.