Explication de l'attribut alternatif de WordPress : qu'est-ce que le texte alternatif de l'image ?

Nous savons tous à quel point il est important d'utiliser des images dans vos pages et articles. De simples blocs de texte deviennent plus vivants, vous engagez vos visiteurs de manière plus visuelle et faites passer votre message. Mais lorsque vous en ajoutez un, vous ne pouvez pas vous empêcher de vous concentrer sur un champ au son étrange. « Hmm, texte alternatif, qu'est-ce que ce serait maintenant ? », réfléchissez-vous. Il ne peut certainement pas s'agir d'un champ que les développeurs WordPress ont ajouté au hasard – s'il existe, il a probablement un but.

Les textes alternatifs sont des attributs HTML ajoutés aux balises d'image. Ce sont de courtes chaînes de texte, que WordPress affiche s'il ne peut pas afficher une image. Les textes alternatifs améliorent le référencement de votre image. Ils aident également les utilisateurs malvoyants dotés de lecteurs d'écran et les moteurs de recherche à comprendre le contenu d'une image.

Les textes alternatifs ont également quelques noms utilisés avec désinvolture, tels que "balise alt", "texte alt" ou "attribut alt". Pour en tirer le meilleur parti, je pense qu'il est préférable de penser à des balises alt comme celle-ci : un attribut alt est comme le « résumé exécutif » d'un long rapport. Il résume très brièvement et concrètement ce que contient l'image (c'est-à-dire le rapport).

Certaines plates-formes CMS existantes et de nombreux sites Web personnalisés nécessitent que vous ajoutiez cette partie manuellement directement dans le code de chacune de vos pages. Cependant, les chanceux comme nous ici obtiennent cette fonction beaucoup plus facilement dans WordPress.

Comment fonctionnent les textes alternatifs d'image dans WordPress ?

Les textes alternatifs ne sont pas quelque chose de nouveau. Ils ne sont pas non plus quelque chose d'unique que seul WordPress propose. En fait, il s'agit d'une fonctionnalité très ancienne qui remonte aux premiers jours d'Internet à la fin du 20e siècle.

Depuis leur introduction en 1995 lors de la sortie de HTML 2.0, les balises alt ont servi trois objectifs concrets :

• Les balises Alt apparaissent sur votre page à la place de l'image si le navigateur ne peut pas charger les images pour une raison quelconque.
• Les lecteurs d'écran lisent à haute voix des textes alternatifs pour les personnes utilisant une assistance visuelle lors de la navigation sur Internet.
• Les robots des moteurs de recherche comme Google les utilisent pour mieux comprendre le contenu de l'image.

Par conséquent, les textes alternatifs sont une excellente fonctionnalité d'accessibilité et ne nécessitent pas beaucoup de travail supplémentaire pour être ajoutés.

Exemples de textes alternatifs d'image dans WordPress

Voyons maintenant quelques exemples de textes alternatifs. J'ai mis en évidence les bons et les mauvais exemples afin que vous puissiez comprendre exactement ce que vous souhaitez inclure dans vos balises alt.

Exemple d'un bon texte alternatif

Voici une image que nous avons insérée sur l'un de nos articles de blog. Comme vous pouvez le voir ci-dessous, le but de l'image est de montrer exactement comment le lecteur peut atteindre le résultat décrit dans l'article.

Le résultat final de la balise alt que nous avons créée est "Bon exemple de NAP sur la page Contactez-nous".

Parce que l'image ajoute du contexte et aide l'utilisateur à résoudre son problème, il est important que nous la marquions correctement et que nous le signalions.

Exemple d'un mauvais texte alternatif

Pendant ce temps, vous pouvez également créer des textes alternatifs qui ne sont pas utiles. Supposons que la même image ait une balise alt de "NAP" ou "business NAP".

Ce texte alternatif est mauvais car il ne sert à personne et ne consomme que du temps. Cela veut-il donc dire qu'aucun texte alternatif n'est meilleur qu'un texte alternatif ? Bien que cela soit discutable, notre opinion est que de telles balises alt ne sont pas utiles du point de vue de l'accessibilité des utilisateurs. Ils n'ajoutent pas non plus de contexte pour les robots d'exploration de Google. Même dans le pire des cas, lorsque l'image ne peut pas être affichée, l'utilisateur reste confus car il ne voit qu'un mot aléatoire sur la page - au lieu d'une chaîne concise qui lui donne une idée de ce qui est censé s'y trouver.

