Texte alternatif (balise alt) : traiter tout un catalogue Shopify
Par où commencer, et comment aller au bout sans y passer ses soirées.
Trois cents produits à trois photos chacun, cela fait neuf cents textes alternatifs à écrire. Un premier article de ce blogue explique ce qu'est un bon texte ALT pour une image. Celui-ci répond à la question suivante, celle qu'on se pose devant un catalogue entier : par où commencer, et comment aller au bout sans y passer ses soirées ni tomber dans le bourrage de mots-clés.
Commencer par regarder où vous en êtes
Dans l'administration Shopify, ouvrez un produit, cliquez sur une photo, puis sur « Texte alternatif ». C'est là que le texte se lit et se corrige, photo par photo. Shopify recommande 125 caractères ou moins, et le champ en accepte jusqu'à 512.
Ce chiffre de 125 est un repère de concision, pas une limite du champ. C'est un bon repère, parce qu'une photo produit se décrit bien en une phrase, et qu'une phrase courte s'écoute mieux avec un lecteur d'écran.
Faites ce tour sur cinq de vos meilleures ventes. Si vous trouvez des champs vides, des noms de fichiers comme IMG_4471, ou le même texte recopié sur toutes les photos d'un produit, vous savez déjà ce qu'il y a à faire, et vous pouvez supposer que le reste du catalogue ressemble à cet échantillon.
L'ordre qui rapporte le plus vite
Tout faire d'un coup n'est pas nécessaire. Quatre étapes, dans cet ordre :
- La photo principale de vos meilleures ventes. C'est celle qui apparaît dans les pages de collection et dans les résultats d'image.
- Les autres photos de ces mêmes produits : dos, détails, produit porté.
- Le reste du catalogue, collection par collection.
- Les images purement décoratives (bannière, motif de fond) : un texte vide,
alt="", est la bonne réponse selon les règles d'accessibilité du W3C. Une photo de produit, elle, n'est presque jamais décorative.
Un modèle par type de photo
Le plus lent n'est pas d'écrire, c'est de chercher quoi écrire. Un modèle par type de photo règle la question une fois pour toutes :
| Type de photo | Ce qu'on décrit | Exemple |
|---|---|---|
| Photo principale | Le produit, sa couleur ou sa matière, l'angle | Souris de jeu sans fil noire avec éclairage RGB, vue de dessus |
| Détail | La partie montrée de près | Collier en or avec pendentif goutte, gros plan sur le fermoir |
| Produit porté | Le produit et la façon de le porter | Robe portefeuille verte à manches courtes, portée avec des sandales blanches |
| Autre angle | Ce que cet angle montre de plus | Souris de jeu sans fil noire vue de côté, boutons latéraux |
| Variante de couleur | La couleur de cette variante précise | Robe portefeuille bleu marine à manches courtes, vue de face |
Chaque texte décrit ce qu'on voit sur cette photo-là. Le nom du produit peut y figurer quand il se lit naturellement, sans plus.
Trois pièges propres aux catalogues
Le même texte sur toutes les photos d'un produit. C'est le raccourci le plus tentant. Une personne qui écoute la page avec un lecteur d'écran entend cinq fois la même phrase sans rien apprendre de plus sur le produit. Deux angles différents méritent deux phrases différentes.
« Photo de » et « image de ». Le lecteur d'écran annonce déjà qu'il s'agit d'une image. Commencez directement par ce qu'elle montre.
Les mots-clés empilés. Google le dit clairement dans ses consignes sur les images : remplir l'attribut alt de mots-clés nuit à l'expérience et peut être traité comme du spam. Une description honnête contient déjà les bons mots.
Ce que PixelUnik fait à cette échelle
Écrire neuf cents phrases à la main reste possible, avec les modèles ci-dessus. Si le temps manque, c'est exactement le travail pour lequel PixelUnik a été construit.
- L'IA regarde la photo elle-même. Elle reçoit aussi le titre du produit, la variante liée à la photo, et les textes déjà écrits pour les autres photos du même produit, pour ne pas les répéter.
- Une phrase complète, 125 caractères au plus. Si le texte déborde, l'app redemande une fois une version plus courte ; si ce n'est toujours pas bon, elle refuse le résultat et rend le crédit. Vous ne recevez jamais une phrase coupée au milieu.
- Dans votre langue. Le texte suit la langue de votre vitrine, ou celle que vous choisissez parmi sept langues, dont le français et l'anglais. Quatre tons au choix : professionnel, amical, luxe, technique.
- Vous gardez la main. Dans l'Éditeur SEO, la proposition remplit le champ, vous la modifiez si besoin, et rien n'est écrit dans votre boutique avant votre clic sur « Enregistrer l'alt ». Si elle ne vous plaît pas, « Proposer un autre texte » en demande une vraiment différente.
- Les photos à traiter sont déjà triées. Des filtres montrent les photos sans texte et celles dont le texte est trop faible pour servir (« image », « photo 2 », etc.).
- Les nouvelles photos se traitent seules (forfait Growth). En mode automatique, chaque photo ajoutée à un produit est optimisée, puis reçoit son texte alternatif, sans écraser un texte déjà utile.
- Le texte reste à vous. Il est écrit dans le champ natif de Shopify, pas dans un script : il reste en place si vous désinstallez l'app. Et quand PixelUnik optimise ou renomme une photo, le texte alternatif existant est conservé.
Chaque texte généré coûte un crédit. À l'installation, 30 crédits d'essai permettent de traiter vos meilleures ventes avant de décider quoi que ce soit. Ensuite, Starter (100 crédits par mois) et Pro (500) traitent les photos une à une. Le traitement de toutes les photos sans texte ou faibles en un seul lot est réservé au forfait Growth, qui inclut 1 500 crédits par mois : neuf cents photos tiennent dans un seul mois. En mode automatique, une nouvelle photo coûte deux crédits : un pour l'optimisation, un pour le texte.
Le lot écrit directement dans votre boutique, sans relecture photo par photo : relisez un échantillon à la main avant de le lancer. Et si vous avez volontairement laissé vide le texte d'une photo pour la marquer comme décorative, sachez que le lot la traite comme une photo à décrire.
Le geste de ce soir
Ouvrez votre meilleure vente, cliquez sur chacune de ses photos, et lisez leur texte alternatif. Si l'une d'elles est vide ou porte un nom de fichier, écrivez sa phrase avec le modèle ci-dessus. Deux minutes, et c'est la photo que vos clients voient le plus souvent qui est réglée.
Mesurez vos propres images
L'audit gratuit lit votre boutique et vous donne le poids réel de vos images produits, sans installation.
À lire ensuite
- Quelle taille donner aux images produits ShopifyShopify redimensionne vos images, mais seulement à partir du fichier téléversé. La dimension à viser, et pourquoi téléverser plus grand ne sert à rien.
- Le nom de vos fichiers images produits ShopifyShopify ne permet pas de renommer une image déjà téléversée, et une image renommée ne reçoit aucune redirection. Ce qui vaut la peine d’être corrigé.
- Titre SEO et meta description d’une fiche produit ShopifyShopify ne remplit pas ces deux champs pour vous, et Google écrit alors l’extrait à votre place. Où les trouver, quoi y mettre, et comment vérifier votre boutique en une minute.