Alt Text : Qu'est-ce que c'est et comment l'écrire

Intro

Dans ce guide, vous apprendrez ce qu'est un texte alternatif (connu sous le nom de "alt text"), pourquoi il est important pour le référencement des pages, comment l'utiliser correctement, et bien plus encore.

Le texte Alt est souvent négligé, mais chaque image de votre site web devrait en comporter un. Plus il y a d'informations, mieux c'est, et la traduction des informations visuelles en texte est cruciale pour les robots des moteurs de recherche et les utilisateurs de lecteurs d'écran. Le texte Alt est une source d'information qui relie les idées et le contenu de votre site web.

Ce guide pratique contient des astuces et des conseils que vous pouvez utiliser immédiatement pour améliorer le référencement de l'image et l'accessibilité de votre site web.

Qu'est-ce que le texte Alt ?

Le texte alternatif (ou texte alt) - également connu sous le nom d'attribut alt ou de balise alt (ce qui n'est pas techniquement correct car il ne s'agit pas d'une balise) - est un morceau de texte qui décrit l'image dans le code HTML.

À quoi sert le texte Alt ?

À l'origine, le texte alt servait à décrire une image qui ne pouvait pas être chargée. Il y a quelques années, lorsque l'internet était plus lent, le texte alt aidait les utilisateurs à comprendre le contenu d'une image trop lourde à charger.

Aujourd'hui, le texte alt aide les robots des moteurs de recherche à comprendre le contenu et le contexte de l'image. Plus important encore, le texte alt est essentiel pour l'accessibilité et pour les personnes utilisant des lecteurs d'écran :

• Pour l'accessibilité : Le texte Alt aide les personnes handicapées (par exemple, celles qui utilisent des lecteurs d'écran) à comprendre le contenu de l'image.

• Pour le référencement : Le texte Alt fournit un contexte supplémentaire aux moteurs de recherche, les aidant à mieux comprendre le contenu de la page.

Pourquoi le texte Alt est-il important ?

Le web est une expérience visuelle, ce qui rend le texte alt crucial. Il traduit le contenu de l'image en mots, la rendant accessible à un public plus large, y compris aux personnes handicapées et aux robots des moteurs de recherche qui ne sont pas encore assez intelligents pour comprendre pleinement chaque image, son contexte et sa signification.

Pourquoi le texte Alt est important pour le référencement

Le texte Alt est un élément essentiel de l'optimisation du référencement sur la page. Une bonne optimisation du texte alt améliore les chances de votre site web d'être classé dans les recherches d'images de Google, ce qui peut être une source importante de trafic, en particulier pour les sites de commerce électronique où les utilisateurs commencent souvent leur recherche de produits par une recherche d'images dans Google.

Pourquoi le texte Alt est important pour l'accessibilité

Au-delà de l'optimisation des moteurs de recherche, le texte alt est essentiel pour l'accessibilité, afin de rendre le web accessible à tous, y compris aux personnes handicapées qui utilisent des lecteurs d'écran. La description du contenu de l'image dans le texte alt aide ces utilisateurs à comprendre l'image et le contenu de la page.

Exemples de texte Alt

Exemples de bons textes Alt

Envisagez un guide d'audit SEO contenant des captures d'écran d'outils tels que Google Search Console et Screaming Frog. Voici de bons exemples de texte alt :

<img src="google-search-console-coverage-report.jpg" alt="Le rapport de couverture dans Google Search Console montrant le nombre de pages indexées et exclues"> <img src="google-search-console.jpg" alt="L'outil Google Search Console de Google"> <img src="screaming-frog-html-pages.jpg" alt="Liste des pages HTML dans Screaming Frog"> <img src="screaming-frog.jpg" alt="Crawl de Screaming Frog en cours">

Exemples de textes Alt erronés et/ou spammy

Le bourrage de mots clés ou le spamming sont des exemples de mauvais texte alt :

<img src="google-search-console-coverage-report.jpg" alt="audit seo gratuit, audit seo pas cher, audit seo spécialiste, audit seo, audits seo"> <img src="google-search-console.jpg" alt="google seo, seo google, google, seo, google search console seo"> <img src="screaming-frog-html-pages.jpg" alt="auditeur seo, audit seo, audits seo"> <img src="screaming-frog.jpg" alt="audit seo"> <img src="audit seo".

Erreurs courantes en matière de texte Alt

• Absence de texte alt ou utilisation d'un texte alt vide.

• Utiliser le même texte alt pour des images différentes.

• L'utilisation d'un texte alt très général qui ne décrit pas l'image.

• Utiliser automatiquement le nom du fichier comme texte alt.

Conseils pour la rédaction d'un texte Alt

• N'insérez pas de mots-clés dans le texte alt.

• Décrivez l'image en détail tout en restant relativement bref.

• Utilisez des mots-clés ciblés de manière naturelle dans la description de l'image.

• N'utilisez pas de texte sur les images. Ajoutez tout le texte dans le code HTML.

• N'écrivez pas "ceci est une image de". Décrivez simplement le contenu de l'image.

• Assurez-vous que vous pouvez visualiser le contenu de l'image en lisant uniquement son texte alt.

Comment résoudre le problème du texte Alt d'une image

Inspection des éléments

Inspecter un élément (cliquer avec le bouton droit de la souris et sélectionner Inspecter en survolant une image) pour vérifier si une image donnée possède un texte alt.

Analyse en vrac

Pour une analyse globale, utilisez des outils tels que Screaming Frog ou Sitebulb pour explorer le site et examiner le texte alt de toutes les images du site web.

Le texte Alt ne semble pas être une priorité, mais il est important.

Toute source d'information sur votre contenu a une valeur. Que ce soit pour les utilisateurs malvoyants ou les robots, le texte alt aide à contextualiser les images de votre site web. La démonstration d'un engagement en faveur de l'accessibilité est également un élément essentiel du marketing numérique moderne.

FAQ

À quoi sert le texte alt en HTML ?

Le texte Alt fournit une description textuelle d'une image si elle ne peut pas être affichée, aidant ainsi les utilisateurs à comprendre le contenu de l'image et les robots des moteurs de recherche à comprendre le sujet de l'image.

Le texte alt peut-il améliorer l'accessibilité des sites web ?

Oui, le texte alt est essentiel pour l'accessibilité des sites web. Il traduit les informations visuelles en un texte descriptif qui peut être lu par les lecteurs d'écran utilisés par les utilisateurs souffrant de déficiences visuelles, ce qui rend le web plus inclusif.

En suivant ces conseils, vous pouvez vous assurer que les images de votre site web sont accessibles et optimisées pour le référencement, améliorant ainsi à la fois l'expérience de l'utilisateur et les performances des moteurs de recherche.