Optimiser vos images avec la balise alt : le guide complet pour un meilleur SEO

La balise alt : le petit attribut qui pèse lourd dans votre SEO

J'ai passé des années à auditer des sites web, et je peux vous le dire sans hésiter : la balise alt est l'un des éléments les plus sous-estimés du référencement. Tout le monde connaît son existence, presque personne ne sait vraiment comment l'optimiser. Et pourtant, elle fait la différence entre une image invisible et un visuel qui vous ramène des visiteurs.

Qu'est-ce que la balise alt, exactement ?

La balise alt, ou attribut alt, c'est le texte alternatif d'une image. Dans le code HTML, il se présente comme ceci :

<img src="https://votresite.com/image.jpg" alt="Votre description ici">

Ce petit bout de texte a trois fonctions principales. D'abord, il décrit le contenu de l'image aux personnes malvoyantes qui utilisent un lecteur d'écran — une question d'accessibilité, pas juste de SEO. Ensuite, il permet aux moteurs de recherche de comprendre ce que montre l'image, puisque Google ne peut pas « voir » un fichier JPEG comme vous et moi. Enfin, si l'image ne se charge pas, l'alt s'affiche à la place — vous avez sûrement déjà vu ces petits cadres avec du texte bizarre.

Pourquoi la balise alt compte pour votre SEO

Quand j'ai commencé à travailler sur le référencement de mon propre blog en 2016, je négligeais complètement les images. Résultat ? Mon trafic depuis Google Images était quasi nul. Puis j'ai passé un week-end à rédiger des balises alt pour les 200 images du site, en les optimisant avec les bons mots-clés. Le mois suivant, mes pages ont grimpé de la troisième page à la première pour plusieurs requêtes à longue traîne.

La balise alt améliore l'indexation sur Google Images. C'est un fait, pas une opinion. Quand quelqu'un tape « recette de tarte aux pommes » dans Google Images, ce sont les textes alternatifs de ces images qui déterminent si elles apparaissent dans les résultats. Elle contribue aussi au référencement naturel global de votre page, car elle renforce la pertinence sémantique de votre contenu aux yeux des moteurs de recherche.

Combien de caractères pour une bonne balise alt ?

C'est la question qu'on me pose le plus souvent, et l'information est étonnamment difficile à trouver. Ma recommandation : visez 125 caractères maximum. Pourquoi ce chiffre ? Parce que la plupart des lecteurs d'écran coupent la lecture d'un texte alternatif au-delà de 125 caractères. Si votre description est plus longue, la personne malvoyante n'en entendra qu'une partie — c'est contre-productif.

Prenons un exemple concret. Pour une photo de randonnée dans les Alpes, une balise alt trop longue serait :

Photo d'une randonneuse portant un sac à dos rouge marchant sur un sentier de montagne par une belle journée ensoleillée avec des sommets enneigés en arrière-plan et des fleurs sauvages au premier plan

Une version efficace :

Randonneuse avec sac rouge sur un sentier alpin, sommets enneigés en arrière-plan

La seconde fait 79 caractères. Elle est descriptive, précise et transmet l'essentiel. C'est exactement ce qu'il faut.

Les erreurs courantes qui tuent vos balises alt

J'ai audité des dizaines de sites, et je retrouve toujours les mêmes erreurs. Voici les plus fréquentes.

Balise alt vide ou oubliée

C'est l'erreur la plus basique : ne pas mettre d'attribut alt du tout. Le lecteur d'écran annoncera alors le nom du fichier image, souvent un truc du genre « DSC_4573.jpg » — inutile, voire déroutant. Dans le pire des cas, le moteur de recherche ne saura pas quoi faire de votre image.

Texte alternatif redondant avec la légende

Si votre image est accompagnée d'une légende visible sous l'image, le texte alternatif ne doit pas la répéter mot pour mot. C'est du gaspillage. La légende est déjà là, lisible par tous. L'alt doit apporter une information complémentaire ou se contenter d'une description simple.

