Balise ALT d'une image : 5 règles à connaître

Mise à jour le 23 août 2024

Les images donnent vie à vos contenus web, que ce soit pour des articles de blog, des fiches produits ou des pages catégories. Mais ne vous arrêtez pas au simple choix des visuels ! La balise ALT d'une image, souvent négligée, est pourtant un petit détail qui fait toute la différence. En plus d'aider les moteurs de recherche à mieux comprendre vos images, elle est indispensable pour rendre votre site accessible aux utilisateurs malvoyants ou à ceux dont les navigateurs bloquent l'affichage des images. Et ce n'est pas tout : elle booste aussi votre SEO ! Alors, prêt à optimiser vos balises ALT ? Voici 5 conseils essentiels pour y parvenir efficacement.

Qu'est-ce que la balise ALT d'une image ?

definition-balise-alt-image

Définition d'une balise ALT

A balise ALT image ou attribut ALT est un court texte descriptif qui accompagne une image sur un site web. Elle aide Google à mieux comprendre l'image et s'affiche à la place si l'image ne se charge pas correctement, ce qui est utile pour les lecteurs d'écran ou en cas de problème d'affichage. Bien plus qu'une simple ligne de code, elle est la clé d'une toile inclusive.

Comment coder une balise ALT HTML ?

La balise ALT se place dans le code HTML d'une image :

<img src="nom-de-votre-image.jpg" alt="Description of your image">

In this example,

"nom-de-votre-image.jpg" est le fichier image, et "Description de votre image" est le texte ALT à remplir.

💡 Mais rassurez-vous, pas besoin d'être expert en code ! Sur WordPress et d'autres CMS, vous trouverez un champ dédié pour ajouter facilement votre balise ALT image. Ce champ s'intitule généralement « Texte alternatif », et vous pouvez y insérer directement la description de votre visuel.

texte-alternatif-sur-wordpress

➡️ Pas besoin de tout vérifier manuellement ! Un outil gratuit comme SEO META in 1 CLICK est là pour vous simplifier la vie. En un clin d'œil, vous pouvez voir si vos balises ALT et autres éléments SEO sont bien en place. Pratique, non ?

outil-visualisation-balise-alt

Pourquoi rédiger la balise ALT d'une image ?

Les balises ALT images sont importantes pour deux aspects clés du web : l'accessibilité, le référencement (SEO) et l'expérience utilisateur (UX).

Rendre le web acccessible à tous

Les balises ALT sont comme des petits guides pour ceux qui ne peuvent pas voir les images, notamment les personnes utilisant des lecteurs d'écran en raison de troubles visuels. Grâce à ces descriptions textuelles, tout le monde peut profiter du contenu visuel, créant ainsi une expérience en ligne plus inclusive et équitable pour tous.

Le SEO passe aussi par vos images

Et ce n'est pas tout. Les search engine raffolent des balises ALT. Elles leur permettent de mieux comprendre le contenu des images, ce qui booste votre position dans les résultats de recherche. Cette astuce de référencement naturel devient encore plus évidente quand on sait que 63 % of Generation Z already uses image search on Google, Bing, etc. for their online purchases. (source: Business Wire).

Améliorer l'expérience utilisateur

