Apprenez à écrire les textes alternatifs pour des images avec 10 exemples de texte ALT

Apprenez à écrire les textes alternatifs pour des images avec 10 exemples de texte ALT

WordPress fournit un lien « Apprendre à décrire le but de l’image » après le champ Texte alternatif. Ce lien amène sur une ressource en anglais, An ALT Decision Tree (arbre de décision ALT), fourni par le World Wide Web Consortium (W3C) Web Accessibility Initiative (WAI). Cette ressource devrait aider à comprendre quand un texte alternatif est nécessaire pour une image et ce qu’elle doit contenir.

Le W3C donne des exemples de textes ALT, y compris cet exemple pour une image informative pour laquelle leur texte ALT suggéré est «Dog with a bell attached to its collar » (« Chien avec une cloche attachée à son collier »).

Exemple de meilleure pratique de texte ALT du W3C
Exemple de meilleure pratique de texte ALT du W3C

Alors que le guide du W3C est utile et concret, nous avons pensé qu’il serait intéressant de donner des exemples plus orientés SEO en prenant en compte les mots-clés que vous souhaitez cibler dans Google Images.

Quelle est la différence entre ALT, texte ALT et texte alternatif ?

Aucune. Texte alternatif est synonyme de texte ALT ou ALT. ALT est le nom utilisé en HTML pour coder l’attribut de texte alternatif d’une balise image (IMG).

Dans l’exemple ci-dessus, le code HTML est :

<p>

<img src="dog.jpg" alt="Dog with a bell attached to its collar."/>

Off-duty guide dogs often wear ...

</p>

Le texte alternatif, « Dog with a bell attached to its collar. », est après alt = et se trouve entre guillemets.

Le texte alternatif est invisible pour la plupart des utilisateurs. Il peut être lu à haute voix par des lecteurs d’écran pour les utilisateurs malvoyants et sera affiché par les navigateurs si une image ne peut pas être chargée. Lorsque vous écrivez du texte ALT, ça peut vous aider à imaginer que le texte est lu à haute voix et précédé de « Et maintenant, une image de … »

Le texte alternatif est important pour le SEO parce que Google le « voit » et l’utilise dans l’indexation de l’image. À des fins de référencement, vous devez fournir au moins une image informative sur chaque page et inclure votre mot-clé ciblé dans le texte alternatif d’au moins une image (idéalement l’image mise en avant ou la première image de l’article).

Si nous voulions que l’image ci-dessus soit classée dans Google Images pour la requête « Cloche de collier pour chien », le texte ALT suggéré par le W3C ne serait pas optimisé. Mais le simple fait d’utiliser « Cloche de collier pour chien » comme texte ALT n’est pas la meilleure pratique non plus.

Chaque ALT que vous fournissez doit être une phrase unique. Vous devez essayer de placer votre mot-clé dans cette phrase.

10 exemples de texte ALT

Exemple 1 : Cloche de collier pour chien

Dans ce cas, nous utiliserons un exemple donné par le W3C mais imaginons que l’image soit utilisée sur une page produit ciblant le mot-clé « Cloche de collier pour chien ». Nous utilisons le mot-clé dans le texte ALT mais ajoutons également quelques détails supplémentaires sur le contenu de l’image.

ALT : Cloche de collier de chien portée par un chien Labrador

Cloche de collier de chien portée par un chien Labrador
Cloche de collier de chien portée par un chien Labrador

Exemple 2 : Galerie de toit coccinelle

C’est l’exemple que nous avons utilisé dans le chapitre « Comment optimiser une image pour le référencement dans WordPress ». Nous allons imaginer que vous avez pris la photo ci-dessous et qu’elle sera utilisée comme image principale pour un article de blog intitulé « Le guide complet des barres de toit pour coccinelle ».

ALT : Barres de toit coccinelle en métal vue de côté

Barres de toit coccinelle en métal vue de côté.
Barres de toit coccinelle en métal vue de côté.

Exemple 3 : Porsche 718 Spyder à vendre

Un autre exemple de voiture vu dans un chapitre précédent : « Une image peut vendre mille voitures », cette image présente une Porsche 718 Spyder à vendre chez un concessionnaire à Beverly Hills. Le concessionnaire cible le mot-clé « Porsche 718 Spyder à vendre ». Le mot-clé peut être utilisé dans le texte ALT, mais il semble aussi important d’utiliser le mot « jaune » pour décrire cette image.

ALT : Porsche 718 Spyder à vendre. Porche jaune vue de l’avant

Porsche 718 Spyder à vendre. Porche jaune vue de l’avant.
Porsche 718 Spyder à vendre. Porche jaune vue de l’avant.

Exemple 4 : Google Home (Produit)

Dans cet exemple, nous examinons le problème délicat de l’écriture de texte alternatif pour de nombreuses photos du même produit. Chaque texte ALT doit être différent. Dans ce cas, nous avons 4 photos pour une page produit vendant un Google Home. Le mot-clé ciblé (et c’est très ambitieux) est « Google Home » qui est recherché 1,3 million de fois dans Google par mois dans le monde.

ALT : Google Home à vendre. Vue de face de Google Home blanc