Le bourrage de mots-clés

Oui, les mots-clés sont importants dans une balise alt. Mais il ne faut pas en abuser. Un texte alternatif du type « chaussures de sport pas cher, chaussures running homme, basket promo, chaussure fitness » est une punition pour les utilisateurs de lecteurs d'écran, et Google le considère comme du spam. Une seule occurrence naturelle du mot-clé suffit, intégrée dans une phrase descriptive.

Quand utiliser alt="" : le cas des images décoratives

C'est l'aspect le moins connu, et pourtant essentiel. Toutes les images de votre site ne méritent pas une balise alt descriptive. Les images purement décoratives — un séparateur, une icône d'arrière-plan, un élément graphique sans valeur informative — doivent avoir un attribut alt="" vide.

Pourquoi ? Parce que si vous mettez « Image d'un séparateur rouge » dans votre alt, le lecteur d'écran va lire cette phrase inutile à chaque fois qu'il rencontre un séparateur. C'est du bruit pour la personne malvoyante. En mettant alt="", vous dites au lecteur d'écran : « ignore cette image, elle n'apporte rien. »

Le problème ? Beaucoup de CMS par défaut remplissent l'alt avec le titre de l'image ou son nom de fichier. Il faut vérifier manuellement, image par image, que les décoratives ont bien un alt vide.

