Regardez à peu près n'importe quel site Web sur Internet aujourd'hui et vous verrez que l'une des choses qu'ils ont en commun sont les images. Les images peuvent être utilisées sur des sites Web pour ajouter une touche visuelle, aider à illustrer des idées et à ajouter du contenu général à la page. En plus de choisir les bonnes images et de les préparer correctement pour la diffusion sur le Web, vous assurer que toutes les images de votre site utilisent correctement le texte de remplacement est une partie très importante de l'utilisation correcte de ces images pour le Web.
Qu'est-ce que Alt Text
Le texte alternatif est le texte alternatif utilisé par les navigateurs de texte et les autres agents utilisateurs Web qui ne peuvent pas afficher les images. C'est également l'un des seuls attributs requis par la balise image. En écrivant du texte alternatif efficace, vous vous assurez que vos pages Web sont accessibles aux personnes susceptibles d'utiliser un lecteur d'écran ou un autre appareil assisté pour accéder à votre site. Vous vous assurez également que quelque chose sera affiché à la place d'une image si celle-ci ne se charge pas pour quelque raison que ce soit (chemin incorrect, échec de la transmission, etc.). C'est le véritable objectif du texte Alt, mais ce contenu peut également vous donner plus d'endroits où ajouter du texte compatible avec le référencement naturel que les moteurs de recherche ne vous pénaliseront pas (pour plus d'informations à ce sujet prochainement).
Le texte alternatif doit répéter le texte dans l'image
Toute image contenant du texte doit avoir ce texte comme texte alternatif. Vous pouvez placer d'autres mots dans le texte alternatif, mais au minimum, il devrait dire la même chose que l'image. Par exemple, si vous avez un logo pour vos images, le texte Alt doit répéter le nom de la société inscrit par votre logo graphique.
N'oubliez pas non plus que les images, telles que les logos, peuvent également impliquer du texte. Par exemple, lorsque vous voyez l'icône représentant une boule rouge sur le site Web Dotdash, cela signifie "Dotdash.com". Le texte alternatif de cette icône pourrait donc indiquer "Dotdash.com" et pas simplement "logo de la société".
Gardez le texte court
Plus votre texte alternatif est long, plus il sera difficile à lire par les navigateurs de texte. Il peut être tentant d'écrire de longues phrases de texte alternatif (normalement, c'est parce que quelqu'un essaie de fourrer la balise avec des mots-clés), mais en gardant vos balises Alt courtes, vos pages de plus en plus petites se téléchargent plus rapidement.
Une bonne règle pour le texte alternatif est de le garder entre 5 et 15 mots au total.
Utilisation de vos mots-clés de référencement dans les balises alt
Les gens pensent souvent à tort que le but du texte alternatif est de mettre des mots clés dans les moteurs de recherche. Oui, c’est un avantage que vous pouvez utiliser, mais uniquement si le texte que vous ajoutez est logique dans le but réel de la balise alt - afficher un texte intelligent qui explique ce que l’image est si jamais quelqu'un ne pouvait pas le voir!
Cela dit, le fait que le texte Alt ne soit pas conçu comme un outil de référencement ne signifie pas que vous ne pouvez pas utiliser vos mots-clés dans ce texte. Etant donné que le texte alternatif est important et nécessaire pour les images, les moteurs de recherche ne risquent pas de vous pénaliser pour y insérer des mots clés si le contenu que vous ajoutez est logique. Rappelez-vous simplement que votre première priorité est pour vos lecteurs. Les mots-clés non sollicités dans les textes alternatifs peuvent être détectés et les moteurs de recherche modifient leurs règles à tout moment pour empêcher les spammeurs.
Une bonne règle consiste à utiliser les mots clés de votre moteur de recherche lorsqu'ils correspondent à la description de l'image et à ne pas utiliser plus d'un mot clé dans votre texte alternatif.
Gardez votre texte significatif
Rappelez-vous que le but du texte alternatif est de définir les images pour vos lecteurs. De nombreux développeurs Web utilisent le texte de remplacement pour eux-mêmes, y compris des éléments tels que la taille de l'image, les noms de fichier d'image, etc. Bien que cela puisse vous être utile, cela ne fait rien pour vos lecteurs et devrait donc être omis de ces balises.
Utiliser le texte alternatif vide uniquement pour les icônes et les puces
Vous utiliserez régulièrement des images dépourvues de texte descriptif utile, telles que des puces ou de simples icônes. La meilleure façon d'utiliser ces images est en CSS, où vous n'avez pas besoin de texte alternatif. Mais si vous devez absolument les avoir dans votre code HTML, utilisez un attribut alt vide plutôt que de le laisser complètement.
Il peut être tentant de mettre un caractère tel qu'un astérisque (*) pour représenter une balle, mais cela peut être plus déroutant que de simplement le laisser vide. Et mettre le texte "bullet" rendra encore plus étrangement dans un navigateur de texte.
Edité par Jeremy Girard le 03/03/17
