Rédiger des textes alternatifs qui fonctionnent — pour les lecteurs d'écran ET pour le SEO

Q: Qu'est-ce qu'un texte alternatif, au juste ?

Le texte alternatif (l'attribut alt) est la description textuelle d'une image dans votre HTML. Un lecteur d'écran la lit à voix haute lorsqu'un visiteur aveugle ou malvoyant passe sur l'image. S'il n'y a pas de texte alternatif, ce visiteur n'entend que « image » — ou pire, un nom de fichier illisible comme IMG48392final.jpg. Devant une photo de produit, un tel client décroche aussitôt, souvent juste au moment du paiement.

Q: Comment rédiger un bon texte alternatif ?

Trois règles simples, et vous êtes au bon endroit : 1. Décrivez le produit, pas l'ambiance. Commencez par la description factuelle et omettez « photo de… » ou « image de… » — le lecteur d'écran annonce déjà le visuel. 2. Distinguez l'informatif du décoratif. Une photo de produit, un graphique ou une bannière reçoit une description courte. Un trait décoratif ou une forme d'arrière-plan reçoit un alt vide (alt=""), pour que le lecteur d'écran la saute — plus reposant pour l'utilisateur. 3. Ne bourrez pas de mots-clés. Écrivez pour l'humain ; en 2026, les moteurs de recherche reconnaissent les textes alternatifs surchargés comme du spam et les pénalisent. Le langage naturel l'emporte, autant pour le visiteur que pour l'algorithme. Du faible au fort, avec un sac à main en cuir pour femme en exemple : Mauvais : alt="joli sac" — subjectif et vague. Moyen : alt="image d'un sac" — « image de » superflu, aucun détail. Bon : alt="Sac à main en cuir marron pour femme avec bandoulière réglable" — concret et utile.

5 juin 2026

Réponse courte. Un bon texte alternatif décrit en quelques mots ce que montre une image et pourquoi elle est là. Cela rend vos photos de produits lisibles pour les personnes qui utilisent un lecteur d'écran — et aide Google et l'IA à comprendre vos visuels. Une petite phrase, double bénéfice. Les visuels décoratifs reçoivent un alt vide (alt="") ; les visuels informatifs, une description courte et concrète.

Qu'est-ce qu'un texte alternatif, au juste ?

Le texte alternatif (l'attribut alt) est la description textuelle d'une image dans votre HTML. Un lecteur d'écran la lit à voix haute lorsqu'un visiteur aveugle ou malvoyant passe sur l'image. S'il n'y a pas de texte alternatif, ce visiteur n'entend que « image » — ou pire, un nom de fichier illisible comme IMG_48392_final.jpg. Devant une photo de produit, un tel client décroche aussitôt, souvent juste au moment du paiement.

Comment rédiger un bon texte alternatif ?

Trois règles simples, et vous êtes au bon endroit :

Décrivez le produit, pas l'ambiance. Commencez par la description factuelle et omettez « photo de… » ou « image de… » — le lecteur d'écran annonce déjà le visuel.
Distinguez l'informatif du décoratif. Une photo de produit, un graphique ou une bannière reçoit une description courte. Un trait décoratif ou une forme d'arrière-plan reçoit un alt vide (alt=""), pour que le lecteur d'écran la saute — plus reposant pour l'utilisateur.
Ne bourrez pas de mots-clés. Écrivez pour l'humain ; en 2026, les moteurs de recherche reconnaissent les textes alternatifs surchargés comme du spam et les pénalisent. Le langage naturel l'emporte, autant pour le visiteur que pour l'algorithme.

Du faible au fort, avec un sac à main en cuir pour femme en exemple :

Mauvais : alt="joli sac" — subjectif et vague.
Moyen : alt="image d'un sac" — « image de » superflu, aucun détail.
Bon : alt="Sac à main en cuir marron pour femme avec bandoulière réglable" — concret et utile.

Un exemple concret : un sac de croquettes pour chien

Texte alternatif	Ce que vivent le client et Google
Pas d'alt	Le lecteur d'écran lit le nom de fichier ; Google manque le contexte.
`alt="produit"`	Trop vague — le client ne sait toujours pas de quoi il s'agit.
`alt="Sac de croquettes pour chiens adultes, 12 kg, au poulet"`	Le client aveugle sait exactement ce qu'il achète ; Google indexe correctement la page.

Où placer les textes alternatifs dans votre boutique en ligne ?

Dans la plupart des plateformes, vous n'avez pas besoin de plonger dans le code ; il y a un champ intégré :

Shopify : produit → médias → « modifier le texte alternatif ».
WooCommerce / WordPress : Médias → cliquez sur l'image → champ « Texte alternatif ».

Conseil de priorité : ne commencez pas par vos milliers de pages produits. Traitez d'abord les bannières de votre page d'accueil, les icônes de navigation et vos 10 produits les plus vendus — c'est là que l'impact sur votre conversion est le plus fort. C'est d'ailleurs l'une des 10 erreurs d'accessibilité les plus fréquentes, il y a donc de fortes chances que vous ayez quelque chose à gagner ici.

Vos produits apparaîtront-ils alors aussi dans les résultats de recherche IA ?

Oui — et c'est le bonus. Comme Google et les moteurs IA (tels que ChatGPT et Perplexity) ne peuvent pas « voir » les images, ils s'appuient entièrement sur le texte qui les entoure. Si un consommateur demande à un moteur IA « quelles sont les meilleures croquettes au poulet pour mon chien ? », celui-ci cherche des sources qui décrivent factuellement le produit. De bons textes alternatifs augmentent donc vos chances d'apparaître dans les résultats de recherche d'images ET dans les réponses des IA. C'est le même principe que pour l'accessibilité = SEO : la même correction, double bénéfice.

Voyez où les textes alternatifs manquent

Vous voulez savoir quelles images de votre site n'ont pas encore de texte alternatif ? Analysez gratuitement une page. Vous voyez, pour chaque constat, quels visuels manquent et comment le corriger — en moins de 60 secondes, sans compte.