Ah, la balise alt… Ce petit bout de code HTML souvent relégué au second plan est pourtant un véritable atout pour votre site web.
Bien plus qu’une simple formalité technique, elle se révèle être un outil précieux pour améliorer l’accessibilité de vos images et booster votre référencement naturel (SEO).
Sommaire
Qu’est-ce qu’une balise alt ?
<img src="/media/mon-image.jpg" alt="" />
En termes simples, la balise alt, ou plus exactement l’attribut alt, est un texte alternatif qui s’affiche à la place d’une image, lorsque celle-ci ne peut pas être visualisée.
Pourquoi est-elle si importante ?
Accessibilité
Expérience Utilisateur
Référencement
Pour l’accessibilité : Supposez qu’un internaute malvoyant utilise un lecteur d’écran pour naviguer sur votre site web. Si vos images ne sont pas dotées de balises alt explicites, ce pan de votre contenu lui sera tout simplement inaccessible.
Avec des balises alt, la voix du lecteur d’écran décrira les images, lui permettant de profiter pleinement de votre site et de ne pas se sentir exclu.
Balises alt = accessibilité= inclusion
Pour l’expérience utilisateur : Même pour les utilisateurs qui n’ont aucun problème de vue, l’attribut alt peut s’avérer utile. Imaginez une page web qui se charge lentement ou une connexion internet capricieuse : le texte alternatif donne une description concise de son contenu, réduisant la frustration et l’attente …un peu comme une bande-annonce qui donne envie de découvrir le film.
Pour le SEO : Les moteurs de recherche ne « voient » pas les images. Ils analysent le contenu textuel de votre site web, pour en comprendre la structure et le thème. La balise alt devient alors un véritable guide, permettant aux robots d’indexer vos images et de les associer aux mots-clés pertinents.
Un texte alternatif optimisé peut ainsi améliorer considérablement le positionnement de vos images dans les résultats de recherche, attirant un trafic plus qualifié vers votre site web.
Les balises alt peuvent également être utiles pour le référencement local. En effet, les moteurs de recherche les utilisent pour comprendre le contexte géographique de vos images. Alors, si vous avez une entreprise locale, pensez à ajouter des mots-clés liés à votre ville, votre région ou votre pays dans vos attributs alt !
5 bonnes pratiques d’attribut alt
1. Soyez précis, concis et descriptif
Décrivez le contenu de l’image, tels que les personnes, les objets, les lieux ou les actions représentés, fidèlement sans entrer dans les détails superflus. L’objectif est de fournir une compréhension claire et concise de l’image à ceux qui ne peuvent pas la voir.
Pour cela, imaginez-vous au téléphone en train de décrire l’image.
Décrivez l’image en quelques mots concis et pertinents. Évitez les phrases longues et les descriptions vagues.
Évitez, également, les expressions génériques comme « image de » ou « photo de » car les lecteurs d’écran annoncent généralement la présence d’une image avant de lire la balise alt. Évitez, sauf si pertinent, les barres obliques, les parenthèses et les tirets, car les lecteurs les liront aussi à haute voix.
Ne répétez pas le nom du fichier image dans le texte alternatif. Les moteurs de recherche le reconnaissent déjà, et cela n’ajoute aucune valeur informative.
2. Incorporez des mots-clés pertinents
Privilégiez des termes naturels que vos utilisateurs potentiels sont susceptibles d’utiliser lorsqu’ils cherchent des images similaires à la vôtre. Cela permettra aux moteurs de recherche de mieux associer vos images aux requêtes correspondantes.
Variez vos mots-clés et utilisez des synonymes et des expressions secondaires. C’est plus efficace que de répéter le même mot-clé encore et encore, et risquer de se faire sanctionner par les moteurs de recherche.
Plus de pertinence = plus d’impact
Plus de variété = plus de visibilité !
3. Vérifiez le texte dans vos images
Si le texte, inclut dans l’image, fournit des informations importantes, intégrez celles-ci dans l’attribut alt.
Et, pour de bonnes pratiques, évitez d’utiliser des images pour véhiculer de l’information textuelle. Pour cela, il y a …le texte ,) soit à proximité, soit en légende descriptive sous le visuel.
Si le texte est uniquement décoratif (ou s’il est déjà présent à proximité), laissez votre balise alt vide alt="" pour éviter la redondance.
4. N’ajoutez pas de texte alternatif aux images décoratives
…Vous voyez, ces visuels qui n’ont pas d’autres fonctions que de rendre votre page plus attrayante, et qui n’ajoutent aucune information au contenu.
5. Pensez à l’attribut alt même pour vos boutons CTA et votre logo
Pour les boutons, utilisez des verbes d’action qui indiquent ce que l’utilisateur va faire, en cliquant dessus.
Quant au logo, passez-vous de l’éternel « logo de la marque bidulle » carrément inutile. Pour un meilleur référencement, optimisez-le en indiquant le nom de votre marque et ce que vous faites.
Par exemple : « Logo [Nom de la marque] – [Secteur d’activité] ».
Exemples concrets pour rédiger une balise alt efficace
Bouton pour télécharger un document :
« Télécharger le document [nom du document] »
Bouton « En savoir plus » :
« En savoir plus sur [sujet du lien] »
Lien vers une page d’accueil :
« Retour à la page d’accueil »
Photo de paysage :
« Vue des montagnes du Jura, France »
« Lac Léman et montagnes du Jura de nuit, prise depuis le village de Yvoire »
« photo de paysage »
Portrait :
« Portrait d’Isa Unetelle, SEO. »
« Isa Unetelle, SEO de la marque « Bidulle », sourit ironiquement lors de la conférence. »
Photo de produit :
« Montre connectée noire avec bracelet en cuir. »
« Montre connectée « X » de la marque « Bidulle », modèle 2023, avec écran tactile et GPS intégré. »
« Une montre »
Photo de produit avec lien vers la page du produit :
« [Nom du produit] – Lien vers la page du produit »
Image d’une carte :
« Carte de la [région] indiquant les points d’intérêt »
« Carte »
Carte avec lien vers l’itinéraire :
« Carte de la [ville] – Lien vers l’itinéraire »
« Où nous trouver ! »
Infographie :
« Graphique illustrant l’évolution de [sujet] entre [date de début] et [date de fin] »
« Graphique »
Dernier conseil pour la route : le nom de votre fichier image est également important pour le SEO. Je vous conseille donc, de choisir un nom de fichier (en minuscule) descriptif qui inclut des mots-clés pertinents et d’éviter les caractères spéciaux, les espaces et les accents !
Voilà tout !
Besoin d’aide pour votre référencement ?
Faisons un point sur votre site, avec l’audit qui vous convient !
Cet article vous a aidé ? Vous souhaitez une ressource complémentaire ? Dites-le moi en commentaire, ça me fait super plaisir de vous lire ♡ …et de savoir que le billet vous a été utile !
0 réponse