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

Dans ce guide, vous découvrirez le texte alternatif (appelé texte alternatif) : de quoi s'agit-il, pourquoi il est important pour le référencement sur la page, comment l'utiliser correctement, et plus encore.

C'est souvent négligé, mais chaque image de votre site Web doit avoir un texte alternatif. Plus d'informations, c'est mieux, et traduire les informations visuelles en texte est important pour les robots des moteurs de recherche qui tentent de comprendre votre site Web et les utilisateurs équipés de lecteurs d'écran.

Le texte alternatif est une source supplémentaire d’informations qui relie les idées et le contenu sur votre site Web.

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

Qu'est-ce que le texte alternatif ?

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 ce n’est pas une balise) – est simplement un morceau de texte qui décrit l’image dans le code HTML.

Quelles sont les utilisations du texte alternatif ?

La fonction originale du texte alternatif était simplement de décrire une image qui ne pouvait pas être chargée.

Il y a de nombreuses années, lorsque Internet était beaucoup plus lent, le texte alternatif vous aidait à connaître le contenu d'une image trop lourde pour être chargée dans votre navigateur.

Aujourd’hui, les images échouent rarement à se charger – mais si c’est le cas, c’est le texte alternatif que vous verrez à la place de l’image.

Le texte alternatif aide également les robots des moteurs de recherche à comprendre le contenu et le contexte de l'image.

Plus important encore, le texte alternatif est essentiel pour l’accessibilité et pour les personnes utilisant des lecteurs d’écran :

  • Le texte alternatif aide les personnes handicapées (par exemple, à l'aide de lecteurs d'écran) découvrez le contenu de l'image.

Bien sûr, comme tout élément du référencement, il est souvent mal utilisé ou, dans certains cas, même abusé.

Examinons maintenant de plus près pourquoi le texte alternatif est important.

Pourquoi le texte alternatif est important

Le Web et les sites Web sont une expérience très visuelle. Il est difficile de trouver un site Web sans images ni éléments graphiques.

C'est pourquoi le texte alternatif est très important.

Le texte alternatif permet de traduire le contenu de l'image en mots, rendant ainsi l'image accessible à un public plus large, y compris les personnes handicapées et les robots des moteurs de recherche qui ne sont pas encore suffisamment intelligents pour comprendre pleinement chaque image, son contexte et sa signification.

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

Le texte alternatif est un élément important de l’optimisation du référencement sur la page.

Une bonne optimisation du texte alternatif donne à votre site Web de meilleures chances d’être classé dans les recherches d’images Google.

Oui, le texte alternatif est un facteur de classement pour la recherche d'images Google.

En fonction de la niche et de la spécificité de votre site Web, le trafic de recherche d'images Google peut jouer un rôle important dans le succès global de votre site Web.

Par exemple, dans le cas des sites de commerce électronique, les utilisateurs commencent très souvent leur recherche de produits par une recherche d'images Google au lieu de saisir le nom du produit dans la recherche Google standard.

Capture d'écran de la recherche de [Garmin forerunner]

Google et d'autres moteurs de recherche peuvent afficher moins d'images de produits (ou ne pas les afficher du tout) si vous ne parvenez pas à prendre soin de l'optimisation de leur texte alternatif.

Sans une optimisation appropriée de l’image, vous risquez de perdre beaucoup de trafic et de clients potentiels.

Pourquoi le texte alternatif est important pour l'accessibilité

La visibilité dans la recherche d'images Google est très importante, mais il y a une considération encore plus importante : l'accessibilité.

Heureusement, ces dernières années, une plus grande attention a été accordée à l’accessibilité (c’est-à-dire rendre le Web accessible à tous, y compris aux personnes handicapées et/ou utilisant des lecteurs d’écran).

Supposons que le texte alternatif de vos images décrive réellement leur contenu au lieu, par exemple, de bourrer de mots-clés. Dans ce cas, vous aidez les personnes qui ne peuvent pas voir cette image à mieux la comprendre ainsi que le contenu de la page Web entière.

Disons que l’une de vos pages Web est un guide d’audit SEO contenant des captures d’écran de divers outils d’exploration.

Ne serait-il pas préférable de décrire le contenu de chaque capture d'écran au lieu de placer le même texte alternatif de « audit SEO » dans chaque image ?

Jetons un oeil à quelques exemples.

Exemples de texte alternatif

Il n'est pas difficile de trouver de nombreux exemples de textes alternatifs, bons ou mauvais. Laissez-moi vous en montrer quelques-uns, en m'en tenant à l'exemple ci-dessus avec un guide d'audit SEO.

Bons exemples de texte alternatif

Ainsi, notre exemple de guide SEO contient des captures d'écran d'outils tels que Google Search Console et Screaming Frog.

Voici quelques bons exemples de texte alternatif :




Conseil: C'est aussi une bonne idée de prendre soin du nom de votre fichier. L’utilisation de noms de fichiers descriptifs n’est pas un facteur de classement, mais je le recommande comme bonne pratique de référencement.

Exemples de textes alternatifs incorrects et/ou spammés

J'ai également vu de nombreux exemples de mauvaise utilisation de texte alternatif, notamment le bourrage de mots-clés ou le spam.

Voici comment transformer les bons exemples ci-dessus en mauvais exemples :



”référencement

Comme vous pouvez le voir, les exemples ci-dessus ne fournissent aucune information sur ce que ces images montrent réellement.

