Écrire une balise alt pour vos images et améliorer le SEO + l’UX de vos articles

Le SEO renferme beaucoup de mystères, même pour les experts qui le pratiquent depuis des dizaines d’années. Certains prônent de prioriser les critères SEO dits “à fort impact” tandis que d’autres optimisent leur contenu de fond en comble.

Doit-on se creuser la tête à rédiger une balise alt ?
Sont-elles réellement importantes pour votre SEO ?
Peuvent-elles influencer votre position dans un environnement concurrentiel ?

Personne n’en est sûr à 100% — même les meilleurs en SEO. Il n’y a pas de manuels officiels de Google qui nous dictent les bonnes pratiques du référencement naturel. 

Cependant, si les balises alt existent, c’est bien pour plusieurs raisons : 

• Permettre aux personnes malvoyantes de comprendre vos photos.
• Vous référencer dans Google Images.
• Compenser l’impossibilité d’afficher vos images de certains navigateurs.

Dans cet article, je vous explique comment bien les écrire pour réussir votre référencement et éviter tout abus de mots-clés.

Une partie détaille même des prompts ChatGPT pour automatiser la rédaction de vos textes alternatifs.

C’est parti 🚀.

Balise alt de vos images : définition

La balise alt, ou texte alternatif, est un attribut HTML utilisé au sein d’une balise image (<img>) pour fournir une description d’une photo.

Si votre CMS est paramétré en anglais, la désignation alt text ou alt tag peut être utilisée.

L’importance de l’attribut alt : un texte alternatif, inclusif et SEO-friendly pour vos images

Bien choisir ses visuels a un impact important sur vos performances en SEO. C’est un des éléments que votre lecteur va regarder en premier, car plus facile et rapide à comprendre.

Vous devez donc adapter cette lecture d’images aussi pour les personnes malvoyantes et déficientes visuelle. 

👍 Les effets positifs :

1. Votre site offre une certaine accessibilité auprès de ce type d’utilisateurs grâce à une retranscription vocale de votre balise alt avec un lecteur d’écran.
2. Ce qui envoie un bon signal auprès des moteurs de recherche, qui vous considère comme un domaine inclusif.

Les impacts directs sur vos performances SEO sont souvent sous-estimés par beaucoup de consultants et freelances : 

• L’expérience utilisateur peut être améliorée en cas de non-prise en charge du format d’image. Dans cette situation, la balise alt s’affiche à la place pour permettre à l’internaute de visualiser malgré tout votre visuel.
• Qui dit contenu texte, dit mot-clé.
  Qui dit mot-clé dit classement dans la SERP (les page de résultats) de Google Images.
  Vous pouvez acquérir de nouveaux utilisateurs avec une autre fonctionnalité différente de la recherche classique — juste avec quelques mots dans une balise alt.

Écrire une (bonne) balise alt pour le SEO (+ exemples)

Rien de magique pour écrire un texte alt : du bon sens, une bonne dose de mots-clés et du contexte pour les utilisateurs et les moteurs de recherche.

Ajoutez un attribut alt aux bonnes images

Quand vous écrivez une balise descriptive d’une image, vous devez apporter un élément supplémentaire de compréhension aux lecteurs — et aux moteurs de recherche.

Voici des exemples particuliers auxquels vous devez prêter attention : 

• Pour remplir la balise alt d’un logo d’entreprise, complétez comme suivant :
  ✅ “logo entreprise de + [nom de votre entreprise]”
  ❌ NE mettez pas : “logo d’un e-commerce de vélos”.
• Pour des images avec des liens hypertextes (qui sont cliquables). L’utilisateur malvoyant doit savoir sur quelle page va atterrir avant de cliquer sur votre photo.

Mais vous ne devez pas écrire du texte dans vos balises alt juste pour améliorer le SEO.

Dans certaines situations, vous n’avez pas besoin de renseigner vos attributs alt : 

• Si votre contenu décrit suffisamment bien votre image,
• Si votre image est purement décorative, vous le mentionnez seulement dans le nom du fichier.

“femme-faisant-yoga-illustration.png”

Dans ce cas, vous devez veiller à intégrer l’attribut alt — même vide — dans votre balise image. 

Soyez le plus précis dans votre description, mais concis

"Rédigez la balise alt comme si vous deviez décrire l'image à quelqu'un sans la montrer."

5 règles à suivre pour écrire les meilleures balises alt possible : 

