La balise alt de vos images a un véritable impact sur le référencement naturel de votre site, c’est donc un point important qu’il faut savoir optimiser si vous voulez améliorer le seo des images de votre site (et de votre site en général).
Avant de débuter votre lecture, si vous souhaitez augmenter vos ventes et attirer plus de client sur votre boutique en ligne, téléchargez mon guide gratuit.
Dans cet article nous allons voir comment optimiser à la fois le SEO de vos images, mais aussi le référencement naturel en général de votre site.
Sommaire:
- Différence entre balise alt et attribut alt ?
- Exemple de alt en html
- La balise alt à quoi ça sert ?
- Comment optimiser la balise alt pour améliorer votre SEO ?
- Comment remplir rapidement les balises Alt sur Prestashop ?
- Comment remplir la balise alt des images sur WordPress ?
- Comment vérifier les balises alt d’une page ?
- La légende d’une image et la balise alt: est-ce la même chose ?
Différence entre balise alt et attribut alt ?
Tout d’abord il faut éclaircir un point (parce que j’aime être précis :) ).
On parle très souvent de balise alt alors qu’en réalité elle n’existe pas, on devrait utiliser le terme attribut alt qui est la dénomination correcte.
Ceci étant précisé, je vais quand même utiliser le mot « balise alt » dans la suite de cet article pour des raisons d’optimisations SEO de mon article :)
Exemple de alt en html
Voici à quoi ressemble le code html d’une balise image avec un attribut alt:
<br> <img src="mon_fichier.jpg" alt="le contenu de mon alt" /><br>
La balise alt à quoi ça sert ?
La balise alt s’ajoute sur les images de votre site.
Alt est l’abréviation du mot « alternative », la balise alt est donc une balise alternative qui s’affiche lorsque le navigateur n’est pas capable d’afficher l’image sur laquelle elle est ajoutée.
C’est le cas si par exemple vous désactivez l’affichage des images sur votre navigateur, ou si un problème de connexion empêche leur chargement.
La balise alt est également très utile pour les personnes malvoyantes, car les navigateurs vocaux (qui lisent à haute voix les pages web) se serviront de son contenu pour décrire l’image que leur utilisateur ne peut pas voir.
Comment optimiser la balise alt pour améliorer votre SEO ?
Initialement, la balise alt n’a pas été créée pour faciliter le référencement de votre site, alors pourquoi est-il important de l’optimiser ?
Tout simplement parce que les moteurs de recherche comme Google ne sont pas encore capables de comprendre ce qu’une image représente.
On peut considérer qu’ils sont aveugles, et la seule solution pour eux de mieux comprendre ce que représente une image sur un site internet est de lire la balise alt qu’elle contient.
Google image
De plus en plus de personnes utilisent la recherche par image proposée par Google, il est donc important de réussir à y faire apparaitre vos photos.
La balise alt joue donc un rôle primordial et doit être renseignée pour que Google indexe correctement vos images.
Les liens sur les images améliorent votre SEO
Il ne faut pas oublier que vous faites votre site pour les internautes et non pas pour les moteurs, avoir un site visuellement original et agréable est donc très important. C’est pourquoi, même si c’est souvent déconseillé en termes de référencement, faire un lien sur une image est parfois inévitable.
Dans ce cas la balise alt aura une très grande importance, car les moteurs de recherche prendront en compte son contenu pour leur calcul de pertinence.
Faire un lien sur une image qui ne contient aucune balise alt ou une balise alt vide n’apportera aucune pertinence à la page liée.
Il faut savoir qu’un lien sur une image avec une balise alt correctement renseignée sera moins efficace qu’un lien texte classique. En effet, Google accorde moins d’importance à ce type de liens, car ils peuvent plus facilement être utilisés de manière à manipuler les résultats des moteurs de recherche.
Que faut-il mettre dans la balise alt ?
Dans la mesure où la balise alt n’est que très rarement visible par les internautes, il serait tentant d’y inclure toute une série de mots-clés dans l’espoir de booster le référencement votre page.
Mais, ce serait faire une grave erreur.
Les moteurs de recherche sont dans de nombreux cas capables de détecter une tentative de manipulation, ils prennent alors les décisions nécessaires pour sanctionner la page ou le site en question. Si la tentative de manipulation est trop importante, ils pourraient même bannir le site.
Et si jamais vous pensiez être plus malin que les robots d’indexation, je vous rappelle que Google a tout prévu et qu’il est possible d’être dénoncé par un concurrent …
Donc si vous tenez à votre sommeil je vous conseille de ne pas jouer avec le feu.
Vous devez donc indiquer dans vos balises alt un texte qui décrit vraiment votre image.
Mettez-vous à la place d’un non-voyant à qui vous liriez votre page à haute voix. Que pourriez-vous mettre comme texte pour lui décrire l’image ?
Sur une photo représentant votre produit, mettez le nom du produit.
Sur une capture d’écran détaillant l’utilisation d’un outil, expliquez en une ligne ce que l’on voit sur l’image.
Et si vous utilisez des images uniquement pour l’interface de votre site (des coins arrondis par exemple, etc.) alors, dans ce cas ne mettez rien, car il n’y a rien à mettre :).
Ne mettez pas la même balise alt partout.
Si sur votre fiche produit vous affichez plusieurs photos de votre produit, ne mettez pas systématiquement le nom du produit dans les balises alt de toutes vos images.
En effet, vous perdez alors une opportunité d’optimisation.
Si sur une photo vous montrez l’intérieur de votre produit indiquez dans la balise alt de cette image: « Intérieur du sac à main avec doublure cuir ».
Si vous montrez le dos de votre produit idem: « Sac à main vu de dos avec poignée cuir souple »
Bref, soyez descriptif !
Comment remplir rapidement les balises Alt sur Prestashop ?
Si vous utilisez Prestashop la gestion des attributs alt des images des produits est un vrai calvaire.
Je vous conseille d’utiliser mon module qui vous permettra non seulement de remplir très rapidement toutes vos balises alt mais également les balises meta de tout votre site.
Comment remplir la balise alt des images sur WordPress ?
Sur wordpress pour remplir votre balise alt c’est très simple.
Lorsque vous envoyez une image à votre article (en cliquant sur « ajouter un media »), juste après avoir uploadé votre image, vous avez un formulaire qui apparait sur la droite.
La balise alt correspond au champ « text alternatif » que vous voyez dans ce formulaire.
Remplissez-le et lorsque vous cliquerez sur le bouton « insérer dans l’article » votre image sera ajouté avec, dans le code html, la balise alt correctement remplie.
Comment vérifier les balises alt d’une page ?
Une fois votre fiche produit ou votre nouvel article publié, vous aurez peut-être envie de vérifier que toutes les balises alt de vos images sont bien renseignées.
Pour ça il existe un outil très simple (mais très puissant) qui vous indiquera pour chaque image de votre page qu’elle est la balise alt enregistrée dans le code html.
Voici comment l’utiliser:
1. Rendez-vous sur browseo.net.
2. Indiquez l’url de votre site dans le champ qui se trouve en haut de la page, puis cliquez sur « Browse ».
3. Une fois que l’outil a fini de scanner votre page, descendez et repérez vos images. L’outil aura ajouté par-dessus chaque image le contenu de la balise alt qu’il aura trouvée.
La légende d’une image et la balise alt: est-ce la même chose ?
On pourrait considérer que balise alt n’est rien d’autre qu’une légende.
Eh bien non !
La légende d’une image est directement visible en dessous de l’image, elle accompagne l’image et parfois ne définit pas précisément à quoi correspond l’image.
Alors que l’attribut alt n’a qu’un seul et unique rôle: apparaître si l’image ne s’affiche pas. Il doit donc véritablement décrire ce que nous aurions dû voir si l’image était visible.
Voila, vous savez tout désormais sur la balise alt.
Si vous avez des questions, n’hésitez pas à me les poser dans les commentaires de cet article.
Avant de débuter votre lecture, si vous souhaitez augmenter vos ventes et attirer plus de client sur votre boutique en ligne, téléchargez mon guide gratuit.
Merci beaucoup pour cette information. Je me demandais ce qu’était l’attribut alt et comment l’utiliser
Peux t-on empêcher l’indexation d’une image ? Les fameuses images de l’interface de site ! :D
@Korben C’est une très bonne question.. malheureusement je ne voit pas comment empêcher google d’indexer tes images. En effet, les robots indexe soit la totalité d’une page soit rien du tout. Par contre ne pas remplir l’attribut alt (alt= » ») peut sans doute aider google à comprendre que ces images sont sans intérêt pour qu’il ne les affiche pas dans ses résultats de recherche.
Merci Olivier,
C’est clair, concis et très utile, comme d’habitude!
Belle journée
Merci Marilyne :)
Merci beaucoup pour cet article :)
Dans WordPress quelle est la différence entre le champ « Texte alternatif » et « Description »?
Le nom de l’image (image.jpeg) a-t-il un impact sur le référencement?
Merci Olivier!
Bonjour Marie,
dans la mesure où Google accorde de l’importance aux mots qui se trouve dans l’url d’une page, on peut considérer qu’il fait de même pour le nom de fichier d’une image.
Donc je conseille en effet de nommer intelligemment les images :).
Le champ description que l’on trouve quand on envoie une image sur wordpress correspond à un texte qui sera ajouté à la page dédiée à l’image.
Lorsque vous uploadez une image sur wordpress, ce dernier crée une page qui ne contient que cette image (+ la description si vous l’avez remplie).
Perso, j’ai fait en sorte que ces pages créées automatiquement ne soient pas repérables par Google, car je trouve qu’elles ne servent à rien, du coup je ne remplis jamais le champ description :)
Merci beaucoup Olivier. Cette réponse m’est infiniment utile car je faisais tout le contraire: je remplissais le champ « Description » pensant bien faire et pas »Texte alternatif ».
Mais ravie de voir que je ne perds pas mon temps à nommer mes images ;)
De rien ;)
Bonjour Olivier, j’ai bien votre module EASY SEO, qui est parfait pour le META, mais je n’ai pas trouvé comment générer automatiquement des descriptions sur les images comme pour les META, vous parlez de gain de temps mais a part reprendre les images une a une je n’ai pas trouver comment faire :(, et lorsque vous avez quelques 2000 fiches produits avec en moyenne 6 photos par articles et cela dans 5 langues je ne vous décrit même pas le travail insurmontable que cela demanderait :(
Bonjour Patrick,
il n’est pas possible d’automatiser le remplissage des attributs alt.
La raison est simple, seul un humain est capable de savoir ce qui est affiché sur l’image.
Si l’on cherche à automatiser ça on va se retrouver soit avec la même chose dans toutes les balises alt des images d’un même produit, ce qui n’a aucun intérêt.
Soit avec des balises alt qui ne correspond pas à l’image.
Le module easy seo permet de gagner du temps pour le remplissage des balises alt car il vous affiche vos images sur une une seule page et vous permet de les remplir manuellement, mais très rapidement.
Il suffit d’appuyer sur « alt » pour passer à l’image suivante et ça va donc beaucoup plus vite qu’avec le système classique de Prestashop.
Bonjour Olivier, je dois être un peu cruche (si si), mais je n’arrive pas réellement à cerner ce qu’est l’attribut alt :-/ Est-ce que c’est le nom que je donne à mes images au moment de les enregistrer ? (je ne parle pas de la légende qui est effectivement autre chose dans prestashop). Et, auquel cas, si mes images sont correctement nommées, est-ce que mon attribut alt est correctement rempli ? Merci de m’éclairer ;)
je viens de faire des recherches avec inspection du code source et apparemment, sur prestashop 1,7, la balise alt reprend les éléments de la légende ! J’ai vérifié sur plusieurs images et c’est avéré. Comme je remplis toutes mes légendes, c’est plutôt une bonne nouvelle pour moi !
Hello Pascale,
de mémoire dans Prestashop 1.7 l’attribut alt est appelé légende ce qui est une erreur de langage car ce ne sont pas les deux mêmes choses.
Donc en effet, lorsque tu remplis la « légende » dans Prestashop en réalité tu vas remplir « l’attribut alt ».
Pour rajouter un peu de complexité à tout ça selon le thème que tu vas utiliser pour ta boutique, tu vas aussi avoir ce fameux texte que tu auras ajouté dans la « légende » dans le backoffice de ton Prestashop qui s’affichera (en plus d’être ajouté dans l’attribut alt) sous l’image lorsque tu l’affiches en grand et là … il s’agit bien d’une légende :)
Bonjour Olivier,
Merci à vous pour ces pertinentes informations concernant l’amélioration du SEO d’un site. Je me permets, à mon tour, de vous poser une question : y aurait-il des éléments à bannir lors du choix du texte alternatif, tels que les signes de ponctuation ou encore les accents ?
En vous remerciant d’avance de votre aide,
Bien à vous,
Evangélia
Bonjour Evangélia,
a ma connaissance non rien de spécial à éviter.
Très clair et instructif, un grand merci
Que faire lorsque http://www.browseo.net ne trouve aucune balise alt sur des image
Cordialement
Bonjour Driss,
je suppose que le code de tes images n’est pas correct.
Il faut donc regarder ce qui génère ce code. Si tu utilises un thème, tu peux contacter son créateur et sinon un développeur pour sûrement t’aider.
Bonjour Olivier
Merci beaucoup pour ta réponse
Après beaucoup d’essais, j’ai remarqué que seules les balises alt des images de petite taille ( ex sur mon site : 505 x 300, 300 X 300 ) , ou les images utilisées dans une galerie, ne sont pas détectées par Browseo.net .
Mes images : 1024 x 384 n’ont aucun problème.
Merci
C’est encore une fois sans doute ton thème qui pour certaines images à prévu dans le code l’attribut alt et pour d’autres non.
En affichant (avec la console de Google chrome en appuyant sur F12) le code source de ton site tu peux vérifier ça.