Vous pouvez également trouver des exemples et encore plus de conseils de référencement d’images sur Google Search Central.

Erreurs courantes dans le texte alternatif

Remplir des mots-clés dans le texte alternatif n'est pas la seule erreur que vous puissiez commettre.

Voici quelques exemples d’erreurs courantes de texte alternatif :

  • Défaut d'utiliser le texte alternatif ou en utilisant un texte alternatif vide.
  • Utiliser le même texte alternatif pour différentes images.
  • Utiliser un texte alternatif très général Cela ne décrit pas vraiment l'image. Par exemple, utiliser le texte alternatif « chien » sur la photo d'un chien au lieu de décrire le chien plus en détail, sa couleur, ce qu'il fait, sa race, etc.
  • Utiliser automatiquement le nom du fichier comme texte alternatif – ce qui peut conduire à un texte alternatif très peu convivial, tel que « googlesearchconsole », « google-search-console » ou « photo2323 », selon le nom du fichier.

Conseils de rédaction de texte alternatif

Et enfin, voici les conseils pour rédiger un texte alternatif correct afin qu’il remplisse réellement son objectif :

  • Ne pas insérer de mots-clés dans le texte alternatifCela n’aidera pas votre page Web à se classer pour ces mots-clés.
  • Décrivez l'image en détail, mais restez relativement courte. Évitez d'ajouter plusieurs phrases au texte alternatif.
  • Utilisez vos mots-clés cibles, mais de manière naturelle, dans le cadre de la description de l'image. Si votre mot-clé cible ne correspond pas à la description de l'image, ne l'utilisez pas.
  • N'utilisez pas de texte sur les imagesTout le texte doit être ajouté sous forme de code HTML.
  • N'écrivez pas : « c'est une image de ». Google et les utilisateurs savent qu'il s'agit d'une image. Il suffit de décrire son contenu.
  • Assurez-vous de pouvoir visualiser le contenu de l'image en lisant simplement son texte alternatif. C'est le meilleur exercice pour vous assurer que votre texte alternatif est correct.

Comment dépanner le texte alternatif de l'image

Vous connaissez désormais toutes les meilleures pratiques et erreurs courantes du texte alternatif. Mais comment vérifier le contenu du texte alternatif des images d’un site Web ?

Vous pouvez analyser le texte alternatif des manières suivantes :

Inspecter un élément (cliquez avec le bouton droit et sélectionnez Inspecter lorsque vous survolez une image) est un bon moyen de vérifier si une image donnée contient un texte alternatif..

Cependant, si vous souhaitez vérifier cela en masse, je vous recommande l'une des deux méthodes ci-dessous.

Installez l'extension Chrome du développeur Web.

Capture d'écran de l'extension Web Developer dans Chrome par l'auteur

Ensuite, ouvrez la page dont vous souhaitez vérifier les images.

Cliquer sur Développeur web et accédez à Images > Afficher les attributs Alt. De cette façon, vous pouvez voir le contenu du texte alternatif de toutes les images d’une page Web donnée.

Le texte alternatif des images est affiché sur la page.

Comment trouver et corriger le texte alternatif manquant

Pour vérifier le texte alternatif des images de l'ensemble du site Web, utilisez un robot d'exploration comme Screaming Frog ou Sitebulb.

Parcourez le site, accédez au rapport d'image et examinez le texte alternatif de toutes les images du site Web, comme indiqué dans le guide vidéo ci-dessous.

Vous pouvez également exporter uniquement les images dont le texte alternatif est manquant et commencer à résoudre ces problèmes.

Le texte alternatif peut ne pas sembler une priorité, mais c'est important

Chaque source d'informations sur votre contenu a de la valeur. Qu'il s'agisse d'utilisateurs malvoyants ou de robots, le texte alternatif permet de contextualiser les images de votre site Web.

Bien qu'il ne s'agisse que d'un facteur de classement pour la recherche d'images, tout ce que vous faites pour aider les moteurs de recherche à comprendre votre site Web peut potentiellement contribuer à fournir des résultats plus précis. Démontrer un engagement en faveur de l’accessibilité est également un élément essentiel du marketing numérique moderne.

FAQ

A quoi sert le texte alternatif en HTML ?

Le texte alternatif, ou texte alternatif, remplit deux objectifs principaux en HTML. Sa fonction principale est de fournir une description textuelle d'une image si elle ne peut pas être affichée. Ce texte peut aider les utilisateurs à comprendre le contenu de l'image lorsque des problèmes techniques empêchent son chargement ou s'ils utilisent un lecteur d'écran en raison d'une déficience visuelle. De plus, le texte alternatif aide les robots des moteurs de recherche à comprendre le sujet de l'image, ce qui est essentiel pour le référencement, car l'indexation correcte des images peut améliorer la visibilité d'un site Web dans les résultats de recherche.

Le texte alternatif peut-il améliorer l’accessibilité d’un site Web ?

Oui, le texte alternatif est vital pour l’accessibilité du site Web. Il traduit les informations visuelles en texte descriptif pouvant être lu par les lecteurs d'écran utilisés par les utilisateurs malvoyants. En décrivant avec précision les images, le texte alternatif garantit que tous les utilisateurs, quel que soit leur handicap, peuvent comprendre le contenu d'une page Web, rendant ainsi le Web plus inclusif et accessible à tous.

Davantage de ressources: