À 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 configuration.
- Le texte alternatif améliore le classement dans Google Images et est requis pour l’accessibilité.
- Rédigez un texte alternatif descriptif et précis : incluez le nom du produit, sa couleur et un détail clé.
Le texte alternatif est la description écrite attachée à une image. Il a deux objectifs : indiquer aux moteurs de recherche ce que l’image montre, et fournir une alternative textuelle aux utilisateurs qui ne peuvent pas voir l’image. Ces deux aspects sont essentiels 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.8 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 positionner sur Google Image Search et générer du trafic naturel supplémentaire. Les images avec un alt text pertinent ont beaucoup plus de chances de se classer dans ces recherches que celles avec un alt text vide ou générique.
Pour les produits, les meta tags internes de Shopify utilisent l’alt text de l’image mise en avant dans certains contextes. Prendre le temps de bien faire les choses pour vos produits phares vaut donc largement les 30 petites secondes que cela prend par image.
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 la génération de texte alternatif par l'IA via la reconnaissance d'images. Fudge fait cela avec plus de contexte : il lit le titre du produit, la description et les tags à côté de l'image, puis rédige un texte alternatif qui intègre les détails (tissu, modèle, cas d'utilisation) au lieu d'un banal "chemise bleu marine". Quelle que soit l'option choisie, vérifiez manuellement le texte alternatif de vos meilleures ventes — c'est là qu'un résultat IA générique vous coûtera le plus cher.
Trois choses : les lecteurs d'écran ne peuvent pas décrire l'image aux acheteurs malvoyants (problème d'accessibilité, risque légal 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 ne veut généralement rien dire ni pour les moteurs de recherche, ni pour les technologies d'assistance.
Non - les classements de recherche se mettent à jour selon le calendrier d'exploration de Google, ce qui prend généralement de quelques jours à quelques semaines pour les pages produits. Les résultats de Google Images peuvent prendre encore plus de temps. Le changement est enregistré immédiatement dans le code HTML de la page, la mise à jour technique est donc instantanée ; mais l'impact sur le classement est progressif.
Avec parcimonie. La première image de chaque produit (l'image principale) est un bon endroit pour associer le nom de la marque au nom du produit. Mais répéter la marque sur chaque image de la galerie, chaque photo lifestyle et chaque variante devient une nuisance sonore que les utilisateurs de lecteurs d'écran entendront en boucle. Variez les descriptions pour vous concentrer sur ce que chaque image montre réellement.
Le texte alternatif décrit une seule image et se trouve sur l'élément <img>. Une méta-description décrit la page entière et se trouve dans le <head>. Le texte alternatif influence Google Images et les lecteurs d'écran ; les méta-descriptions influencent la façon dont la page apparaît dans les résultats de recherche Google classiques (l'extrait sous le titre). Ils servent des espaces différents et ne doivent pas être identiques.