Par conséquent, nous avons décidé que perdre du temps à créer de mauvaises balises alt n'en valait pas la peine. Au lieu de cela, lorsque nous décidons de vérifier notre site et de le faire, nous trouvons que créer des balises alt utiles est un bien meilleur investissement en temps.

9 meilleures pratiques pour écrire du texte alternatif de qualité dans WordPress

Vous savez maintenant comment utiliser l'attribut alt pour les images dans WordPress. Sur ce, passons en revue quelques conseils et bonnes pratiques pour vous assurer que vous l'utilisez correctement.

1. Les textes alternatifs doivent être plus courts que 125 caractères

Gardez vos balises alt plus courtes que 125 caractères. Il n'y a pas de règles strictes sur la durée des balises alt, alors utilisez cette recommandation comme règle empirique. Cependant, le cas échéant, n'hésitez pas à sacrifier cette règle générale pour des textes plus descriptifs. Néanmoins, ce n'est généralement pas nécessaire.

En plus de cela, voici un exemple de ce à quoi ressemblent 125 caractères :

« Aaaaaaaaaaa aaaaaaaaaa aaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaa

C'est beaucoup de texte ! La grande majorité du temps, vous pouvez y insérer vos textes alternatifs.

2. Écrivez de bonnes balises Alt ou aucune du tout

Mais qu'en est-il de la marge inférieure ? Il n'y en a techniquement pas (enfin, sauf 0, bien sûr). Parler d'expérience personnelle, aller paresseux et écrire un seul mot ou deux ne vaut pas non plus la peine de passer du temps dessus. Autrement dit, si vous ne prévoyez pas d'écrire de bonnes balises alt, elles sont aussi bonnes que si vous ne les aviez pas en premier lieu.

3. Gardez les balises Alt connexes similaires mais uniques

Il est parfaitement acceptable de rendre vos balises alt similaires, mais assurez-vous qu'elles restent uniques. Supposons que vous ayez des images expliquant deux étapes consécutives d'une publication pratique. Dans ce cas, il est quelque peu inévitable d'avoir des pièces en double.

Cependant, ici, vous pouvez vous assurer que chaque texte alternatif est suffisamment unique en expliquant clairement chaque étape et en le marquant avec le bon numéro.

Par exemple : alt=" c'est la première étape de mon tutoriel sur WordPress alt text" vs. alt=" deuxième étape pour le tutoriel des balises alt WordPress"

4. Évitez d'utiliser « l'image de » à moins que ce ne soit pertinent

En règle générale, vous n'avez pas besoin d'écrire "une image de" ou "une capture d'écran de" dans vos textes alternatifs. Les moteurs de recherche et les lecteurs d'écran savent qu'ils ont affaire à une image, il est donc inutile d'ajouter ce texte. L'espace restant peut à la place être mieux utilisé.

C'est, bien sûr, vrai, sauf si vous souhaitez apparaître dans Google pour ces requêtes de mots clés. Si votre mot-clé cible inclut la phrase, disons, "capture d'écran de", alors l'ajouter à l'image l'aidera en effet à apparaître plus haut dans la recherche Google.

Par exemple, supposons que vous entendiez parler de fuites d'images de la correspondance électronique d'un politicien dans les actualités. Naturellement, vous pourriez rechercher quelque chose comme « des images d'e-mails divulgués [NOM IMAGINAIRE DU POLITICIEN] ».

Ici, l'ajout de cette phrase « images de » dans votre texte alternatif vous aidera à vous présenter pour cette requête de recherche - bien que, bien sûr, cela ne garantit pas à lui seul que votre site sera près du sommet.

De même, supposons que vous ayez des articles qui ciblent des mots-clés autour de « l'inspiration » pour un sujet. Dans ce cas, l'utilisation de phrases telles que « images inspirantes de [sujet] » est également acceptable.

5. Ne pas spammer les mots-clés dans vos textes alternatifs

