Lorsque vous êtes en train de créer un site web, vous devez toujours garder à l’esprit le fait que vous devez mettre en œuvre tout ce que vous pouvez pour le rendre visible. La création d’un contenu de qualité est un élément essentiel mais ce ne sera pas suffisant pour faire connaître votre marque. Vous devez aussi faire en sorte que les moteurs de recherche puissent bien indexer votre site, et la balise ALT est une aide très utile.
Qu’est-ce que la balise ALT ?
La balise ALT est également appelée « alternative text » ou encore « tag info image ». Elle permet d’ajouter une description à l’image dans le fichier HTML de votre site web. Elle permet au moteur de recherche de savoir avec précision quel est l’intérêt de l’image,et cela lui permet de le positionner dans les résultats de recherche.
Lorsque vous créez une image, il est possible de lui ajouter une description, une fois que vous avez cliqué sur l’icône « alt » située en bas à droite de la barre de contrôle. Vous pouvez alors écrire une description qui s’insère automatiquement dans la balise ALT.
La balise ALT est un élément essentiel pour la visibilité d’un site sur les moteurs de recherche : en faisant en sorte qu’elle soit pertinente et complète, vous augmentez votre visibilité sur Google et Bing.
La balise ALT est un élément essentiel pour que les moteurs de recherche puissent indexer votre site web. La description permet à Google d’indexer votre site plus facilement, et de le positionner dans les résultats de recherche.
1.Pourquoi la balise ALT est importante ?
La balise ALT permet de préciser l’action qu’une image représente.Lorsque vous souhaitez afficher une image dans votre site, il est impératif de préciser cette action.
La balise ALT permet également d’optimiser l’image en fonction du moteur de recherche qui la lit. En effet, les outils de recherche (Google, Bing…) utilisent les mots-clés définis dans la balise ALT pour référencer votre image.
La balise ALT permet donc au moteur de recherche d’appréhender correctement votre image et le contenu de votre site.
Si vous souhaitez entrer dans les bonnes grâces des moteurs de recherche, n’oubliez pas de bien utiliser la balise ALT !
La balise ALT est utilisée dans les techniques SEO (Search Engine Optimization), pour améliorer le positionnement d’un site internet sur les moteurs de recherche.
Écrire une description pertinente et complète avec la balise ALT est donc essentiel pour optimiser votre site. Pourquoi ? Parce que c’est un élément de votre site qui sera utilisé par les moteurs de recherche pour le positionner sur le web.
Pourquoi utiliser la balise ALT ?
La balise ALT est utilisée en HTML pour définir une image. C’est un paramètre obligatoire, car elle joue un rôle « d’aide à la lecture ».
C’est le sens de la balise ALT : aider les internautes à naviguer sur le site et comprendre l’intérêt de l’image. La balise ALT doit toujours être accompagnée de l’ICON pour la même raison.
La balise ALT est donc un élément obligatoire du fichier image. Elle n’est pas uniquement nécessaire pour les images textuelles, mais aussi pour les photos ou les illustrations. La balise ALT doit être adaptée au contenu de l’image et à son sujet.
Pour être bien vue des robots d’indexation des moteurs de recherche, la balise ALT doit répondre à certaines contraintes :
La balise ALT doit être utile pour le visiteur.
La description doit être précise et complète.
La description doit être claire, compréhensible et pertinente.
L’accord grammatical doit être respecté (ne pas oublier l’accord des participes passés, le pluriel des noms, etc.).
La description ne doit pas contenir de mots clés. Elle doit être naturelle, rédigée dans un français correct et compréhensible pour les internautes.
2. Les balises ALT, quoi de neuf ?
Depuis 2012, la balise ALT est obligatoire pour tous les images à l’exception des images statiques et des images d’icônes. Alors que les balises ALT étaient autrefois facultatives pour les images, elles sont maintenant obligatoires et nécessaires afin d’optimiser votre référencement naturel.
Avant 2012, en cas de mauvaise utilisation de la balise ALT, le moteur de recherche ne pouvait pas afficher la description de l’image. Par conséquent, la visibilité et la pertinence de l’image étaient perdues. Aujourd’hui, si vous n’utilisez pas la balise ALT pour votre image, le moteur de recherche affichera l’URL de celle-ci en lieu et place de la description.
Pour éviter cela, il faut utiliser la balise ALT sur chaque image. Néanmoins, bien qu’elle soit obligatoire pour toutes les images, il est possible de ne pas en utiliser une si l’image est déjà correctement décrite dans le texte du contenu.
Ainsi, si votre image est décrite dans le texte du contenu, vous n’avez pas besoin de mettre une ALT. Toutefois, les moteurs de recherche ne peuvent pas lire le texte et ils ne savent pas que l’image a déjà été décrite dans le texte du contenu. Aussi, afin que le moteur de recherche puisse trouver votre image lorsqu’il lit la description, il faut utiliser une balise ALT sur cette dernière.
Ainsi, si votre image a déjà été décrite dans le texte du contenu, vous pouvez remplacer la balise ALT par une simple URL.
Il est important de noter que la balise ALT doit être unique pour chaque image. C’est-à-dire qu’elle ne doit pas être utilisée pour plus d’une image. Si vous voulez utiliser dans un même article plusieurs images utilisant la même description, il faut utiliser différentes balises ALT. Cependant, si l’image ne change pas entre les différentes pages, il est possible d’utiliser la même description.
De même, une même image peut être utilisé sur plusieurs pages du site. Dans ce cas, la balise ALT peut être conservée si la description de l’image n’a pas changé.
Exemple:
<img src= »images/photo1.jpg » alt= »Le chateau de Versailles n’est pas seulement un monument historique incontournable mais aussi une architecture magnifique. » />
Inclus dans le code de la page
Dans certains cas, les images sont utilisées plusieurs fois sur la même page. Dans ce cas, il est possible d’utiliser la balise ALT pour chaque image. Si l’image est identique pour toutes les pages, on peut utiliser une seule balise ALT et la réutiliser sur toutes les pages.
3. Les balises ALT et le référencement
Les balises ALT permettent de rendre les images accessibles aux personnes non voyantes puisque certains ordinateurs sont capable de lire et de prononcer le contenu des balaises ALT des images. Ce sont également des éléments importants pour le référencement.
Ces balises permettent à Google d’apprécier l’importance d’une image dans un article. Lorsque Google recherche une image, le moteur de recherche ignore la balise ALT et regarde plutôt les informations contenues dans la balise TITLE. Il n’est donc pas possible d’utiliser une seule balise ALT pour plusieurs images.
Il est possible d’utiliser la balise IMG dans le code HTML et dans le code CSS. Les balises ALT doivent apparaître dans les deux cas. Les balises ALT sont souvent rédigées en anglais, mais il est possible de les rédiger en français. Cependant, il arrive que certains navigateurs ne traduisent pas les balises ALT en français, même lorsque c’est possible. Dans ce cas, il est préférable de les rédiger en anglais.
Pour éviter les problèmes de traduction, il est préférable d’utiliser des noms d’images francophones. Par exemple, si vous utilisez la balise ALT pour nommer une image de chat, vous devez utiliser le nom chat dans la balise ALT.
Il est possible d’utiliser le langage HTML pour rédiger les balises ALT. Par exemple, vous pouvez utiliser <h1> ou <strong> pour indiquer que l’image est une image importante. En revanche, il est préférable d’utiliser des balises HTML pour rédiger une balise ALT, car certains navigateurs ne font pas de traduction de balises. Par exemple, si vous rédigez une balise ALT en français à l’aide de la balise <strong> , certains navigateurs ne traduiront pas la balise en français.
Il est possible d’utiliser d’autres techniques pour indiquer qu’une image n’est pas importante. Par exemple, vous pouvez utiliser un texte court comme « ici » ou « là ».
Si une image est importante pour la compréhension du contenu, vous devez utiliser une nouvelle balise ALT afin d’indiquer que l’image est importante. En effet, si vous utilisez la même balise ALT que la première image, il est difficile de savoir si cette image est importante ou non. Dans ce cas, il est préférable d’utiliser la même balise ALT pour les images suivantes.
Si vous disposez de plusieurs images du même type , vous pouvez utiliser la même balise ALT pour les images, ou vous pouvez utiliser une balise ALT différente pour chaque image.
3. Les balises ALT et la conversion
Utiliser une balise ALT est la meilleure solution pour indiquer aux personnes qui ne peuvent pas voir les images qu’elles sont présentes dans le document. Cependant, si une personne ne peut pas lire la balise ALT, elle n’a aucune information sur l’image en question. Il est difficile d’indiquer que cette image est importante à cette personne sans indiquer la nature de l’image.
C’est pourquoi, il est conseillé d’utiliser un texte alternatif pour les images spéciales : texte qui ne sert pas à indiquer la nature de l’image, mais qui lui donne de l’importance en tant que texte. Par exemple, si une image représente un avertissement, il est préférable d’utiliser le texte « Attention » comme alternative au titre de l’image.
Si vous disposez d’un document en quatre colonnes en mode responsive, essayez d’utiliser le texte alternatif pour le premier paragraphe de chaque colonne. Dans ce cas, si le lecteur ne peut pas voir la colonne en question, il pourra lire le paragraphe suivant. Si la colonne ne peut être affichée qu’en mode écran seul, le texte alternatif sera lu.
Le règlement W3C sur le langage HTML indique que les images doivent avoir une balise ALT pour que le document soit conforme. Cependant, il n’est pas toujours facile d’écrire une balise ALT appropriée pour chaque image. En outre, la balise ALT est en fait plus utilisée que les images elles-mêmes. C’est pourquoi le W3C a introduit une autre balise ALT : la balise TITLE .
4. Les balises ALT et la navigation par les images
Les balises ALT
La balise ALT peut être utilisée pour définir une image, mais aussi pour définir un élément d’interface graphique, comme un bouton, par exemple. Dans ce cas, il est conseillé de laisser le nom de l’image en tant que texte alternatif. Si vous pouvez définir une balise TITLE , c’est préférable. Comme nous l’avons vu plus haut, la balise TITLE est souvent utilisée pour définir des éléments d’interface graphique.
Une balise TITLE est utilisée pour définir un élément d’interface graphique.
La balise TITLE peut être utilisée pour définir une image, mais ne doit pas être utilisée pour définir un élément d’interface graphique. La balise TITLE doit être utilisée pour définir la valeur de la clé alt de l’attribut src d’une image.
Le règlement W3C sur le langage HTML indique que les images doivent avoir une balise ALT et une balise TITLE pour être conformes, mais aussi qu’il est préférable de ne pas utiliser la balise TITLE .
La balise TITLE est souvent utilisée pour définir des éléments d’interface graphique.
Attention, toutefois, à ne pas faire de l’utilisation de la balise ALT une routine. Le but ultime de cette balise est que le lecteur puisse naviguer sur un site sans l’aide d’un ordinateur tactile ou d’un logiciel d’assistance visuelle ( en utilisant une souris, un clavier ou des commandes vocales, par exemple).
Une balise ALT est utilisée pour définir une image.
Si le lecteur peut naviguer sur un site sans l’aide d’un ordinateur tactile ou d’un logiciel d’assistance visuelle (en utilisant une souris, un clavier ou des commandes vocales, par exemple), l’utilisation de la balise ALT devient inutile.
Pour ceux qui ne sont pas familiers avec les termes « ordinateurs tactiles » et « logiciel d’assistance visuelle », voici quelques exemples :
Un ordinateur tactile est un ordinateur portable qui peut être manipulé par la souris, le clavier ou des commandes vocales. Un logiciel d’assistance visuelle permet à des personnes ayant une déficience visuelle de naviguer sur un site Web.
Les personnes ayant une déficience visuelle ont besoin d’un logiciel d’assistance visuelle pour les aider à naviguer sur un site Web. Un logiciel d’assistance visuelle n’est pas nécessaire pour les personnes qui peuvent utiliser un ordinateur tactile.
Les critères spécifiques pour l’utilisation de la balise ALT sont les suivants :
La balise ALT est utilisable sur le site Web, et non pas dans une page intranet ou extranet.
La balise ALT ne peut pas être utilisée pour des images intégrées à la page ou des images dans une bande dessinée.
La balise ALT ne peut pas être utilisée pour des images dans une vidéo.
Pour en savoir plus sur les balises ALT et la description des images, consulte la section sur les balises ALT et les descriptions de l’image de l’article « Aider les personnes ayant une déficience visuelle à naviguer sur votre site Web ».
Décrire les objets interactifs non visibles, par exemple un bouton «Voulez-vous vous inscrire ?», en utilisant la balise ALT.
Les critères spécifiques pour l’utilisation des balises ALT sont les suivants :
La balise ALT doit être utilisée pour les éléments interactifs non visibles sur le site Web.
La balise ALT ne doit pas être utilisée pour indiquer l’état d’un bouton ou d’une barre d’outils. Par exemple, «Voulez-vous vous inscrire ?» n’est pas un élément interactif non visible car il n’est pas actionnable. En revanche, «Voulez-vous vous inscrire ?» est un élément interactif non visible si vous pouvez cliquer sur le bouton «Voulez-vous vous inscrire ?».
En outre, les critères spécifiques pour l’utilisation de la balise ALT sont les suivants :
La balise ALT ne doit pas être utilisée pour indiquer l’état d’un bouton ou d’une barre d’outils. Par exemple, «Voulez-vous vous inscrire ?» n’est pas un élément interactif non visible car il n’est pas actionnable. En revanche, «Voulez-vous vous inscrire ?» est un élément interactif non visible si vous pouvez cliquer sur le bouton «Voulez-vous vous inscrire ?».
Conclusion
Le guide de bonne pratique sur l’utilisation des balises ALT vous permet d’améliorer la fonctionnalité de votre site Web pour les utilisateurs qui utilisent des balises ALT. Cette méthode de test vous permettra de déterminer si vous utilisez correctement les balises ALT.
Si vous avez des questions sur cette méthode de test, vous pouvez vous inscrire à notre formation sur le référencement et apprendre les techniques pour placer votre site internet dans les meilleurs résultats des moteurs de recherche.
Source de l’article : www.instants-web-agency.fr