Qu’est-ce que le texte alternatif ?

Le texte alternatif (Alt text), également appelé « attributs alt », « descriptions alt » ou, techniquement parlant, « balises alt », est utilisé dans un code HTML pour décrire l’apparence et la fonction d’une image sur une page.

Le texte alternatif est utilisé :

  1. L’ajout d’un texte alternatif aux photos est avant tout un principe d’accessibilité du Web. Les utilisateurs malvoyants utilisant des lecteurs d’écran se verront lire un attribut alt pour mieux comprendre une image sur la page.
  2. Le texte Alt sera affiché à la place de l’image si un fichier image ne peut être chargé.
  3. Le texte Alt fournit un meilleur contexte/une meilleure description de l’image aux robots des moteurs de recherche, ce qui les aide à indexer correctement une image.

Pourquoi le texte alternatif est-il important ?

Accessibilité

Le texte Alt est un principe de la conception de sites Web accessibles. Son objectif initial (et toujours principal) est de décrire les images aux visiteurs qui ne sont pas en mesure de les voir. Cela inclut les lecteurs d’écran et les navigateurs qui bloquent les images, mais aussi les utilisateurs malvoyants ou incapables d’identifier visuellement une image. L’ajout de texte alt à vos images permet à tous les utilisateurs, quelle que soit leur capacité visuelle, d’apprécier le contenu de votre site.

Référencement Google images

L’utilisation du texte alternatif sur vos images peut améliorer l’expérience des utilisateurs, mais aussi vous faire bénéficier d’avantages explicites et implicites en matière de référencement. Outre la mise en œuvre des meilleures pratiques en matière de titre d’image et de nom de fichier, l’inclusion du texte alt peut également contribuer au référencement des images.

Bien que la technologie de reconnaissance d’images des moteurs de recherche se soit considérablement améliorée au fil des ans, les robots d’exploration ne peuvent toujours pas « voir » les images d’une page Web comme nous le faisons, et il n’est donc pas judicieux de laisser l’interprétation entre leurs seules mains. S’ils ne comprennent pas ou se trompent, il est possible que vous soyez classé pour des mots clés non souhaités ou que vous ne soyez pas classé du tout.

Comment écrire un bon texte alternatif ?

Décrivez l’image aussi précisément que possible. Le texte Alt est, avant tout, conçu pour fournir des explications textuelles sur les images aux utilisateurs qui ne peuvent pas les voir. Si une image n’a vraiment aucune signification ou valeur et qu’elle n’est là que pour des raisons de conception, elle doit être placée dans le CSS et non dans le HTML.

Soyez (relativement) bref. Les lecteurs d’écran les plus courants coupent le texte alternatif à environ 125 caractères. Il est donc conseillé de ne pas dépasser ce nombre de caractères.

  • Utilisez vos mots clés Le texte alternatif vous donne une autre occasion d’inclure votre mot clé cible sur une page, et donc une autre occasion de signaler aux moteurs de recherche que votre page est très pertinente pour une requête de recherche particulière. Bien que votre priorité doive être de décrire l’image et de lui fournir un contexte, si cela est judicieux, incluez votre mot-clé dans le texte alt d’au moins une image de la page.
  • Évitez le bourrage de mots-clés. Google ne vous pénalisera pas pour un texte alternatif mal rédigé, mais vous aurez des problèmes si vous utilisez votre texte alternatif pour y insérer autant de mots clés pertinents que vous le souhaitez. Concentrez-vous sur la rédaction d’un texte alt descriptif qui fournit un contexte à l’image et, si possible, inclut votre mot-clé cible, et restez-en là.
  • N’utilisez pas les images comme du texte. Il s’agit moins d’une bonne pratique spécifique au texte alt que d’un principe général de développement Web favorable au référencement. Comme les moteurs de recherche ne peuvent pas lire le texte de vos images, vous devez éviter d’utiliser des images à la place de mots. Si vous devez le faire, expliquez ce que dit votre photo dans votre texte alternatif.
  • N’incluez pas « image de », « photo de », etc. dans votre texte alternatif. On suppose déjà que votre texte alt fait référence à une image, il n’est donc pas nécessaire de le préciser.
  • N’oubliez pas la balise longdesc= » ». Utilisez la balise longdesc= » » pour les images plus complexes qui nécessitent une description plus longue.

Ne négligez pas les boutons de formulaire. Si un formulaire de votre site Web utilise une image comme bouton « Envoyer », attribuez-lui un attribut alt. Les boutons d’image doivent avoir un attribut alt qui décrit la fonction du bouton, par exemple « recherche », « postuler maintenant », « s’inscrire », etc.

Ajouter un attribut ALT sur WordPress

Lorsque vous téléchargez une image sur WordPress, vous pouvez définir un titre et un attribut alt. Par défaut, il utilise le nom de fichier de l’image dans l’attribut title. Et si vous n’entrez pas d’attribut alt, il le copie dans l’attribut alt. Bien que ce soit mieux que de ne rien écrire, c’est une pratique plutôt médiocre. Vous devez vraiment prendre le temps de rédiger un texte alt approprié pour chaque image que vous ajoutez à un article. Les utilisateurs et les moteurs de recherche vous en remercieront.

Comment ajouter des attributs alt dans WordPress ?

WordPress facilite l’ajout d’attributs alt. Suivez les étapes ci-dessous pour les ajouter à vos images. Votre référencement (d’image) en bénéficiera vraiment si vous obtenez ces détails correctement. Les personnes utilisant des lecteurs d’écran vous apprécieront d’autant plus.

  • Connectez-vous à votre site Web WordPress
  • Lorsque vous êtes connecté, vous vous trouvez dans votre  » tableau de bord « .
  • Ouvrez l’article ou la page pour en modifier le contenu.
  • Cliquez sur le bloc Image pour ouvrir les paramètres de l’image dans l’onglet Bloc de la barre latérale.
  • Vous verrez les paramètres de l’image apparaître dans l’onglet Bloc de la barre latérale.
  • Ajouter l’attribut ALT
  • Mettez à jour