Points clés
- Pour les images de produits : Produits > sélectionnez le 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 des paramètres.
- Le texte alternatif améliore le classement dans Google Image Search et est requis pour être conforme en matière d’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 (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 offre une alternative textuelle aux utilisateurs qui ne peuvent pas la voir. Ces deux éléments 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 basé sur l’IA noté 5.0 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 par-dessus une image (une superposition) est très différent du texte alternatif. Le texte alternatif est constitué de métadonnées invisibles destinées au SEO et aux lecteurs d’écran. En revanche, le texte visible superposé sur une image se configure dans l’éditeur de thème — pour cela, employez une section telle que “Bannière d’image” ou “Image avec superposition de texte” qui possède un bloc de texte intégré qui s’affichera au-dessus de l’image. Vous pourrez contrôler la position du texte, sa couleur et l’opacité de l’arrière-plan dans les paramètres de la section. Notez tout de même que superposer du texte aux images peut réduire l’accessibilité de votre site si le contraste est trop faible, pensez donc toujours à vérifier la lisibilité.