Et si une image ne se charge pas ? Pas de panique ! Il peut arriver que certaines images ne se chargent pas correctement (à cause d’une mauvaise connexion internet, d'un problème de serveur, etc.). Dans ce cas, la balise ALT s'affiche à la place de l'image, indiquant à l'utilisateur ce qui aurait dû être visible.

Comment référencer vos images avec l'attribut ALT ?

1. Write a precise description of the image

L'attribut ALT doit help the Internet user lorsqu'il ne peut pas voir l'image. Un seul mot descriptif, comme « vélo », ne suffit pas à donner une idée claire du contenu visuel. Imaginez un article sur le Tour de France avec ce mot pour remplacer une image. Cela n'apporte aucune information précise. En utilisant une balise ALT détaillée comme « Jonas Vingegaard en tête de l'échappée debout sur son vélo », on offre un contexte clair et des détails permettant à l'utilisateur de se représenter la scène même sans voir l'image.

Important: do not enter the ALT attribute for so-called “decorative” images such as irrelevant illustrations, backgrounds, patterns.

2. Keep it short, but effective!

Although the image must be well described, there is no point in writing too much. The Internet user will not linger on a text that is too long. It needs an ALT attribute concise and speaking. So, to write your alternative text for your images, do not write text longer than 100 characters. Some will say that this is not much, but if you use the right terms and place the right keywords, it can be more than enough and add weight to your article.

3. Les mots-clés dans la balise ALT image, un facteur SEO déterminant 

En plus d'aider vos lecteurs, la balise ALT joue un rôle clé dans le natural reference, non seulement pour vos images, mais pour tout votre contenu. Si vous souhaitez bien vous positionner sur un mot-clé, ne négligez pas cette balise et insérez des mots-clés pertinents. Ignorer cette étape ou choisir des mots-clés inadaptés peut conduire les moteurs de recherche à mal interpréter votre image et à vous positionner sur un mauvais terme. Alors, prenez le temps de soigner ce petit texte, ça peut faire toute la différence !

Il existe plusieurs façons de rédiger une balise ALT optimisée pour le SEO. À chacun sa méthode, l'essentiel étant que la balise soit claire et pertinente. Prenons l'exemple de cette image ci-dessous :

exemple-balise-alt-image

Méthode de la phrase descriptive

Certains préfèrent écrire une petite phrase pour décrire l’image :

« chien avec de la mousse sur la tête pendant le toilettage dans une baignoire »

Méthode des mots-clés avec tirets

Tandis que d'autres utiliseront des mots-clés séparés par des tirets (touche du 6), sans les majuscules ni accents :

« chien-avec-mousse-sur-la-tete-pendant-toilettage-dans-une-baignoire »

Remarque : les exemples fournis pour les deux méthodes sont corrects. Cependant, il est recommandé de privilégier une approche naturelle pour les balises ALT, car elles sont d'abord destinées à l'accessibilité, et ensuite au SEO. Une phrase claire et descriptive reste souvent la meilleure option.

4. L'erreur SEO à ne pas faire : le bourrage de mots-clés

Keywords are essential, yes. But be careful not to add too much. THE keyword stuffing East pénalisé par les moteurs de recherche. Auparavant, c'était une pratique qui se faisait régulièrement : écrire des

dizaines de mots-clés sur une même page sans faire de phrase. Mais ça, c'était avant, avant que les algorithmes ne changent et prennent cette donnée en considération. Dorénavant, les phrases bien écrites sont mises en avant. Il en est de même pour les textes alternatifs. Une balise ALT image du type « bike pedal saddle cycling tour de France » est donc une pratique à bannir.

 

5. Calls to action can also be optimized

THE call to action (CTA) are also images in their own right. Sometimes simply representing a button to click on, this is no reason to neglect it. Any action is good to carry out for your natural reference and for help the Internet user. Because those who do not see the images will not see these calls to action either. So it's good the alternative text that will take over. So think about it! For example, if you include a quote request CTA, you can write alt text like “ quote request for the repair of your bike ". Evocative for the Internet user, simple and precise.

Vos questions

Faut-il ajouter des balises ALT à toutes les images ?

Non, pas besoin de surcharger votre site ! Les balises ALT sont essentielles pour les images qui ajoutent de la valeur au contenu. Par contre, les images purement décoratives n'en ont pas besoin. Cela allège votre code HTML inutilement.

On dit « balise ALT » ou « attribut ALT »?

On parle plutôt d'attribut ALT. Techniquement, c’est un attribut dans la balise image, mais beaucoup de gens disent « balise ALT » par habitude. Pas de panique, on comprend dans les deux cas !

Faut-il ajouter des balises ALT aux logos d’entreprise ?

Oui, sans hésiter. Le logo, c'est l'identité de votre marque. Une balise ALT du type « Logo de [Nom de l'entreprise] » aidera à renforcer votre présence en ligne et à améliorer l'accessibilité pour tous.

Faut-il traduire les balises ALT pour les sites multilingues ?

Oui. Traduire les balises ALT est essentiel pour offrir une expérience cohérente et fluide. Que votre site soit en français, anglais ou autre, chaque langue mérite des balises ALT adaptées. Cela garantit aussi une meilleure accessibilité pour les utilisateurs de lecteurs d’écran et optimise le SEO dans toutes les versions linguistiques de votre site.

Dois-je utiliser des balises ALT pour les images des produits dans une boutique en ligne ?

Oh que oui ! Pour une boutique en ligne, chaque image de produit mérite une balise ALT bien pensée. Non seulement ça aide Google à comprendre vos images, mais ça peut aussi faire grimper vos produits dans les recherches d'images. Et qui sait, ça pourrait booster vos ventes !

Comment gérer les balises ALT pour les galeries d'images ou les carrousels ?

Faites en sorte que chaque image de votre galerie ait sa propre balise ALT unique et descriptive. En plus de soigner votre SEO, ça rend votre contenu plus accessible pour tout le monde.

Ressource complémentaire :

Google Search Central, bonnes pratiques de SEO pour Google images

What you must remember

Pour résumer, la balise ALT image est bien plus qu'un simple outil pour améliorer l'expérience des utilisateurs, y compris ceux qui utilisent des technologies d'assistance. Elle est également un atout puissant pour le référencement de votre site. Elle permet à la fois de rendre le web plus inclusif et de booster votre visibilité en ligne. Alors, pensez à rédiger une description courte et précise, en y intégrant le mot-clé principal ou ses synonymes. Et n'oubliez pas : renommer vos images à la source et compléter les légendes sont des actions tout aussi importantes pour optimiser votre stratégie. Prenez le temps de bien faire les choses, cela en vaut la peine !



Share on

Besoin d'aide pour référencer vos images ?

en_GB