Balise Alt : à quoi elle sert, comment rédiger une description utile, combien de caractères, et comment y placer vos mots-clés sans excès.
Une image sans texte alternatif reste muette pour une partie de vos lecteurs. Le texte alternatif, ou attribut alt, décrit l'image aux personnes qui utilisent un lecteur d'écran, aux moteurs de recherche, et à tous ceux dont la connexion n'a pas chargé l'image. Voici comment bien le rédiger.
Qu'est-ce que l'attribut alt ?
C'est un attribut de la balise image, en HTML. Il contient une courte description de ce que montre l'image : <img src="chat.jpg" alt="Chat roux allongé sur un canapé">. On parle souvent de « balise alt », même si le terme exact est « attribut ». WordPress, Shopify et la plupart des outils de création de site proposent un champ pour le remplir sans toucher au code.
Décrire l'image en une phrase courte
Le bon réflexe : imaginez que vous décrivez l'image à quelqu'un au téléphone. Il doit pouvoir se la représenter. Restez précis et simple, autour de 100 caractères au maximum.
Prenons cette photo :
« Chat roux allongé sur un canapé, au soleil » est un bon texte alternatif. « Chat » est trop vague. Inutile aussi de commencer par « Image de » ou « Photo de » : le lecteur d'écran annonce déjà qu'il s'agit d'une image.
Si l'image est un lien, dites aussi où il mène, par exemple « Logo Allinks, retour à l'accueil ».
Les mots-clés, avec mesure
Un mot-clé a sa place dans le texte alternatif s'il décrit vraiment l'image. Pas besoin de le répéter dans chaque image de la page. À éviter, par exemple : « chat roux canapé chat allongé chat mignon ». Le mot « chat » y revient trois fois et la phrase ne décrit plus rien. Google repère ce genre de bourrage.
Un texte différent pour chaque image
Deux images différentes n'ont pas la même description. C'est particulièrement vrai sur une boutique en ligne, où les photos de produits se ressemblent : précisez la couleur, l'angle, le détail montré (« Sac en cuir camel, vue de face », « Sac en cuir camel, intérieur avec poche zippée »). Ces descriptions aident aussi vos images à ressortir dans Google Images.
Et les images décoratives ?
Un motif de fond ou un séparateur graphique n'apporte aucune information. Laissez alors l'attribut vide (alt="") : le lecteur d'écran passera l'image sans la lire. Ne le supprimez pas, sinon certains lecteurs annoncent le nom du fichier à la place.
En résumé
Une phrase courte et précise, un mot-clé seulement s'il a du sens, un texte unique par image, et un attribut vide pour les images purement décoratives. Quelques minutes par article, pour un site plus accessible et mieux compris par les moteurs de recherche.
