La balise et ses attributs :
L'affichage d'une image en HTML se fait au travers d'une balise image < img alt="" / >. Cette balise est agrémentée de nombreux attributs, dont l'attribut de texte alternatif.
L'attribut "screen" indique le chemin relatif du fichier correspondant à l'image à afficher. Il s'écrit "SRC" et est obligatoire, contrairement à tous les autres attributs de la balise "image" qui sont facultatifs.
L'attribut "texte alternatif" est techniquement facultatif, mais pour le SEO, il devient obligatoire. Il s'écrit simplement "ALT" comme "ALTérnative".
La syntaxe de base est simple :
< img alt="texte descriptif de ce que je vois" / >
Avant d'aller plus loin, un rappel sémantique est nécessaire.
On peut trouver beaucoup d'informations sur la balise ALT. ALT est un attribut d'une balise et non une balise à part entière.
Définition d'une balise HTML :
Les balises HTML correspondent à des éléments du code HTML d'une page web sur Internet. Elles sont une partie intégrante de la composition de la page puisqu'elles permettent de mettre en forme et de structurer les contenus.
Définition d'un attribut de balise HTML :
Un attribut est une instruction contenue à l'intérieur d'une balise et dont le but est de fournir une information supplémentaire sur la manière dont cette balise doit être interprétée. Il est, de fait, subordonné à la balise.
L'attribut ALT est important pour le référencement :
Le texte alternatif des images est important pour le référencement des images et des pages qui les contiennent. La pratique est très usuelle des professionnels SEO afin d'optimiser le positionnement d'un site sur le web.
Contenu et utilité :
Le texte alternatif contiendra au moins un mot décrivant l'image en question. L'idéal est quand même d'écrire une petite description qui explique ce que représente l'image, son sujet.
Les textes alternatifs ne sont visibles par les internautes que lorsque l’image ne peut pas s’afficher.
Ce texte permet aux moteurs de recherche de définir le sujet de l’image et de référencer celle-ci sans exploiter de logiciels d'analyse d'images.
Enfin, l'attribut ALT permet aussi de verbaliser une image pour les personnes malvoyantes.
Importance de l'attribut ALT :
L'alternative d'une image fait partie intégrante des contenus textuels d'une page web. À ce titre, il peut être lu et référencé par les moteurs de recherche. Ainsi, il sera important de prendre le temps de la réflexion pour leur élaboration.
Ces mêmes moteurs de recherche se serviront des textes alternatifs pour corréler la thématique de la page.
La technologie de l’intelligence artificielle a fait énormément progresser les moteurs de recherche dans le domaine de la compréhension des images. Ainsi, le texte alternatif devient un complément d'information très utile aux robots d'analyse.
Un bon texte alternatif :
Le texte alternatif d'une image se doit de décrire celle-ci de façon précise et assez succincte. Il est fortement déconseillé d'écrire une suite de mots clés, une courte phrase sera bien plus porteuse.
Enfin, le texte descriptif doit décrire correctement l'image.
Exemple :
 alt : Mouton qui broute de l'herbe verte |
alt : Cycliste sur un chemin |
L'attribut ALT ne fait pas office de légende.
C’est une erreur très courante : confondre le texte alternatif et la légende de l’image.
Bien qu'ils puissent se compléter, les deux textes n’ont pas du tout le même but.
Le texte alternatif remplace et décrit une image pour les moteurs de recherche.
Le titre de l’image donne des informations complémentaires pour mieux saisir le sujet traité.
Exemple :
TITRE : Mouton de près-salés :
Alternative : "Mouton qui broute de l'herbe verte"
Quelques astuces :
Un attribut de texte alternatif ne doit pas rester vide sans que cela ne pénalise le SEO d'une page.
Si une image n’a pas pour but d'illustrer une page, elle n’a pas d'utilité à exister vis-à-vis des moteurs de recherche, donc, pas d'alternative
Une image qui contient un texte graphique ne remplace en aucun cas l'alternative textuelle.
Ne pas faire de « keywords stuffing », du bourrage de mots-clés. Il convient simplement de décrire une image avec 4 ou 5 mots bien sélectionnés.
Ne pas faire de copier / coller entre plusieurs ALT.