Blog

Vous avez très certainement entendu parler de textes alternatifs aussi appelés alt tag ou alt text. La « balise alt » est en fait un « attribut » de la balise image et non une balise à part entière. mais par abus de langage, le terme « alt tag » s’est imposé. Ils sont d’une importance considérable pour le référencement naturel (SEO).

Le texte alternatif peut faire plus pour référencement votre image que vous ne le pensez et laisser un attribut alt vide peut affecter négativement votre classement dans les moteurs de recherche.

L’ajout de texte alternatif aux images est une pratique courante chez les professionnels du référencement pour optimiser le positionnement de votre site sur le Web.

Que représente le texte alternatif ?

Un texte alternatif est un terme qui se trouve également sous le diminutif alt text. Il décrit le contenu d’une image ainsi que son contexte. Les textes alternatifs sont visibles par les internautes lorsque l’image ne peut pas être affichée. C’est également le cas pour les moteurs de recherche. C’est ce qui leur permet de définir le sujet de l’image puisqu’ils n’ont pas le logiciel pour voir les images. Il permet également d’oraliser la description de celui-ci pour les non-voyants.

L’importance de l’attribut alt

Le texte alternatif fait partie intégrante d’une page Web et nécessite de la réflexion et du temps pour élaborer une stratégie sur son contenu.

Pour diverses raisons, il peut arriver que les titres des images ou les images ne puissent pas s’afficher à l’écran. C’est le texte alternatif qui transmettra ensuite l’information aux moteurs de recherche.

Si pour nous l’image est souvent parlante, ce n’est pas pour les moteurs de recherche qui ne la visualisent pas de la même manière que nous. Ils n’ont pas le logiciel pour ça. C’est pourquoi ils utilisent le texte alternatif pour savoir ce que représente l’image. Il est donc important qu’il représente ce qui est visible sur eux.

De la même manière, les moteurs de recherche pour classer les sites Web tiennent compte de la cohérence entre les images et le contenu. S’ils ne peuvent pas voir l’image, ils doivent trouver l’information ailleurs. C’est alors le texte alternatif qui leur donnera les informations dont ils ont besoin pour positionner le site.

Si la technologie et surtout l’intelligence artificielle ont fait progresser les moteurs de recherche dans ce domaine et leur permettent de déchiffrer les images, le texte alternatif reste le plus simple et permet un traitement plus rapide des informations.

Parce qu’un bon texte alternatif fournit un contenu sémantique à une image, il est utilisé par les moteurs de recherche pour renvoyer les résultats de la recherche. En d’autres termes, un bon texte alternatif donne aux moteurs de recherche plus d’informations – et de meilleure qualité – pour classer votre site Web, ce qui conduit à un classement plus élevé.

Plus vous décrivez votre contenu aux utilisateurs de manière réfléchie et utile, plus il est facile pour les robots des moteurs de recherche de le comprendre également.

Mais les textes alternatifs sont également importants pour l’adaptation d’Internet aux personnes handicapées. Grâce à cet attribut, les aveugles se verront décrire oralement l’image qu’ils ne peuvent pas voir.

Important : le texte alternatif ou le texte alternatif est également une fonctionnalité des réseaux sociaux. Il offre la possibilité de décrire une image avec du texte d’une manière qui aide les personnes malvoyantes à comprendre le contenu. Le texte est ensuite lu à haute voix

Différence entre la balise alt et la légende de l’image

C’est une erreur qui est souvent commise. Confondez le texte alternatif et le titre de l’image. Ils n’ont pas le même but, mais ils peuvent se compléter. Le texte alternatif remplace l’image lorsqu’elle n’est pas visible, entre autres, par les moteurs de recherche pour un référencement naturel SEO. Le titre de l’image donne des informations supplémentaires pour mieux comprendre le sujet.

Une balise alt pour tous les types d’images

Quel que soit le format de votre image, un texte alternatif peut y être apposé. Les balises Alt sont compatibles avec les différents formats existants : JPEG, PNG, GIF…

Rédigez un texte alternatif efficace

Le texte alternatif de votre image nous donne la possibilité d’intégrer des mots-clés de manière pertinente. Il devrait décrire l’image en quelques mots. Lorsque vous rédigez un texte alternatif pour les images d’une page Web, gardez à l’esprit les points suivants :

Utilisez les mots-clés avec parcimonie dans votre balise alt

Si, lors de la description d’une image, vous pouvez judicieusement intégrer un ou deux mots-clés importants, tant mieux. Cela contribuera efficacement à votre référencement. Mais seulement si vous le faites honnêtement et avec parcimonie.

Les moteurs de recherche ne peuvent pas reconnaître contextuellement les textes alternatifs « mauvais » ou « inutiles », mais vous pouvez être rétrogradé pour Remplissage de mot-clé. Votre objectif doit donc être de décrire spécifiquement et succinctement toute image nécessitant un texte alternatif.

Inclure le texte qui fait partie de l’image