La différence entre alt et title (et pourquoi c'est important)

C'est LA confusion la plus répandue. L'attribut title est un autre attribut que vous pouvez ajouter à une balise image :

<img src="image.jpg" alt="Description de l'image" title="Infobulle au survol">

Le title affiche une petite infobulle quand on survole l'image avec la souris. C'est sa seule fonction réelle. Il n'a pas d'impact SEO significatif, contrairement à ce que certains croient encore. Google l'utilise parfois pour comprendre le contexte, mais c'est marginal face à l'alt.

En clair : optimisez votre alt, oubliez le title sauf besoin spécifique d'infobulle.

Le cas particulier des images contenant du texte

C'est un piège que je vois partout. Les infographies, les captures d'écran et les images de texte posent un problème : le texte qu'elles contiennent n'est pas lisible par les moteurs de recherche ni par les lecteurs d'écran.

Deux écoles s'affrontent. La première : transcrire tout le texte de l'image dans l'alt. La seconde : résumer. Mon avis, basé sur des années de test : si l'image contient une information essentielle, transcrivez-la intégralement dans l'alt ou juste à côté. C'est à la fois une question d'accessibilité et de SEO — le texte de l'infographie devient alors indexable.

Pour une infographie sur « les 7 habitudes des gens productifs », l'alt pourrait être :

Infographie listant les 7 habitudes des gens productifs : se lever tôt, planifier sa journée, faire une seule tâche à la fois, prendre des pauses régulières, déléguer, apprendre en continu, dormir suffisamment

Et pour une capture d'écran d'un tableau de bord, l'alt doit contenir les chiffres clés visibles sur l'image.

Multilinguisme : traduisez aussi vos balises alt

Un détail que peu de gens mentionnent : sur un site multilingue, les balises alt doivent être traduites dans la langue de chaque version. Si votre page anglaise décrit l'image en anglais et votre version française en français, tout va bien. Mais si vous utilisez un plugin de traduction automatique, les alt sont souvent oubliés.

Résultat : un lecteur français tombe sur une image dont le texte alternatif est en anglais. Le lecteur d'écran annonce « photo of a red car » au milieu d'une page en français. C'est moche, et ça peut nuire à votre référencement localisé.

Un exemple concret pour un site bilingue

Pour un site vendant des chaussures de randonnée :

• Version française : alt="Chaussures de randonnée imperméables en cuir marron sur fond de sentier rocailleux"
• Version anglaise : alt="Waterproof brown leather hiking boots on a rocky trail"

Le mot-clé principal est présent dans la langue de chaque version. C'est basique, mais c'est souvent oublié.

Guide pratique : comment écrire une bonne balise alt en 4 étapes

Cet attribut se rédige en moins de 30 secondes une fois qu'on a la méthode. Voici la mienne :

1. Demandez-vous : pourquoi cette image est-elle sur la page ? Est-ce qu'elle illustre un point ? Montre un produit ? Apporte une information ? La réponse oriente toute la rédaction.

2. Décrivez ce qui est réellement visible. Pas ce que vous voudriez voir, pas une interprétation. Si la photo montre un homme qui court dans un parc, écrivez « Homme courant dans un parc par une journée ensoleillée », pas « Homme accomplissant un exploit sportif remarquable ».

3. Intégrez le mot-clé cible si l'image s'y prête. Naturellement, sans forcer. Une image de produit, oui. Une photo d'ambiance sur la page « à propos », non.

4. Relisez à voix haute. Si la phrase semble raide ou artificielle, elle le sera pour les lecteurs d'écran aussi. Simplifiez.

Balise alt : exemples concrets à copier

Pour vous donner des repères, voici des exemples que j'utilise dans mes propres projets.

Image produit (e-commerce) : alt="Casque audio sans fil Bluetooth noir mat avec coussinets en mousse à mémoire" Photographie de blog : alt="Bureau minimaliste avec ordinateur portable, tasse de café et plante verte près d'une fenêtre" Logo de marque (sur la page d'accueil) : alt="Logo de la marque MonEntreprise" Image d'ambiance décorative : alt="" Capture d'écran de fonctionnalité : alt="Capture d'écran du tableau de bord montrant les ventes du mois de juin : 12 450 €, en hausse de 8 % par rapport à mai"

Comment vérifier vos balises alt : outils et méthode manuelle

La vérification peut se faire à plusieurs niveaux. La méthode la plus simple : dans votre navigateur, faites un clic droit sur une image et sélectionnez « Inspecter ». L'attribut alt apparaît dans le code, ou son absence devient flagrante.

Pour un audit plus complet, j'utilise personnellement des outils d'audit SEO qui listent les images manquantes ou avec un alt vide. Une extension navigateur comme WAVE est gratuite et efficace pour vérifier l'accessibilité de vos pages, y compris les alt.

Mon conseil : faites un audit complet une fois par trimestre. En 45 minutes, vous pouvez passer en revue l'ensemble de vos images clés et corriger les oublis. Les gains en trafic Google Images se font sentir dans les semaines qui suivent.

Ce que j'ai appris en 9 ans de pratique (et ce que je ferais différemment)

Si je regarde en arrière, je me rends compte des erreurs que j'ai commises. Au début, je rédigeais des balises alt de 200 à 300 caractères, pensant que plus c'était descriptif, mieux c'était. Tort. Les lecteurs d'écran coupaient la lecture, et Google n'accordait pas plus de valeur à ces longs pavés.

J'ai aussi longtemps cru que le title de l'image était important pour le SEO. C'est un mythe tenace, encore répandu. J'ai perdu des heures à remplir des title inutiles alors que mes alt étaient négligés.

Une chose que j'aurais aimé savoir plus tôt : la balise alt a un impact direct sur les Core Web Vitals. Pas l'alt en lui-même, mais le fait de nommer correctement vos images et de les compresser. Bien optimisées, elles chargent plus vite, et Google récompense les pages rapides. Un site lent avec des alt parfaits, c'est comme une belle vitrine derrière une porte fermée.

Au final, la balise alt est un petit effort pour un retour sur investissement important. C'est une question de discipline, pas de talent. Et si vous l'ignorez encore, souvenez-vous de ceci : chaque image sans alt est une occasion manquée d'apparaître dans Google Images, et chaque alt mal rédigé est une expérience dégradée pour un internaute malvoyant. Les deux valent bien les 30 secondes qu'il faut pour bien faire.

La prochaine fois que vous publiez un article, accordez un peu plus d'attention à vos images. Commencez par une seule page, testez, observez votre trafic Google Images. Les résultats parlent d'eux-mêmes.