Texte alternatif

Qu’est-ce que le texte alternatif ?

Le texte alternatif (alternative text) est la description que vous fournissez dans l’attribut alt d’une balise <img>, par exemple <img src="boot.jpg" alt="Botte en cuir marron vue de profil">. Les lecteurs d’écran lisent ce texte à haute voix pour les utilisateurs malvoyants, et il s’affiche en guise de solution de secours si l’image ne parvient pas à se charger. En même temps, Google utilise le texte alternatif comme un signal pour comprendre ce que l’image représente.

Pourquoi le texte alternatif est-il important ?

Pour une boutique en ligne, le texte alternatif résout deux problèmes à la fois : l’accessibilité et le SEO. Un texte alternatif descriptif rend les images de produits compréhensibles pour les clients naviguant avec un lecteur d’écran, et une bonne accessibilité des images est une exigence de l’Acte européen sur l’accessibilité pour de nombreuses boutiques. Cela aide également Google à comprendre et à indexer vos images, ce qui peut apporter un trafic supplémentaire depuis Google Images. Les images purement décoratives doivent utiliser un attribut alt vide (alt="") afin que les lecteurs d’écran les ignorent plutôt que d’annoncer un nom de fichier.

Cas d’utilisation courants

• Images de produits : Décrivez le produit de manière spécifique (« pull en laine rouge à col roulé ») plutôt que de simplement écrire « pull » ou la référence (SKU) du produit.
• Images décoratives : Utilisez alt="" pour les arrière-plans et les ornements afin que les technologies d’assistance les ignorent.
• Images utilisées comme liens ou boutons : Le texte alternatif fait office de texte de lien et doit décrire la destination du lien.
• Infographies et texte dans les images : Reproduisez le texte important pour que le message ne soit pas perdu pour les lecteurs d’écran et Google.

Perspective Shopify

Dans Shopify, vous modifiez le texte alternatif sous les médias de chaque produit (cliquez sur l’image et choisissez « Modifier le texte alternatif »), et le thème le restitue généralement avec {{ image.alt }} en Liquid. Shopify ne remplit pas automatiquement un texte alternatif significatif ; de nombreux thèmes se rabattent sur le titre du produit, ce qui est rarement une description précise. Gardez le texte concis (idéalement moins de ~125 caractères), décrivez l’image naturellement et évitez le bourrage de mots-clés. Pensez à enregistrer vos images au format WebP pour plus de rapidité — le texte alternatif est conservé quel que soit le format du fichier.