ALT : Google Home sur le côté montrant le bas de l’enceinte

ALT : Arrière de Google Home montrant le bouton micro marche / arrêt et le câble

ALT : Gros plan d’un haut-parleur Google Home blanc à vendre

Google Home à vendre. Vue de face de Google Home blanc.
Google Home à vendre. Vue de face de Google Home blanc.
Google Home sur le côté montrant le bas de l’enceinte.
Google Home sur le côté montrant le bas de l’enceinte.
Arrière de Google Home montrant le bouton micro marche / arrêt et le câble.
Arrière de Google Home montrant le bouton micro marche / arrêt et le câble.
Gros plan d’un haut-parleur Google Home blanc à vendre.
Gros plan d’un haut-parleur Google Home blanc à vendre.

Exemple 5 : Katy Corso, Lviv (boutique)

Cet exemple est une vitrine utilisée pour illustrer une page Contactez-nous sur un site Web. Nous voulons que cette image s’affiche dans les recherches Google lorsque les utilisateurs recherchent « Katy Corso Lviv ».

ALT : Katy Corso Lviv. Vitrine de notre magasin de couture nuptiale à Lviv

Katy Corso Lviv. Vitrine de notre magasin de couture nuptiale à Lviv
Katy Corso Lviv. Vitrine de notre magasin de couture nuptiale à Lviv

Exemple 6 : Mouette à Gloucester (nouvelles)

Cette image illustrait un article de presse faisant référence à un incident à Gloucester, en Angleterre. Une mouette chipeuse a attaqué le fish and chips d’un homme sur la terrasse d’un pub. L’image utilisée pour illustrer l’article ne montre pas la mouette en question, mais d’autres mouettes mangeant du fish and chips. Cependant, pour aider l’image à se classer sur le mot-clé « Mouette à Gloucester », nous vous suggérons d’utiliser le mot-clé dans le texte ALT.

ALT : Mouette à Gloucester après avoir attaqué le fish and chips d’un homme

Mouette à Gloucester après avoir attaqué le fish and chips d’un homme
Mouette à Gloucester après avoir attaqué le fish and chips d’un homme

Exemple 7 : Comment apprendre SEOPress Insights

Il s’agit d’un exemple où une image contient du texte. Bien que Google puisse certainement extraire du texte à partir d’images en utilisant OCR (Optical Character Recognition), il ne le fait probablement pas pour chaque image qu’il trouve sur le Web. La bonne pratique consiste à retranscrire le texte visible dans l’image dans le texte ALT. Le W3C déclare que « l’alternative textuelle doit contenir le même texte présenté dans l’image ». Nous avons respecté cette recommandation et parce que nous avons imaginé que le mot-clé ciblé est « Comment apprendre SEOPress Insights », cela a été utilisé au début du texte alternatif.

ALT : Comment apprendre SEOPress Insights. Téléchargez notre eBook: 10 conseils pour tirer le meilleur parti de SEOPress Insights.

Comment apprendre SEOPress Insights. Téléchargez notre eBook: 10 conseils pour tirer le meilleur parti de SEOPress Insights.
Comment apprendre SEOPress Insights. Téléchargez notre eBook: 10 conseils pour tirer le meilleur parti de SEOPress Insights.

Exemple 8 : Extension schéma pour WordPress

Une capture d’écran d’une application est un exemple où une image contient beaucoup de texte. Dans cet exemple, une capture d’écran de WordPress dans laquelle le texte visible inclut le menu d’administration (Tableau de bord, Articles, Médias, Pages, etc.). Il y a beaucoup trop de texte pour un texte ALT.

Pour l’accessibilité, le W3C recommande de fournir une longue description des images complexes. Cela peut être sur une page séparée et serait un bon exemple d’utilisation des pages de fichiers joints WordPress et du champ Description fourni dans la médiathèque de WordPress.

Pour le référencement cependant, nous vous recommandons de ne fournir qu’un court texte ALT décrivant l’image. Nous allons imaginer que cette capture d’écran cible le mot-clé « Extension schéma pour WordPress ».

ALT : Utilisation de SEOPress comme extension schéma pour WordPress. Capture d’écran de l’écran Type de données structurées.

Utilisation de SEOPress comme extension schéma pour WordPress. Capture d’écran de l’écran Type de données structurées.
Utilisation de SEOPress comme extension schéma pour WordPress. Capture d’écran de l’écran Type de données structurées.

Espérons qu’en utilisant ces exemples comme guide, vous pourrez commencer à écrire de meilleurs textes ALT et mieux vous classer dans Google et Google Images.

Remarque : Nous avons ajouté notre texte ALT suggéré comme légendes sur les images ci-dessus. Google recommande d’utiliser des légendes visibles aux images et avec de nombreux thèmes WordPress, vous pouvez ajouter des légendes très facilement. Cependant, si vous ajoutez une légende visible à une image, la meilleure pratique consiste à rendre ce texte différent du texte alternatif.

Par Benjamin Denis

CEO of SEOPress. 12 years of experience with WordPress. Founder of WP Admin UI & WP Cloudy plugins. Co-organizer of WP BootCamp.

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.