Sur un site internet, les images viennent compléter élégamment et utilement le contenu écrit. Une page illustrée sera toujours plus agréable que si elle est juste remplie de texte. Elle incitera davantage le visiteur à la lire. Mais saviez-vous que le visuel n’est que la partie émergée de l’iceberg et que d’autres données y sont attachées ? L’une d’elles est le texte alternatif. Comme son nom l’indique, il sert de substitut à l’illustration si elle ne peut pas être visualisée correctement pour différentes raisons. Mentionné dans le code HTML grâce à l’attribut alt, il doit décrire son sujet et son contenu. Aussi appelé balise alt txt, il est essentiel pour l’accessibilité, l’expérience utilisateur et pour le référencement. Découvrez quels sont ses rôles et comment le mettre à profit pour le SEO.
Quelle est l’utilité de la balise alt txt des images ?
L’attribut alt remplit plusieurs fonctions fondamentales sur un site web.
- D’abord, il sert aux déficients visuels qui voient mal ou pas du tout l’image. En effet, ces personnes se servent d’un lecteur d’écran qui va leur lire la balise et leur expliquer le contenu et les éléments représentés. Il revêt donc toute son importance pour l’accessibilité numérique, facteur qui est de plus en plus considéré.
- Ensuite, ce texte fournit une meilleure expérience utilisateur (UX) si des problèmes de connexion, de chargement empêchent l’affichage de l’illustration sur la page. Dans ces situations, il apparaît à la place et permet donc au visiteur d’avoir une idée de ce qu’il aurait dû observer.
- Enfin, la balise alt txt est primordiale pour indexer les visuels dans les moteurs de recherche. Nous allons détailler son importance pour le référencement naturel dans un paragraphe dédié.
Mais avant cela, vous vous interrogez peut-être sur l’intérêt d’intégrer des figures dans vos contenus rédactionnels en ligne.
Pourquoi est-il essentiel d’enrichir sa page ou son article de visuels ?
Les photos, infographies, graphiques, schémas, dessins, etc., permettent d’aérer le texte et le rendent attractif. Plutôt que de faire face à un gros pavé, le visiteur découvre un écrit entrecoupé de belles illustrations, ce qui l’invite à se plonger dans la lecture.
En plus de ce rôle esthétique, ils complètent le propos. Il est en effet préférable d’insérer des médias en rapport avec le sujet et présentant un réel intérêt plutôt que des visuels purement décoratifs. Il faudra donc les positionner au bon endroit dans le corps du texte, près des phrases qu’ils enrichissent. L’objectif est qu’ils offrent une plus-value à l’internaute ainsi qu’aux algorithmes des moteurs de recherche comme Google. Ces derniers pourront les indexer, mais aussi mieux référencer la page ou l’article où ils sont intégrés.
Vous pouvez opter pour des figures provenant de banques d’images libres de droits pour illustrer vos articles. Mais veillez à bien respecter les règles d’usage, notamment la mention des droits d’auteur. Cependant, il est idéal d’utiliser des documents originaux, avec un caractère inédit, plutôt que ceux qui peuvent se retrouver à plusieurs endroits sur le Web.
Quelle est l’importance de l’attribut alt des images en SEO ?
Balise alt txt et référencement organique
Les algorithmes et robots parcourant Internet ne disposent pas des mêmes capacités que le cerveau humain. Ils ne peuvent pas interpréter facilement le contenu d’un média. Bien remplir l’attribut alt avec un texte pertinent et utile les aide. Cette balise leur permet de savoir comment indexer la représentation et la faire remonter dans les résultats des moteurs de recherche.
En étant convenablement référencées, notamment dans Google Images, elles permettent d’obtenir du trafic organique. En effet, de plus en plus de recherches sont effectuées à partir des illustrations. Si le visuel apparaît dans Google Images lorsqu’un internaute tape une requête dans la barre de recherche, celui-ci peut ouvrir un aperçu. S’il est intéressé, il clique dessus pour accéder au site.
Soulignons aussi l’intérêt de l’attribut alt pour les sites e-commerce. Il sera utilisé pour référencer les photographies des fiches produits et les présenter directement dans la SERP.
Si vous souhaitez en savoir plus sur l’optimisation des images, consultez les bonnes pratiques de SEO pour Google Images. En optimisant pour le référencement organique le texte alternatif des figures de vos pages et articles, ces derniers pourraient également être mieux positionnés par Google.
Comment remplir l’attribut alt d’un média ?
Nous allons énumérer ici quelques astuces pour remplir correctement la balise alt txt afin d’obtenir de meilleurs résultats en référencement.
- Voici un exemple de la manière de l’insérer dans le code HTML de l’image : <img src= “chat-blanc-dort.jpg” alt= “Chat blanc qui dort sur une couverture”>. Généralement, les CMS comme WordPress vous facilitent la tâche. Une fois votre fichier source téléchargé dans la bibliothèque, vous pouvez modifier les champs le caractérisant, notamment l’attribut alt, ainsi que le titre et la légende dont nous parlerons plus loin.
- Prenez toujours le temps de personnaliser les textes alternatifs. N’employez pas le même pour tous vos médias, afin d’éviter le contenu dupliqué qui pénalise votre référencement.
- Il s’agit d’un bref descriptif du visuel qui doit être clair, concis et aller droit au but. Il faut être le plus précis et pertinent possible pour expliquer exactement ce qui est représenté. Ne dépassez donc idéalement pas les 100 caractères. La balise alt txt apporte de l’information sur le document, en lien avec le contenu de la page web. Elle sera notamment à adapter en fonction du niveau de complexité du sujet. Par exemple, pour un article de fond, il pourra être judicieux de détailler davantage l’attribut alt pour apporter encore plus de valeur ajoutée.
- Afin d’améliorer le SEO de la figure et du contenu rédactionnel, il est recommandé d’y inclure des mots-clés. Insérez notamment la requête clé sur laquelle doit se positionner la page fixe ou l’article de blog. Appliquez ce conseil en particulier pour l’image mise en avant d’une publication optimisée. Mais attention, ne tombez surtout pas dans la suroptimisation avec l’accumulation de mots-clés, juste pour faire plaisir aux robots et algorithmes. Gardez à l’esprit que le texte alternatif est destiné d’abord à des humains. Réfléchissez donc bien afin d’insérer ces requêtes et termes stratégiques de la manière la plus naturelle possible.
- N’oubliez pas que ce texte n’est disponible que pour les lecteurs d’écran ou si l’illustration ne s’affiche pas correctement. Vous ne devez donc pas y inclure des données essentielles. Ne le rédigez pas non plus en commençant par des mots inutiles ou évidents comme « photo d’un… ».
- Parfois, votre média est utilisé comme ancre pour faire un lien vers un autre contenu. Dans ce cas, le texte doit renseigner sur le lien : sa fonctionnalité, vers quelle page ou quel site il envoie.
- Si jamais vous utilisez des représentations décoratives, il est conseillé de mettre une balise alt txt vide plutôt que de ne pas la remplir. Cette manipulation indique aux personnes déficientes visuelles et aux moteurs de recherche qu’il ne s’agit pas d’un oubli. L’image n’est pas pertinente par rapport à la page et il n’y a donc pas d’intérêt à insérer des informations à cet endroit-là.
Quelles sont les autres bonnes pratiques pour optimiser au mieux les illustrations pour le référencement naturel ?
Comment optimiser le fichier source de l’image pour le SEO ?
Nous profitons de cet article pour donner d’autres conseils qui vous permettront d’améliorer le référencement organique de vos médias.
Il existe différents formats d’illustration possibles comme PNG, JPEG, SVG, etc. Le choix dépend entre autres du type de document (une photographie ou un dessin par exemple), du niveau de détails, des couleurs… La qualité de l’image est essentielle pour l’expérience utilisateur. Néanmoins, qui dit qualité signifie souvent fichier lourd, ce qui pénalise la vitesse de chargement du site, l’affichage de la page web et des représentations. La lenteur risque de faire fuir les internautes, qui s’empresseront de fermer leur onglet. Trouvez un compromis entre la qualité et le poids pour une UX optimale, avec un visuel qui ne soit pas trop pixellisé et qui se charge bien. Optez pour des dimensions et un poids adaptés, à moduler en fonction de la figure considérée, de la page sur laquelle elle va être intégrée, de la présence éventuelle d’autres images insérées. Compressez au maximum, mais en préservant la qualité.
Concernant le nom du fichier source, vous devez le personnaliser et ne pas laisser des termes génériques comme une suite de lettres et chiffres sans aucun sens. Pensez à renommer vos documents avant de les télécharger sur le CMS. Soignez la forme et le fond. Soyez concis : quelques mots décrivant bien le schéma ou la photo suffiront. Écrivez en minuscules, en séparant les termes par des tirets « – » et pas « _ », sans accentuation ou caractères spéciaux. Une fois encore, intégrez la requête clé et/ou des mots-clés.
De plus, veillez à vérifier l’affichage sur mobile, car la part des mobinautes continue d’augmenter. Vous devez proposer un site internet et des visuels responsives, compatibles sur tous les appareils de consultation : ordinateur/desktop, tablette, mobile, etc.
➡️ Pour aller plus loin dans le référencement naturel, découvrez les indispensables d’une bonne stratégie SEO.
Quels sont les autres éléments d’une figure pouvant être optimisés ?
Pour finir, d’autres champs peuvent être renseignés pour les fichiers enregistrés dans les bibliothèques des CMS, en plus de l’attribut alt.
- Le titre ou balise title est le texte qui apparaît lors du passage du curseur de la souris sur la représentation. Vous pouvez y mettre des informations complémentaires/supplémentaires. Il n’a pas d’impact direct sur le SEO.
- La légende se situe quant à elle en dessous ou à côté de la figure. C’est l’emplacement stratégique pour y renseigner des données essentielles, qui seront accessibles à tous. Elle permet de décrire le visuel, mais aussi de fournir des éléments de contexte et d’indiquer les droits d’auteur, les crédits photographiques, les sources. Elle complète et enrichit les informations.
Titre et légende peuvent être utilisés par Google pour préciser davantage le sujet de l’illustration et éventuellement mieux l’indexer.
Intégrer des images dans un article de blog ou une page comporte de nombreux avantages. Les visuels rendent plus agréable la lecture. Ils illustrent et enrichissent le contenu rédactionnel. Ils jouent également un rôle important dans le référencement du site web. Pour cela, il est essentiel de bien maîtriser et d’adapter les différents paramètres d’une figure qui influencent le SEO. Remplir correctement l’attribut alt constitue l’un des facteurs prépondérants pour que vos photos ou dessins soient indexés et apparaissent dans Google Images. N’oubliez pas néanmoins que la fonction initiale de la balise alt txt est de proposer aux visiteurs un texte alternatif dans les situations où le média ne serait pas visible ou accessible. Veillez donc toujours à l’optimiser d’abord pour une expérience utilisateur qualitative, puis pour les algorithmes et robots.
Article rédigé par Gaëlle BENOIT dans le cadre de sa formation en rédaction web.
Sources :
GOOGLE. Bonnes pratiques de SEO pour Google Images. Google Search Central (anciennement Webmasters) | Ressources sur le SEO pour le Web | Google for Developers.
GRATTEPANCHE MATHILDE. Balise alt. Abondance – Actu SEO & Moteurs | Comprendre pour progresser.
SEMRUSH TEAM. Texte Alternatif : Qu’est-ce que c’est et Pourquoi c’est Important pour l’Accessibilité et le SEO. Blog Semrush | SEO, SEM, Content Marketing et PPC.