Lorsque du texte est inclus dans une image, assurez-vous de le placer dans votre description.

A moins de devoir vous répéter : si le titre de votre page est l’annonce d’un spectacle par exemple, ne remettez pas le spectacle dans l’image présentant l’affiche du spectacle, car trop de spectacle tue le spectacle, vous suivez ?

N’ajoutez pas de texte alternatif aux images « décoratives »

Les images « décoratives » incluent des éléments tels que des séparateurs de page ou certaines icônes… Elles rendent les choses plus belles ou décomposent visuellement le contenu d’une page. Mais ils n’ont pas d’importance ou de signification contextuelle, et n’aideront donc pas les gens à mieux comprendre la page si on leur propose un texte alternatif.

Idéalement, les images décoratives devraient être gérées dans votre code plutôt qu’ajoutées en tant que « contenu ». Cependant, dans le cas où elles doivent être téléchargées en tant qu’images, il est possible de ne pas ajouter de texte alternatif. Les lecteurs d’écran les ignoreront simplement, ce qui est l’intention de ce scénario.

N’oubliez pas la balise alt du logo

Le logo d’une entreprise ou d’une association est une image et il est présent sur la plupart des supports Internet.

Évitez les descriptions de type « logo d’entreprise »

Bien sûr, ce texte décrit le sujet de votre image, mais il peut être trop général et ne fournira pas les détails pertinents dont les robots des moteurs de recherche ont besoin. Préférez la version : « logo d’entreprise… et ajoutez le nom de votre structure. De cette manière, vous permettrez une reconnaissance pertinente et efficace des robots pour le référencement sur les moteurs de recherche.

Pensez au texte alternatif de vos boutons CTA

Même si cela vous semble inintéressant, il est important de compléter le texte alternatif de vos boutons « call to action ». Vous pouvez penser que cela n’a aucun sens si l’élément n’est qu’un simple graphique avec du texte indiquant l’action souhaitée. Et bien ce n’est pas le cas !

Dans cette situation, cela permettra une meilleure compréhension de l’information par les personnes qui ne voient pas le bouton.

Exemples:

Texte pour un bouton CTA appelant à une demande d’information sur un service proposé par votre entreprise : on peut penser à une balise alt du type : « demande d’information »

Texte pour bouton CTA appelant à contacter l’entreprise : On peut imaginer une balise alt type : « demande de contact »

Ne commencez jamais votre balise alt par « Image de… » ou « Photo de… »

Il sera évident pour une personne ou une machine de savoir que ce à quoi elle accède est un texte alternatif, remplaçant une photo…

Imaginez à quel point il est frustrant d’utiliser un lecteur d’écran sur une page avec beaucoup d’images et de devoir lire : « Image de la devanture du cinéma », « Image du box-office », « Image de la porte de la salle » « Image des fauteuils »…

En revanche, il peut être utile d’expliquer le type d’image (portrait, illustration, graphique, capture d’écran). … »

Quelques exemples de balises alt pertinentes

Votre image représente un couple qui s’embrasse sous la Tour Eiffel un matin d’hiver

Bon réflexe alt text : couple s’embrassant sous la tour Eiffel en hiver

Alternative correcte : un couple qui s’embrasse

Non valide : Un couple

Ton image représente une fleur rose dans un jardin bucolique illuminé par le soleil.

Bon réflexe alt text : Fleur rose dans un jardin bucolique au soleil

Alternative correcte : fleur rose dans un jardin

Non valide : Fleur

Votre image représente le Pont des Arts à Paris par temps de pluie

Bon réflexe texte alternatif : Pont des arts à Paris sous la pluie

Alternative correcte : Pont des Arts à Paris

Non valide : Pont des Arts

Votre image est le visage d’une femme âgée sur fond blanc

Bon réflexe alt text : Visage d’une femme âgée sur fond blanc

Alternative correcte : Visage d’une femme âgée

Non valide : Visage d’une femme

Nos conseils pour travailler vos balises alt

Halte aux idées reçues… Un texte alternatif peut éventuellement rester vide sans que cela pénalise votre référencement de manière décisive. Si l’image n’est destinée qu’à décorer une page, elle n’a pas besoin d’exister aux yeux des moteurs de recherche.

Lorsque vous le pouvez, et dans le cas où l’image est importante dans le référencement de votre site, évitez ceux qui incluent du texte, car le texte inclus dans le visuel n’est pas pris en compte par les moteurs de recherche.

Ne faites pas de bourrage de mots clés. Décrivez votre image avec 4 ou 5 mots bien choisis.

Un attribut alt vide est une occasion manquée d’améliorer le classement des images dans les moteurs de recherche. En outre, il n’offre pas une bonne expérience aux utilisateurs malvoyants.

De la Experts en référencement peut vous aider à améliorer le référencement de vos images et de votre site. Déposez votre projet sur Codeur.com pour recevoir leurs devis. C’est facile et gratuit !