À retenir
- Pour les images de produits : Produits > sélectionnez un produit > cliquez sur l’image > modifiez le texte alternatif.
- Pour les images du thème : Éditeur de thème > cliquez sur le bloc d’image > champ de texte alternatif dans le panneau de paramètres.
- Le texte alternatif améliore le classement dans Google Images et est requis pour la conformité en matière d’accessibilité.
- Gardez un texte alternatif descriptif et spécifique : incluez le nom du produit, sa couleur et un détail clé.
Le texte alternatif (ou alt text) est la description écrite associée à une image. Il a deux objectifs : il indique aux moteurs de recherche ce que montre l’image, et il fournit une alternative textuelle aux utilisateurs qui ne peuvent pas la voir. Les deux sont importants pour une boutique Shopify.
Pourquoi vous pouvez nous faire confiance
Nous avons créé et personnalisé des centaines de boutiques Shopify. Nous avons également développé Fudge - un éditeur de boutique par IA avec une note de 4.9 sur le Shopify App Store.
Comment ajouter du texte alternatif aux images de produits
Étape 1. Allez dans l’admin de votre boutique Shopify > Produits.
Étape 2. Cliquez sur le produit que vous souhaitez modifier.
Étape 3. Dans la section Éléments multimédias (Médias), cliquez sur l’image que vous souhaitez éditer.
Étape 4. Un panneau s’ouvre sur la droite (ou une fenêtre modale, selon votre version de Shopify). Vous y verrez un champ Texte alternatif (Alt text).
Étape 5. Rédigez votre texte alternatif et cliquez sur Enregistrer.
Répétez l’opération pour chaque image du produit. Chaque image doit posséder son propre texte alternatif décrivant précisément ce qu’elle montre.
Comment ajouter du texte alternatif aux images du thème
Les images du thème (bannières, images hero, images d’arrière-plan ajoutées via l’éditeur de thème) ont un texte alternatif qui se configure différemment.
Étape 1. Allez dans Boutique en ligne > Thèmes > Personnaliser.
Étape 2. Cliquez sur la section ou le bloc contenant l’image.
Étape 3. Dans le panneau des paramètres à gauche, cherchez le sélecteur d’image. En dessous, vous trouverez généralement un champ Texte alternatif ou Texte alternatif de l’image.
Étape 4. Entrez votre texte alternatif et enregistrez.
Si vous ne voyez pas de champ de texte alternatif pour l’image dans l’éditeur de thème, cette section ne l’expose peut-être pas comme un champ modifiable. Dans ce cas, le alt text devra être paramétré directement dans le code du thème.
À lire aussi : Compresser des images sur Shopify.
À lire aussi : Ajouter du texte alternatif sur Shopify.
Comment ajouter du texte alternatif aux images de pages et de blog
Pour les images ajoutées aux pages ou aux articles de blog via l’éditeur de texte enrichi :
Étape 1. Dans l’éditeur de la page ou de l’article, cliquez sur l’image.
Étape 2. Cliquez sur l’icône Modifier l’image (l’icône en forme de crayon) qui apparaît.
Étape 3. Entrez le texte alternatif dans le champ prévu à cet effet.
Étape 4. Enregistrez.
Comment rédiger un bon texte alternatif pour Shopify
Soyez précis. “Mug en céramique blanche” est préférable à simplement “mug”. “Short de running bleu marine pour femme - vue de face” vaut mieux que “short”.
Incluez le nom du produit. Pour les images de produits, incluez toujours le nom du produit tel qu’il apparaît sur votre boutique. Cela aide Google à comprendre ce que vous vendez et améliore votre classement sur les requêtes spécifiques du produit.
Décrivez ce qui est réellement montré. Si l’image est une photo type “lifestyle” avec le produit mis en situation, décrivez la scène : “Personne portant une veste de randonnée rouge sur un sentier de montagne”. S’il s’agit d’une simple photo du produit, décrivez le produit.
Ne faites pas de bourrage de mots-clés. Un texte alternatif doit se lire naturellement. “Mug blanc mug blanc mug en céramique mug cadeau” est un mauvais texte alternatif et risque d’être signalé comme spam par Google.
Ne commencez pas par “image de” ou “photo de”. Les moteurs de recherche savent déjà qu’il s’agit d’une image. Décrivez simplement le contenu directement.
Pourquoi le alt text est important pour le SEO
Les images de produits peuvent se classer dans Google Images et générer du trafic incrémental. Les images avec un texte alternatif pertinent ont beaucoup plus de chances de se classer sur des recherches pertinentes que celles avec un texte alternatif vide ou générique.
Les balises meta de Shopify pour les produits utilisent le texte alternatif de l’image principale dans certains contextes. Prendre le temps de bien le faire pour vos meilleurs produits vaut largement les 30 secondes par image que cela nécessite.
Pour voir quelle part de votre catalogue en manque encore, lancez l’audit gratuit des données de catalogue Shopify : le texte alternatif est l’un des champs de données produit qu’il évalue.
Pourquoi le texte alternatif est important pour l’accessibilité
Le texte alternatif est une exigence de base des normes d’accessibilité WCAG. Les lecteurs d’écran utilisés par les malvoyants lisent le alt text à haute voix à chaque fois qu’ils rencontrent une image. En son absence, ils entendront soit “image”, soit rien du tout - ce qui rend l’information sur votre produit complètement inaccessible.
En e-commerce, l’accessibilité a de l’importance autant sur le plan éthique que légal. Aux États-Unis, de grands détaillants ont même été poursuivis en justice (normes ADA) parce que leurs sites web n’étaient pas accessibles.
À lire aussi : Ajouter des données structurées sur Shopify.
À lire aussi : Mettre à jour des images de produits sur Shopify.
Comment ajouter du texte superposé à une image dans Shopify ?
Ajouter du texte sur une image (en superposition) est différent du texte alternatif. Le texte alternatif est une métadonnée invisible pour le SEO et les lecteurs d’écran. Le texte visible superposé à une image se gère dans l’Éditeur de thème — utilisez une section comme “Bannière d’image” ou “Image avec superposition de texte” qui intègre un bloc de texte s’affichant par-dessus l’image. Vous pouvez contrôler la position du texte, sa couleur et l’opacité de l’arrière-plan dans les paramètres de la section. Notez que le texte sur les images peut réduire l’accessibilité si le contraste est trop faible, alors vérifiez toujours la lisibilité.
FAQ
Oui. Plusieurs applications SEO (TinyIMG, SEO Image Optimizer, AVADA SEO) incluent du texte alternatif généré par l'IA via la reconnaissance d'images. Fudge le fait avec plus de contexte : il lit le titre du produit, sa description et ses tags en plus de l'image, puis rédige un texte alternatif qui intègre des détails spécifiques (tissu, modèle, cas d'utilisation) plutôt qu'un résultat générique du type "chemise bleu marine". Quelle que soit la méthode choisie, vérifiez manuellement le texte alternatif de vos produits les plus vendus : c'est là que les textes génériques de l'IA vous coûtent le plus cher.
Trois choses : les lecteurs d'écran ne peuvent pas décrire l'image aux acheteurs malvoyants (problème d'accessibilité, risque juridique potentiel), Google a moins de signaux pour classer l'image dans Google Images, et Shopify se rabat sur le nom du fichier dans l'attribut HTML alt, ce qui n'a généralement aucun sens pour les moteurs de recherche ni pour les technologies d'assistance.
Non : les classements de recherche sont mis à jour en fonction du calendrier de crawl de Google, ce qui prend généralement de quelques jours à quelques semaines pour les pages produits. Les résultats sur Google Images peuvent prendre encore plus de temps. La modification est enregistrée immédiatement dans le HTML de la page, la mise à jour technique est donc instantanée ; l'impact sur le classement, lui, est progressif.
Avec parcimonie. La première image de chaque produit (l'image principale) est un bon endroit pour combiner le nom de la marque avec celui du produit. Répéter la marque sur chaque image de la galerie, photo lifestyle et variante devient du bruit que les utilisateurs de lecteurs d'écran entendront en boucle. Variez les descriptions pour vous concentrer sur ce que montre réellement chaque image.
Le texte alternatif décrit une seule image et se trouve sur l'élément <img>. Une meta description décrit la page entière et se trouve dans le <head>. Le texte alternatif affecte Google Images et le rendu des lecteurs d'écran ; les meta descriptions affectent la façon dont la page apparaît dans les résultats de recherche Google classiques (l'extrait sous le titre). Ils servent des objectifs différents et ne doivent pas être réutilisés.
