Toutes les ressources
SEOImagesFiches produitsShopifyWooCommerceAccessibilité

Balises alt images produit : le guide complet pour Shopify et WooCommerce

Comment rédiger des balises alt qui rankent sur Google Images tout en respectant l'accessibilité. Règles, exemples, erreurs à éviter et méthode pas-à-pas pour Shopify et WooCommerce.

Kaatalog

La balise alt est probablement l'élément SEO le plus sous-estimé sur les fiches produits. La plupart des boutiques laissent ce champ vide ou y mettent n'importe quoi, alors que c'est une optimisation gratuite qui peut débloquer une source de trafic majeure : Google Images.

Ce guide couvre tout ce qu'il faut savoir pour rédiger des balises alt efficaces sur Shopify et WooCommerce.

Qu'est-ce qu'une balise alt et à quoi elle sert

Le texte alternatif (alt en HTML) est un attribut qui décrit une image aux systèmes qui ne peuvent pas la voir : moteurs de recherche, lecteurs d'écran pour malvoyants, et navigateurs en cas de problème de chargement.

Dans le code HTML, ça ressemble à ça :

<img src="chemise-velours-bordeaux.jpg" alt="Chemise homme en velours côtelé bordeaux vue de face">

Les balises alt servent à trois choses :

  1. SEO Google Images — C'est le principal signal qui permet à Google de comprendre et d'indexer une image. Sans alt, ton image est quasi invisible sur Google Images.
  2. SEO pages HTML — Les alt renforcent la pertinence de la page pour les mots-clés associés. Impact plus modeste que sur Google Images mais bien réel.
  3. Accessibilité — Les lecteurs d'écran lisent le texte alt à voix haute pour les utilisateurs malvoyants. C'est obligatoire selon le RGAA (France) et les WCAG (international).

Pourquoi c'est crucial pour une boutique e-commerce

