Comment bien référencer ses images sur Google ?
Pour optimiser le référencement d'une image, il ne suffit pas d'ajouter quelques mots-clés dans son nom de fichier. Google analyse différents signaux pour comprendre une image : son texte alternatif, son nom, le contenu qui l'entoure, la page sur laquelle elle apparaît, mais aussi la manière dont elle est intégrée et accessible aux moteurs de recherche.
L'optimisation des images répond également à un enjeu de performance. Des fichiers inutilement lourds peuvent ralentir l'affichage d'une page et dégrader l'expérience utilisateur. Une bonne stratégie de SEO image consiste donc à travailler simultanément la compréhension de l'image, son contexte, son accessibilité et ses performances.
Pourquoi optimiser ses images pour le référencement ?
Les images peuvent apparaître dans différents environnements de Google, notamment
Google Images, mais aussi au sein des résultats de recherche classiques ou de
Google Discover.
Une image pertinente et correctement intégrée peut donc contribuer à la visibilité d'une page et permettre aux internautes de découvrir un contenu à travers une recherche visuelle.
L'optimisation des images présente également d'autres avantages :
- aider les moteurs de recherche à comprendre leur contenu ;
- améliorer l'accessibilité grâce aux textes alternatifs ;
- réduire le poids des pages ;
- améliorer l'expérience sur mobile ;
- faciliter la découverte des images par Google ;
- enrichir la présentation des contenus.
L'image doit cependant rester au service de la page. Son optimisation SEO commence donc par un principe simple : utiliser une image pertinente dans un contenu lui-même pertinent.
1. Utiliser des images pertinentes et de bonne qualité
Avant même de parler de balise ALT ou de nom de fichier, la qualité et la pertinence de l'image comptent.
Une image doit apporter quelque chose au contenu : présenter un produit, illustrer une notion, montrer une réalisation, expliquer un fonctionnement ou aider l'utilisateur à comprendre l'information.
Lorsque cela est possible, privilégiez donc des visuels :
- nets et suffisamment détaillés ;
- réellement liés au contenu de la page ;
- adaptés aux dimensions auxquelles ils seront affichés ;
- utiles à l'utilisateur.
Une image de qualité ne signifie toutefois pas un fichier inutilement lourd. Il faut rechercher un équilibre entre qualité visuelle et poids du fichier.
2. Optimiser le poids et les dimensions des images
Les images représentent souvent une part importante des données téléchargées par une page web.
Envoyer une image beaucoup plus grande que la taille à laquelle elle sera réellement affichée oblige inutilement le navigateur à télécharger davantage de données.
Il n'existe pas de poids maximum universel comme « 100 Ko » ou « 500 Ko » applicable à toutes les images. L'objectif consiste plutôt à obtenir le fichier le plus léger possible tout en conservant une qualité suffisante pour son usage.
Plusieurs bonnes pratiques permettent d'y parvenir :
- redimensionner les images aux dimensions réellement nécessaires ;
- compresser les fichiers ;
- choisir un format adapté ;
- proposer différentes tailles selon les écrans ;
- éviter de charger immédiatement les images qui ne sont pas encore visibles.
Ces optimisations sont particulièrement importantes sur mobile.
3. Choisir le bon format : JPEG, PNG, WebP, AVIF ou SVG ?
Le format doit être choisi en fonction du type de visuel et des contraintes du site.
Les formats
WebP et
AVIF permettent notamment d'obtenir une compression efficace pour de nombreux usages web.
Google Search prend en charge ces formats, ainsi que
JPEG,
PNG,
GIF,
SVG et
BMP.
Il n'est donc pas nécessaire de convertir aveuglément toutes les images vers un seul format. Le bon choix dépend du contenu du visuel, de la qualité souhaitée, de la transparence éventuelle et de la compatibilité nécessaire.
Pour les
images responsives, les éléments `
` et `srcset` permettent également de proposer plusieurs versions afin que le navigateur sélectionne une ressource adaptée au terminal utilisé.
4. Renseigner correctement l'attribut ALT
Le texte alternatif, ou attribut `alt`, est l'un des éléments importants pour aider à décrire une image.
Il joue notamment un rôle essentiel pour l'accessibilité : les technologies d'assistance peuvent l'utiliser pour transmettre l'information contenue dans une image aux utilisateurs qui ne peuvent pas la voir. Google utilise également le texte alternatif, conjointement avec le contenu de la page et ses systèmes de compréhension des images, pour déterminer ce que représente un visuel.
Un bon ALT doit donc décrire naturellement ce qui est pertinent dans l'image en tenant compte de son contexte.
Par exemple, pour la photographie d'une boutique PrestaShop affichée sur ordinateur :
`alt="Boutique en ligne PrestaShop affichée sur ordinateur"`
Il serait en revanche inutile d'écrire :
`alt="Prestashop boutique Prestashop ecommerce site ecommerce agence Prestashop"`
Cette seconde formulation correspond à du bourrage de mots-clés et n'aide ni l'utilisateur ni Google.
Toutes les images ne nécessitent d'ailleurs pas une description détaillée. Une image purement décorative peut recevoir un attribut ALT vide afin d'éviter d'ajouter une information inutile aux technologies d'assistance.
5. Donner un nom descriptif aux fichiers images
Le nom du fichier constitue un indice supplémentaire, même si son importance ne doit pas être exagérée.
Évitez autant que possible les noms génériques comme : `IMG_5487.jpg`
Préférez un nom court et descriptif : `boutique-prestashop-mobile.webp`
Le nom doit avant tout permettre de comprendre le sujet de l'image. Il n'est pas nécessaire d'y accumuler les mots-clés.
Cette bonne pratique est particulièrement intéressante lorsqu'un site comporte un grand nombre de photographies, illustrations ou visuels produits.
6. Placer l'image dans un contexte sémantique pertinent
Google ne cherche pas à comprendre une image isolément. Le contenu de la page et le texte situé à proximité contribuent également à déterminer son sujet.
Une photographie d'un produit aura donc davantage de contexte si elle est placée à proximité du nom et de la description de ce produit que si elle apparaît dans une section sans rapport avec celui-ci. Lorsque cela apporte une information utile au lecteur, une légende peut également aider à contextualiser le visuel.
C'est une raison supplémentaire pour travailler la qualité globale de vos pages : le référencement des images et celui du contenu qui les accueille sont étroitement liés.
7. S'assurer que Google peut découvrir les images
Une
image parfaitement optimisée ne pourra pas apparaître dans
Google Images si Google ne peut pas correctement la découvrir ou l'explorer.
Google recommande notamment d'intégrer les images importantes à l'aide d'éléments HTML standards comme `
![]()
`.
Une image utilisée uniquement comme arrière-plan CSS n'est pas traitée de la même manière pour l'indexation des images.
Pour les sites comportant de nombreuses images, un sitemap d'images peut également aider Google à découvrir des fichiers qu'il aurait autrement plus de difficulté à identifier. Il faut enfin vérifier que les ressources nécessaires ne sont pas bloquées à l'exploration.
8. Utiliser le lazy loading avec discernement
Le lazy loading consiste à différer le chargement des images qui ne sont pas immédiatement visibles à l'écran.
Cette technique permet d'éviter de télécharger dès l'ouverture de la page des ressources dont l'utilisateur n'a peut-être pas encore besoin. Elle est particulièrement adaptée aux images situées plus bas dans une page.
En revanche, il faut être prudent avec les images immédiatement visibles, notamment une grande image principale susceptible d'influencer le Largest Contentful Paint (LCP) (le temps nécessaire pour afficher le plus grand élément visible dans la zone d'affichage initiale d'une page). Retarder son chargement peut au contraire dégrader la performance perçue.
Le lazy loading doit donc être utilisé en fonction de la position et du rôle de chaque image, et non appliqué indistinctement à tous les visuels.
9. Définir les dimensions des images
Renseigner les dimensions `width` et `height` des images permet au navigateur d'anticiper l'espace qu'elles vont occuper avant leur chargement.
Cela contribue à limiter les déplacements inattendus des éléments pendant l'affichage de la page, un phénomène pris en compte par le Cumulative Layout Shift (CLS) (un indicateur qui mesure la stabilité visuelle d'une page et les décalages inattendus des éléments pendant son chargement).
Les images participent donc directement à certains enjeux liés aux
Core Web Vitals et à l'expérience utilisateur.
10. Indiquer une image principale pertinente
Lorsqu'une page possède une image particulièrement représentative, il est possible de fournir aux plateformes différentes informations permettant de l'identifier.
Google indique notamment pouvoir prendre en compte :
- la propriété `primaryImageOfPage` dans les données structurées Schema.org ;
- la propriété `image` associée à l'entité principale de certaines données structurées ;
- la balise `og:image`.
L'image sélectionnée doit être pertinente, représentative de la page et, si possible, de bonne résolution. Cela ne garantit pas que Google utilisera systématiquement cette image, puisque le choix final de l'aperçu reste automatisé.
11. Penser aux données structurées lorsque le contenu s'y prête
Sur certaines pages, les images font partie des informations transmises à Google à travers les données structurées. C'est notamment pertinent pour différents contenus comme les produits, recettes ou articles lorsque les données structurées correspondantes sont utilisées.
Pour les sites proposant des photographies originales ou sous licence, Google prend également en charge certaines métadonnées relatives aux images et aux droits associés. L'intérêt dépend donc du type de site et du rôle joué par les images.
12. Les erreurs SEO à éviter avec vos images
Pour résumer, évitez notamment de :
- télécharger des fichiers beaucoup plus grands que nécessaire ;
- utiliser systématiquement des noms comme `IMG001.jpg` ;
- remplir les attributs ALT de mots-clés ;
- utiliser le même ALT générique pour toutes les images ;
- placer des images sans rapport avec le contenu ;
- charger paresseusement une image principale importante sans raison ;
- utiliser uniquement des images CSS lorsqu'elles constituent un contenu important à indexer ;
- négliger l'affichage mobile ;
- penser que l'optimisation du fichier suffit à garantir son classement dans Google Images.
Comment améliorer durablement le SEO de vos images ?
Le référencement des images ne repose plus sur quelques astuces isolées.
Une optimisation efficace associe aujourd'hui qualité du visuel, texte alternatif, contexte sémantique, nom de fichier, performances, responsive design, accessibilité et découvrabilité par les moteurs de recherche.
Ces bonnes pratiques profitent à Google Images, mais également à l'expérience globale proposée par votre site. Et surtout, l'optimisation des images doit s'inscrire dans une stratégie SEO plus large : architecture, contenus, performances, maillage interne et qualité technique fonctionnent ensemble.
FAQ sur le référencement des images
Faut-il mettre le mot-clé principal dans toutes les balises ALT ?
Non. Le texte alternatif doit décrire l'image naturellement. Ajouter artificiellement le même mot-clé dans toutes les images constitue une mauvaise pratique et peut dégrader l'accessibilité comme la qualité du contenu.
Quel est le meilleur format d'image pour le SEO ?
Il n'existe pas un format universellement meilleur pour le référencement. WebP et AVIF permettent notamment une compression efficace, tandis que JPEG, PNG ou SVG restent pertinents selon le type de visuel. Le choix doit concilier qualité, poids et usage.
Google peut-il indexer les images chargées en lazy loading ?
Oui, à condition que l'implémentation permette à Google de découvrir et charger correctement les images. Le chargement ne doit notamment pas dépendre d'une action de l'utilisateur comme un clic ou un défilement manuel indispensable à leur découverte.