1. Gardez toujours en lien avec le contexte de votre article de blog.
2. Évitez de mettre des noms de marque.
3. Éliminez autant que possible les mots et expressions inutiles : “de”, “le”, “pour”, “au”, “la”, “les”, “des”, “photo de”, “image de”, capture de”, “screenshot de”, etc…
4. NE répétez PAS des informations déjà présentes dans votre contenu et dans la légende de la photo.
5. Respectez un nombre de 10 mots, soit environ 125 caractères. L’exploration des moteurs de recherche s’arrêtent plus ou moins au-delà.

Exemple : Pour l’image ci-dessous, “femme en tenu de sport marchant sur une route ensoleillée” conviendrait pour un article qui parle de morning routine. 

Mais si l’on parle de technique d’entraînement, on pourrait ajouter le texte alternatif : “personne qui récupère après un intervalle de 5 min au seuil”.

Intégrez des mots-clés

Lors de votre analyse de mots-clés, le rédacteur SEO a dressé une liste de mots et groupe de mots à intégrer dans votre contenu. La balise alt est le parfait outil pour y glisser des mots-clés plus difficiles à inclure dans votre texte.

Encore une fois, ne casez pas un mot parce que vous devez le faire : restez naturel dans votre approche du SEO et tout se passera bien.

Pour cette photo ci-dessous, la balise alt qui fonctionne bien serait : 

“liste de mots-clés pour optimisation SEO de la balise alt”

Générer le texte alternatif de ses balises alt avec l’IA

Quand vous créez plusieurs articles par semaine, vous devez générer des dizaines et des dizaines de balises alt : toutes les rédiger à la main peut être chronophage.

Ayant moi-même rencontré cette problématique, j’ai décidé de créer un programme avec ChatGPT pour en automatiser une partie de la rédaction.

Le but ici n’est pas de copier-coller le texte alternatif généré par l’IA, mais de réduire la charge mentale que peut générer l’écriture de plusieurs dizaines de balises alt. GPT vous donne un premier jet et vous partez sur une bonne base déjà travaillée à 80%.

Vous pouvez même lui demander d’ajouter des mots-clés en se basant sur votre étude de mots-clés — à joindre au format CSV. 

GPT n’est pas encore capable de le faire de manière optimale, mais vous gagnez beaucoup de temps malgré tout.

Voici comment créer un programme GPT qui vous génère des balises alt en semi-automatique : 

1. Ouvrez une nouvelle conversation GPT.
2. Renommez-la en majuscules pour qu’elle se distingue des autres. Par exemple, “BALISES ALT”.
3. Copier-coller le prompt suivant :

Je veux que tu me génères des balises alt en fonction de ces règles :
Garder toujours en lien avec le contexte de ton article de blog.
Éviter de mettre des noms de marque.
Éliminer autant que possible les mots et expressions inutiles : “de”, “le”, “pour”, “au”, “la”, “les”, “des”, “photo de”, “image de”, capture de”, “screenshot de”, etc…
NE PAS répéter des informations déjà présentes dans ton contenu et dans la légende de la photo.
Respecter un nombre de 10 mots, soit environ 125 caractères.
L’exploration des moteurs de recherche s’arrêtent plus ou moins au-delà.
Tu génères une balise alt par photo.
Tu NE génères rien si je ne te joins pas de photo, okay ?

4. GPT va vous demander de lui joindre de photos pour continuer.
   Et voilà !
   Votre générateur de balises alt est prêt 🎉.

Comment ajouter le texte alternatif des images d’un article dans votre CMS ?

Maintenant que vous avez appris à écrire correctement vos balises alt pour vos utilisateurs et les moteurs de recherche, il faut les intégrer dans le code HTML de votre site. 

La plupart des CMS (site builder ou content system manager) vous permettent de le faire simplement en complétant un champ de texte.

Pour Wordpress, le CMS le plus populaire depuis des années : 

1. En mode édition, cliquez sur l'icône “Ajouter un média" pour insérer une image dans votre contenu.
2. Une fois l'image sélectionnée, complétez le champ “Texte alternatif" ou “Alt text”.
3. Cliquez sur “Insérer dans l'article" pour ajouter l'image à votre contenu avec la balise alt déjà en place.
4. Sauvegardez vos modifications en cliquant sur “Mettre à jour" pour que les changements soient pris en compte sur votre site.

Pour la plateforme que j’utilise, Ghost, il n’y a rien de plus facile : 

1. Dans le mode “Édition de post”, ajoutez une image à votre article de blog avec en cliquant sur le symbole (+).

2. Une fois ajoutée, cliquez sur votre image, puis sur l’encart “Alt” en bas à droite.

3. Vous pouvez ajouter votre meilleur texte alternatif. C’est fini 🙂.

→ Ghost sauvegarde automatiquement dès que vous ajoutez du nouveau texte dans votre blog post.