Google Images représente une part non négligeable du trafic sur les requêtes e-commerce. Un utilisateur qui cherche "chemise velours côtelé bordeaux" voit souvent des résultats visuels directement dans les résultats Google (le carrousel d'images en haut de page), et peut aussi cliquer sur l'onglet "Images" pour découvrir des produits.

Si tes images n'ont pas de balises alt correctes, tu passes à côté de ce trafic. Et c'est du trafic très qualifié : quelqu'un qui clique sur une image produit est généralement déjà en phase d'achat.

Deuxième enjeu : l'accessibilité est une obligation légale pour les sites e-commerce. Le RGAA impose un texte alternatif pour toutes les images non-décoratives. En plus de l'amende potentielle, c'est un enjeu éthique : 1,7 million de personnes en France ont une déficience visuelle.

Les règles pour rédiger une bonne balise alt

Une bonne balise alt respecte 5 règles simples :

1. Décris réellement ce que l'image montre

Le but est de permettre à quelqu'un qui ne voit pas l'image de comprendre ce qu'elle contient. Si ta description pouvait s'appliquer à n'importe quelle image de la boutique, c'est qu'elle est trop générique.

  • ❌ "Produit à vendre"
  • ❌ "Belle image de qualité"
  • ✅ "Chemise homme en velours côtelé bordeaux vue de face"

2. Inclus le nom du produit et un contexte précis

Le nom du produit aide Google à comprendre la pertinence de l'image pour tes mots-clés cibles. Le contexte (angle de vue, détail, mise en situation) différencie les images entre elles.

  • ❌ "Chemise bordeaux"
  • ✅ "Chemise homme velours côtelé bordeaux détail du col"
  • ✅ "Chemise homme velours côtelé portée avec un jean brut"

3. Reste naturel, pas de bourrage de mots-clés

L'alt doit être lisible par un humain. Google détecte facilement le bourrage et le pénalise. Écris comme tu décrirais l'image à quelqu'un au téléphone.

  • ❌ "chemise chemise velours côtelé bordeaux homme seo shopify vente"
  • ✅ "Chemise homme en velours côtelé bordeaux, coupe ajustée"

4. Longueur : entre 8 et 15 mots

Ni trop court (pas assez de contexte), ni trop long (les lecteurs d'écran coupent souvent après 125 caractères, Google idem). 8 à 15 mots est le sweet spot qui couvre la description sans être excessif.

5. Unique pour chaque image

Chaque image (angle de vue, variante, détail) a son propre alt. Même si tu as 6 photos d'une chemise, chacune mérite une description différente qui reflète ce qu'elle montre spécifiquement.

Exemples concrets : avant / après

Voici 5 exemples de balises alt typiques sur des boutiques e-commerce, et comment les améliorer.

Image❌ Alt médiocre✅ Alt optimisé
Face d'une chemise en velours côtelé"chemise""Chemise homme velours côtelé bordeaux vue de face"
Détail d'un col de chemisevide"Chemise velours côtelé bordeaux détail du col et des boutons"
Chemise portée en situation"chemise chemise vêtement homme seo""Chemise velours côtelé bordeaux portée avec un jean brut"
Étiquette composition"image001.jpg""Étiquette composition 100% coton certifié OEKO-TEX"
Vue arrière"dos""Chemise homme velours côtelé bordeaux vue arrière"

Remarque : dans l'exemple 3, le bourrage de mots-clés est en fait moins bon que l'alt vide en termes SEO, car Google pénalise ce genre de pratique.

Comment ajouter les balises alt dans Shopify

Dans l'administration Shopify :

  1. Va dans Produits > Sélectionne le produit
  2. Dans la section Médias, clique sur une image
  3. Dans le panneau qui s'ouvre, tu vois un champ Texte alternatif
  4. Rédige ton alt et clique sur Enregistrer

Répète pour chaque image du produit. Le processus prend environ 30 secondes par image une fois que tu as le rythme.

Astuce : Si tu utilises Shopify 2.0, tu peux aussi modifier le texte alt en bulk via l'app admin ou une app comme SEO Image Optimizer. Attention aux apps qui génèrent automatiquement des alt : beaucoup produisent du contenu médiocre ou dupliqué.

Comment ajouter les balises alt dans WooCommerce

Dans WordPress / WooCommerce :

  1. Va dans Produits > Sélectionne le produit
  2. Clique sur l'image dans la galerie produit
  3. La fenêtre média WordPress s'ouvre avec un champ Texte alternatif
  4. Rédige ton alt et clique sur Mettre à jour

Alternative : tu peux aussi modifier les alt directement depuis la Médiathèque (Médias > Bibliothèque) en cliquant sur chaque image.

Le nom de fichier : le bonus gratuit souvent oublié

En plus de la balise alt, Google utilise aussi le nom de fichier comme signal de pertinence. chemise-velours-bordeaux-face.jpg est mieux compris que IMG_0234.jpg.

Règles pour les noms de fichiers :

  • Descriptif et en français
  • Sans espaces ni caractères spéciaux (utilise des tirets)
  • Court (3 à 6 mots)
  • En minuscules
  • Inclut le mot-clé principal

Exemples :

  • IMG_2034.jpeg
  • DSC_0457_copy.jpg
  • chemise-velours-bordeaux-face.jpg
  • chemise-velours-bordeaux-detail-col.jpg

Attention : une fois une image uploadée dans Shopify ou WooCommerce, tu ne peux plus renommer son fichier. Renomme avant d'uploader.

Le cas du catalogue à 500 produits

Soyons honnête : rédiger des balises alt manuellement pour 500 produits × 6 images, ça représente 3 000 alt à écrire. À 30 secondes par alt, compte 25 heures de travail — juste pour les alt.

Trois stratégies si tu es dans ce cas :

1. Priorise tes best-sellers Rédige des alt parfaits sur les 20% de produits qui font 80% du chiffre. Laisse des alt plus basiques sur le reste (au moins un alt par image principale).

2. Utilise un template systématique Définis une formule : [Nom du produit] [couleur] [angle de vue]. Tu peux ensuite appliquer cette formule rapidement sur l'ensemble du catalogue, même si les alt sont moins riches que des alt uniques.

3. Automatise avec un outil spécialisé Kaatalog génère automatiquement des alt descriptifs pour chaque image produit à partir du contenu de la fiche, directement dans ta boutique Shopify ou WooCommerce. Les alt sont uniques, naturels, et adaptés au contexte de chaque image. Les 50 premiers crédits sont offerts à l'inscription.

Pour un guide plus large sur l'optimisation des fiches produits, consulte notre guide ultime sur les fiches produits SEO.

Ce qu'il faut retenir

  • La balise alt est obligatoire pour le SEO (Google Images) et l'accessibilité (RGAA)
  • Décris réellement ce que l'image montre, avec le nom du produit et un contexte précis
  • 8 à 15 mots, sans bourrage de mots-clés, unique par image
  • Le nom de fichier est aussi un signal : renomme avant upload
  • Pour un gros catalogue, automatise ou priorise tes best-sellers

Questions frequentes

La balise alt est-elle vraiment un facteur de ranking ?+

Oui, mais indirect. Google utilise le texte alt comme signal de pertinence pour comprendre une image, et c'est le facteur principal pour ranker sur Google Images. Son impact sur le ranking des pages HTML classiques est plus modeste mais bien réel.

Dois-je écrire un alt différent pour chaque angle de vue d'un produit ?+

Oui. Une image de face, une image de dos, un zoom sur un détail — chaque image mérite son propre alt descriptif. Sinon tu te prives d'opportunités SEO et tu diminues l'accessibilité pour les utilisateurs de lecteurs d'écran.

Faut-il mettre le nom de ma marque dans l'alt ?+

Seulement si c'est pertinent pour l'image. Pour une image produit standard, non. Pour une image montrant explicitement un logo ou un emballage de marque, oui. L'alt doit décrire ce qu'on voit, pas promouvoir.

Le nom de fichier de l'image est-il aussi important ?+

Oui. Google utilise aussi le nom de fichier comme signal. Idéal : un nom descriptif avec tirets (ex: chemise-velours-bordeaux-face.jpg) plutôt que IMG_0234.jpg. C'est un facteur secondaire mais gratuit à optimiser.

Que faire si j'ai 500 produits avec 6 images chacun ?+

3 000 balises alt à écrire manuellement, c'est quelques jours de travail à temps plein. Au-delà de 100 produits, il devient plus rentable d'automatiser avec un outil qui génère des alt descriptifs à partir des métadonnées produit et du contenu visuel.

Les balises alt comptent-elles pour l'accessibilité numérique (RGAA, WCAG) ?+

Oui, et c'est obligatoire. Le RGAA (Référentiel Général d'Amélioration de l'Accessibilité) et les normes WCAG imposent un texte alternatif pour toutes les images non-décoratives. Un site e-commerce sans balises alt est non seulement mauvais pour le SEO mais aussi non conforme légalement.