Lorsque vous écrivez des balises alt, gardez le texte pertinent et évitez de spammer les mots-clés.

C'est-à-dire que si votre image met en valeur un chien, n'écrivez pas un texte alternatif similaire à « chien canin animal de compagnie chiot chien meilleur ami de race de chien chiot de l'homme ». Au lieu de cela, optez pour quelque chose de plus descriptif qui ajoute du contexte.

Potentiellement, ce texte explique naturellement l'image compte tenu du contenu et du paragraphe qui l'entoure. Je vais vous montrer des exemples spécifiques dans les sections ci-dessous.

6. L'ajout d'images en dernier aide à écrire de bons textes alternatifs

L'ajout d'images après avoir entièrement préparé votre article de blog peut vous assurer de ne manquer aucune balise alt et de passer plus de temps à les corriger plus tard. Parfois, vous pouvez même modifier une balise alt après avoir inséré l'image pour constater qu'elle ne se met pas à jour sur la page.

N'oubliez pas qu'il est préférable d'ajouter des images dans WordPress comme dernière étape lors de la création de pages et de publications.

7. Utilisez le nom de l'image comme texte alternatif

Lorsque vous recherchez vos images, n'oubliez pas de leur donner un nom très pertinent par rapport à ce que vous écrivez. Au lieu d'utiliser des espaces, utilisez simplement des tirets pour séparer les mots. Avec cela, une fois que vous avez téléchargé l'image, vous pouvez simplement copier le nom que vous avez déjà écrit et supprimer les tirets. Faire cela vous donnera une balise alt parfaite sans perdre de temps. Pour savoir exactement comment je fais ce processus, lisez cette section dans notre guide sur l'ajout de balises alt dans WordPress.

8. Les grandes balises Alt décrivent les images en détail

Lorsque vous écrivez des balises alt, il est important d'être descriptif. Mieux vous décrivez ce qu'il y a sur l'image, plus les utilisateurs malvoyants ont du temps à comprendre pourquoi vous y mettez une image. Il en va de même pour les moteurs de recherche. Cette pratique vous donne une meilleure chance que Google affiche votre site lorsque quelqu'un recherche ce type d'image. Cela se produit également même pour des recherches plus longues et différentes de celle pour laquelle vous avez optimisé exactement – ​​également connus sous le nom de mots-clés à longue traîne.

9. Mettez vos images de conception de site Web dans le CSS

Si une image est créée uniquement pour des raisons de conception, vous devez l'implémenter dans le CSS du style de votre site Web. Cela définira la bonne structure/hiérarchie du code du site. Il permet également aux moteurs de recherche et aux lecteurs d'écran de différencier les images qui contribuent au contenu et les images qui sont utilisées uniquement comme caractéristiques de conception.

En suivant cette logique, vous avez maintenant appris que toutes les images, en fait, devraient avoir une balise alt. L'implémentation d'une image dans le HTML signifie que l'image ajoute du contexte à la page - et cela vous permet d'ajouter un texte alternatif. Pendant ce temps, implémenter une image dans votre CSS signifie que l'image n'ajoute pas de contexte mais aide plutôt à rendre la page - et donc vous n'avez pas accès à la fonctionnalité d'ajout d'une balise alt.

Mots de clôture

Pour la plupart des sites Web, l'ajout de textes alternatifs ne nécessite pas un investissement de temps énorme. Pendant ce temps, les avantages qui les accompagnent sont grands. Vous rendez votre site Web plus accessible – et vous pouvez potentiellement être récompensé pour cela par Google.

La meilleure façon d'apprendre à écrire des balises alt est de regarder quelques exemples et de l'essayer vous-même. Pour apprendre le processus réel d'ajout ou de modification du texte alternatif à une image dans WordPress, lisez le guide lié ici.

Enfin, assurez-vous toujours d'enregistrer les modifications dans WordPress et confirmez que les balises alt sont visibles. Sinon, en raison de la façon dont il est conçu, WordPress n'affiche parfois pas vos nouveaux textes alternatifs. Si vous avez déjà rencontré cela, lisez ce guide sur la façon de réparer WordPress qui n'affiche pas les balises alt.