Rédiger le texte alternatif de vos images produits Shopify

Qu’est-ce que le texte alternatif ?

Le texte alternatif (souvent appelé « alt text », d’après l’attribut alt du HTML) est une courte description associée à une image. Il n’apparaît pas à l’écran : il s’adresse à ceux qui ne voient pas la photo.

L’accessibilité d’abord. Les lecteurs d’écran lisent le texte alternatif à voix haute aux personnes aveugles ou malvoyantes. Sur une fiche produit, les photos portent souvent des informations écrites nulle part ailleurs : la teinte exacte, le tombé d’une robe, la forme d’un fermoir. Sans texte alternatif, ces clients passent tout simplement à côté.

Les moteurs de recherche ensuite. Un moteur de recherche ne regarde pas une photo comme vous le faites. Le texte alternatif, avec le nom du fichier et le reste de la page, l’aide à comprendre ce que montre l’image, ce qui compte pour la recherche d’images.

Il s’affiche aussi à la place de l’image quand celle-ci ne se charge pas, par exemple sur une connexion mobile faible.

Que décrire sur une photo produit ?

Décrivez ce qui se voit réellement, dans l’ordre où un client le remarquerait. Pour la plupart des photos de mode, de bijoux et d’accessoires, quatre éléments suffisent :

• Le produit : ce que c’est, avec les mots de vos clients (« créoles », pas « ornements d’oreille »).

• La couleur et la matière : « plaqué or », « lin lavé », « cuir camel », quand elles se voient ou que vous en êtes certain.

• L’angle ou la vue : de face, de dos, de profil, gros plan sur le fermoir, détail des coutures.

• Le contexte : porté par un mannequin, à plat, sur fond blanc, associé à d’autres pièces.

N’écrivez que ce que la photo montre ou ce que vous savez avec certitude. Si une bague paraît argentée mais qu’elle est en or blanc, écrivez « or blanc » : le texte alternatif doit être exact, pas approximatif. Et si un détail ne se voit pas sur cette photo-là, gardez-le pour la description du produit.

Longueur, ton et mots-clés

Restez bref. Un repère pratique : environ 125 caractères. Beaucoup d’utilisateurs de lecteurs d’écran parcourent une page rapidement, et un paragraphe entier sur chaque image les ralentit. Une phrase claire, voire un simple groupe de mots, suffit généralement.

• Ne commencez pas par « image de » ou « photo de ». Le lecteur d’écran annonce déjà qu’il s’agit d’une image.

• N’empilez pas les mots-clés. Une liste comme « boucles d’oreilles boucles dorées bijoux femme cadeau » n’apporte rien à la personne qui écoute, et les moteurs de recherche sont conçus pour ignorer ce genre de répétition.

• Écrivez naturellement. Si vous lisiez la phrase à quelqu’un au téléphone, se représenterait-il la photo ?

• Écrivez dans la langue de la boutique. Un texte alternatif en anglais sur une boutique francophone n’aide personne.

Le nom du produit peut figurer dans le texte alternatif quand il est utile, mais pas forcément sur chaque image, et jamais à la place de la description de ce que montre la photo.

Exemples : à éviter et à suivre

Les mêmes photos, mal décrites puis décrites utilement.

Des boucles d’oreilles sur fond blanc

• À éviter : IMG_4821 (un nom d’appareil photo ne dit rien)

• À éviter : boucles d’oreilles créoles dorées bijoux femme cadeau (une liste de mots-clés)

• À suivre : Petites créoles plaquées or sur fond blanc

Les mêmes boucles, portées

• À éviter : Photo d’un mannequin qui porte nos boucles

• À suivre : Créole dorée portée par un mannequin aux cheveux attachés, vue de profil

Un cabas, photo de détail

• À éviter : Sac cabas (identique à toutes les autres photos du produit)

• À suivre : Gros plan sur les anses en cuir d’un cabas en paille tressée

Les bonnes versions ne sont pas plus longues par principe : chacune apprend à la personne qui écoute quelque chose qu’elle aurait manqué.

Un produit, plusieurs photos

Une fiche produit compte généralement plusieurs photos. Leur donner à toutes le même texte alternatif, en général le nom du produit, est un raccourci fréquent qui va à l’encontre du but recherché : l’utilisateur d’un lecteur d’écran entend la même phrase plusieurs fois et n’apprend rien de nouveau.

Faites plutôt dire à chaque texte ce qui distingue la photo :

• Photo 1 : Robe chemise en lin bleu marine, de face sur fond blanc

• Photo 2 : Robe chemise en lin bleu marine, de dos avec sa ceinture à nouer

• Photo 3 : Mannequin portant la robe chemise en lin bleu marine avec un sac en paille

• Photo 4 : Gros plan sur la texture du lin et les boutons en coco

La première photo peut porter la description la plus complète. Les suivantes peuvent être plus courtes et se concentrer sur l’angle ou le détail qu’elles apportent.

Ajouter un texte alternatif dans l’admin Shopify

Pour un produit isolé, vous pouvez rédiger le texte alternatif directement dans l’administration Shopify. Les écrans évoluent de temps en temps, mais les étapes sont en général les suivantes :

1. Allez dans Produits et ouvrez le produit.

2. Dans la section des images du produit, cliquez sur l’image à décrire.

3. Ajoutez ou modifiez son texte alternatif.

4. Enregistrez.

Recommencez pour chaque image. C’est rapide pour un produit, mais cela s’additionne : 200 produits avec cinq photos chacun, c’est mille descriptions à écrire. Beaucoup de marques commencent par leurs meilleures ventes et leurs nouveautés, puis remontent le catalogue.

Si plusieurs personnes rédigent, notez vos conventions : les mots choisis pour les matières, la mention ou non du mannequin, la façon de nommer chaque vue. Un catalogue cohérent est plus facile à parcourir.

Les erreurs courantes

• Le laisser vide. Le cas le plus fréquent, surtout sur les photos ajoutées dans l’urgence.

• Reprendre le nom du fichier. « DSC_0093 » ou « final-v2-retouche » est lu tel quel.

• Copier le nom du produit sur chaque image. Voir la section précédente.

• Décrire ce qui n’y est pas. Citer une couleur ou une matière que la photo ne montre pas induit le client en erreur.

• Écrire un slogan au lieu d’une description. « Notre pièce incontournable » ne dit rien de la photo.

• Mélanger les langues. Le texte alternatif doit être dans la langue de la page.

• Oublier les nouvelles photos. On s’en occupe une fois, puis on l’oublie à la collection suivante.

Pour de nombreuses photos d’un coup

Rédiger à la main fonctionne pour quelques produits. Avec une nouvelle collection, un réassort ou un grand lot de nouvelles photos, soit des dizaines de produits et plusieurs angles chacun, cela devient un travail à part entière.

Dropmatch, une application Shopify éditée par Aryios, est pensée pour ce moment-là. Elle rédige le texte alternatif de chaque photo à partir de ce que montre l’image, dans la langue de votre boutique. Vous pouvez fixer des règles de marque, par exemple des matières à toujours mentionner ou des mots à éviter, qui s’appliquent à chaque description.

Rien n’est envoyé dans votre boutique sans votre accord. Vous relisez chaque texte, vous le modifiez ou vous en demandez un nouveau. Une fois satisfait, les photos rejoignent vos produits avec leur texte alternatif.

Questions fréquentes