Optimisation SEO des images: Comment rédiger l’attribut ALT efficacement
Les textes ne sont pas les seuls éléments qui comptent en référencement naturel. En dehors du contenu écrit, les visuels pèsent également dans la balance.
Eh oui, les photos, les infographies et autres illustrations ne sont pas seulement là pour faire joli. Ils peuvent considérablement booster la visibilité de votre site web dans la SERP Google s’ils sont correctement optimisés pour le SEO. Et c’est justement là que l’attribut ALT entre en jeu.
Découvrez la réponse à ces questions dans la suite de l’article pour apprendre comment optimiser le référencement de vos images.
Qu’est-ce que l’attribut ALT d’une image?
Description Alt, attribut Alt, balise alt, texte alternatif, alt text, toutes ces expressions renvoient à la même notion. Mais la bonne expression c’est « L’attribut ALT«
Ils font référence au bout de texte que l’on insère dans la balise <img> pour décrire une image aux personnes qui ne peuvent pas la voir et aux moteurs de recherche.
Pour mieux comprendre, voici une petite illustration.
Vous avez une image dont la légende (titre) est : ballonrouge.png
La balise HTML est :
<img src="ballonrouge.png">Si vous voulez qu’un texte alternatif s’affiche au besoin, vous n’aurez plus qu’à intégrer l’attribut ALT : alt=”un ballon rouge posé sur une table en bois”>
Au final, la balise IMG sera: img src= »ballonrouge.png » alt= »un ballon rouge posé sur une table en bois »>Important: Sachez que le terme balise ALT est normalement incorrect. Il s’agit d’un abus de langage pour désigner l’attribut ALT d’une image.
Quelle est l’utilité de l’attribut ALT pour les images ?
Vous devez ajouter l’attribut ALT aux images et aux illustrations pour améliorer leur référencement naturel et aider ceux qui ne peuvent pas les « voir » à les comprendre.
L’attribut ALT est importante pour le SEO
Les bots ne peuvent pas voir les visuels comme nous les humains. Mais, grâce à la description alt, ils peuvent comprendre de quoi il est question.
En effet, l’alt text fournit aux moteurs de recherche des informations sur la fonction, le contenu et le contexte des images.
En se basant sur ces informations, ils peuvent classer et indexer le contenu visuel. Ce qui peut aider à améliorer la visibilité du site web dans Google Image1 ou dans la SERP.
L’attribut alt optimise l’accessibilité et l’UX
En ajoutant une attribut ALT à votre image, vous permettez aux personnes qui souffrent d’une déficience visuelle de comprendre de quoi il s’agit.
Grâce à un lecteur d’écran, elles pourront savoir de quoi il s’agit même si elles ne voient pas.
Ce faisant, vous optimisez l’expérience utilisateur sur votre site offrant ainsi une chance équitable à tous d’avoir un accès à vos contenus.
L’attribut remplace l’image en cas d’erreur d’affichage
Le texte alternatif s’affiche à la place de l’image dans les cas où celle-ci ne peut se charger à cause d’un souci de connexion internet ou de serveur.
Maintenant que vous connaissez l’importance de l’attribut ALT pour le SEO et pour l’accessibilité sur un site, il est temps de passer à la partie la plus importante.
Comment rédiger une balise Alt : quelques conseils pour remplir l’attribut Alt
À faire :
- Décrire naturellement l’image en précisant sa fonction et le contexte, de manière à ce que l’on puisse l’imaginer sans même la voir.
- Rester concis et aller à l’essentiel sans dépasser 125 caractères.
- Insérer le mot-clé principal.
- Assurer une cohérence entre la description de l’image et le contenu de la page.
À éviter :
- Copier-coller le titre de l’image : abc.jpg ou Xyz.png à la place du texte alternatif.
- Commencer le texte alternatif par « photo de… » ou « image de… ».
- Bourrer le texte alt de mots-clés.
- Utiliser le même attribut alt pour plusieurs photos.
- Remplir l’attribut ALT des images décoratives.
- Mettre de tiret entre les mots comme dans le titre d’une image.
Quelques exemples d’attribut ALT d’image à suivre
Pour une image de chemise en vente sur un site e-commerce :
<img src="chemise.jpg" alt="Chemise blanche en coton pour hommes">Pour le logo d’une entreprise :
<img src="nom_demasociété.jpg" alt="logo de l’entreprise de ma société">Pour une image illustrative :
<img src="photo_vacances.jpg" alt="jeune couple profitant de la plage pendant les vacances">Pour un graphique montrant l’évolution du marché boursier :
<img src="graphique.jpg" alt="Évolution du marché boursier sur une année">Pour une capture d’écran d’une interface d’application de fitness :
<img src="capture" alt="Capture d’écran interface application de fitness ">Exemples de texte alternatif à éviter
<img src="smartphone.jpg" alt="smartphone android, smartphone android pas cher, vente smartphone, boutique en ligne smartphone"><img src="smartphone.jpg" alt="photo de smartphone android"><img src="smartphone.jpg" alt="smartphone.jpg"><img src="smartphone .jpg" alt="image123">Les questions fréquente sur l’attribut ALT des images
Comment vérifier le texte alternatif des images sur un site web ?
Si vous voulez juste voir le contenu de l’attribut ALT d’une seule image, vous pouvez faire un clic droit sur cette dernière et sélectionner « inspecter ». Pour contrôler plusieurs attributs à la fois, utilisez plutôt l’extension web developer chrome. Vous pouvez aussi vérifier l’attribut ALT sur toutes les images du site grâce à un outil comme screaming Fog, Sitecheker ou sitebulb.
Comment ajouter un texte alternatif aux images sur WordPress ?
Pour mettre un attribut ALT sur une image dans wordpress, il suffit de :
– Passer par l’éditeur par défaut de WordPress (Gutenberg)
– Utiliser la bibliothèque multimédia WordPress
– Modifier le code source de votre contenu
Peut-on mettre un attribut ALT sur les images des réseaux sociaux ?
Oui, il est possible de spécifier un texte alternatif (a « ALT ») pour les images utilisées sur les réseaux sociaux. Cependant, la méthode peut varier en fonction de chaque média social. La plupart des plateformes de réseaux sociaux permettent de saisir une description ou une légende pour accompagner les images que vous partagez. Vous pouvez utiliser cet espace pour inclure une description concise de l’image.
Comment optimiser une image pour le SEO ?
1. Utilisez un nom de fichier descriptif et pertinent pour l’image.
2. Compressez l’image pour réduire sa taille pour favoriser un chargement rapide.
3. Ajoutez un texte alternatif (attribut ALT) décrivant précisément l’image.
4. Utilisez des mots-clés pertinents dans le texte alternatif et dans le titre de l’image.
5. Assurez-vous que l’image est bien intégrée dans le contexte du 6. contenu de la page.
7. Utilisez les attributs de taille et de format appropriés.
Ce qu’il faut retenir
Le texte alternatif constitue un facteur de classement important pour la recherche d’images sur Google. En fonction de l’intention de recherche et de la requête, Google peut décider de mettre en avant les images2 dans la SERP. Afin d’avoir une chance d’apparaître dans les résultats, il est essentiel d’optimiser l’attribut ALT de vos contenus visuels.
Dans le cas contraire, vous risquez de manquer une opportunité de générer du trafic naturel. Toutefois, l’attribut ALT ne se limite pas à la visibilité, car il favorise également l’accessibilité pour tous.
Références :
- Bonnes pratiques de SEO pour Google Images, Google, consulté le 27 janvier 2024. ↩︎
- Comment ajouter des balises Alt aux images dans WordPress, tutoriels LWS, consulté le 27 janvier 2024. ↩︎
