Bonnes pratiques de SEO pour Google Images

Google Images vous permet de découvrir visuellement des informations sur le Web. Les utilisateurs peuvent rapidement approfondir leurs recherches grâce à de nouvelles fonctionnalités qui leur offrent plus de contexte, comme des légendes d'image et des badges bien visibles.

L'ajout de contexte aux images permet d'affiner les résultats de recherche, ce qui contribue à améliorer la qualité du trafic sur votre site. Pour vous assurer que les internautes vous trouvent, il est donc important d'appliquer les règles d'optimisation Google Images à vos images et à votre site, par exemple en utilisant des attributs alt pour les images ou le balisage des données structurées. Suivez nos consignes pour accroître les chances que votre contenu apparaisse dans les résultats de recherche Google Images.

Optimiser l'expérience utilisateur

Pour optimiser la visibilité de votre contenu sur Google Images, concentrez-vous sur votre cible en lui offrant une expérience utilisateur de qualité : concevez vos pages en pensant d'abord aux internautes et non aux moteurs de recherche. Voici quelques conseils :

  • Fournissez des informations contextuelles pertinentes : assurez-vous que le contenu visuel coïncide avec le thème de la page. Nous vous recommandons de n'inclure des images que lorsqu'elles ont un intérêt direct pour les internautes. Nous déconseillons vivement l'utilisation d'images ou de texte non originaux.
  • Optimisez l'emplacement : lorsque cela s'avère possible, placez les images à proximité du texte qu'elles concernent. Il peut également être judicieux d'insérer l'image la plus importante vers le haut de la page.
  • Évitez d'inclure du texte important dans les images : évitez d'incorporer du texte dans les images, en particulier des éléments de texte importants tels que des titres et des éléments de menu, car tous les utilisateurs ne peuvent pas y accéder. De plus, ils ne sont pas pris en compte par les outils de traduction de page. Pour assurer une accessibilité maximale du contenu, ajoutez le texte dans le code HTML et fournissez un texte alternatif pour les images.
  • Créez des sites instructifs et de haute qualité : l'adéquation du contenu textuel d'une page Web est tout aussi importante que celle du contenu visuel pour Google Images. Plus les informations sont claires et précises, plus votre site a de chances de s'afficher dans les résultats de recherche. Le contenu de la page peut servir à générer un extrait de texte pour l'image. Notez que la qualité du contenu de la page est également prise en compte par Google lors du classement des images.
  • Créer des sites compatibles avec les différents types appareils : les internautes utilisent davantage Google Images sur leur mobile que sur leur ordinateur. C'est pourquoi il est important de concevoir un site compatible avec tous les types et toutes les tailles d'appareils. Utilisez l'outil de test d'optimisation mobile pour savoir si vos pages s'affichent bien sur les appareils mobiles et obtenir des conseils sur les améliorations à apporter.
  • Créez une structure d'URL logique pour vos images : nous utilisons le chemin de l'URL ainsi que le nom de fichier pour interpréter les images. Pensez à organiser le contenu des images de telle sorte que les URL aient une structure logique.

Vérifier le titre et la description de la page

Résultat d'image unique dans Google Images Page de résultats de recherche Google Images

Google Images génère automatiquement un lien de titre et un extrait de texte pour décrire au mieux chaque résultat de recherche, et montrer en quoi celui-ci répond à la requête saisie par l'internaute. Ces informations aident les utilisateurs à savoir si cela vaut la peine de cliquer ou non sur un résultat.

Nous utilisons différentes sources pour réunir ces informations, y compris les descriptions figurant dans les balises Title et Meta de chaque page.

Suivez nos consignes relatives aux titres et nos consignes relatives aux extraits pour améliorer la qualité de ces informations sur vos pages.

Ajouter des données structurées

Si vous ajoutez des données structurées, vos images peuvent apparaître sous la forme de résultats enrichis sur Google Images. Elles peuvent ainsi afficher un badge bien visible, ce qui fournit aux utilisateurs des informations pertinentes sur votre page et permet d'attirer une audience mieux ciblée sur votre site. Google Images accepte les données structurées pour les éléments suivants :

Suivez les consignes générales sur les données structurées ainsi que les directives propres à votre type de données structurées. Dans le cas contraire, elles risquent de ne pas s'afficher en tant que résultats enrichis dans Google Images. Dans chaque type de données structurées, vous devez renseigner l'attribut d'image pour que votre contenu puisse recevoir un badge et figurer dans les résultats enrichis de Google Images.

Produit sous forme de résultat enrichi dans Google Images Résultat vidéo enrichi dans Google Images

Optimiser la vitesse de votre site

Les images sont souvent volumineuses, ce qui peut ralentir le chargement des pages et faire fuir les visiteurs. Pour garantir une expérience utilisateur rapide et de haute qualité, veillez à appliquer les dernières techniques d'optimisation des images et celles relatives aux images responsives.

Analysez la vitesse de votre site à l'aide de l'outil PageSpeed Insights et consultez notre page Pourquoi la vitesse est-elle importante ? pour en savoir plus sur les bonnes pratiques et les techniques permettant d'améliorer les performances des sites Web.

Ajouter des photos de bonne qualité

Tout le monde préfère des photos de haute qualité à des images floues. En outre, les images nettes retiennent davantage l'attention des utilisateurs dans les vignettes de résultat, ce qui contribue à accroître le trafic.

Inclure des titres descriptifs, des légendes, des noms de fichiers et du texte pour les images

Google utilise le contenu de la page, y compris les légendes et le titre des éléments visuels, pour déterminer l'objet des images qui y figurent. Dans la mesure du possible, assurez-vous que les images sont placées à proximité du texte qui les concerne, ainsi que sur des pages dont le contenu coïncide avec ce qu'elles représentent.

Le nom de fichier peut également nous donner des indices sur l'objet de l'image. Par exemple, il est préférable d'utiliser mon-nouveau-chat-noir.jpg plutôt que IMG00023.jpg. Si vous localisez vos images, veillez à traduire également les noms de fichiers, en gardant à l'esprit les consignes d'encodage des URL si vous utilisez des caractères non latins ou spéciaux.

Utiliser un texte alternatif descriptif dans l'attribut alt.

Le texte alternatif (texte décrivant une image) améliore l'accessibilité pour les personnes qui ne peuvent pas voir les images sur les pages Web, y compris lorsqu'elles utilisent des lecteurs d'écran ou lorsque leur connexion est lente.

Nous utilisons non seulement le contenu de la page, mais aussi le texte alternatif avec des algorithmes de vision par ordinateur afin de déterminer l'objet de l'image. De plus, le texte alternatif dans les images peut servir de texte d'ancrage si vous décidez d'utiliser ces dernières en tant que liens.

Pour la rédaction de votre texte alternatif, attachez-vous à créer un contenu utile et informatif qui utilise les mots clés de manière appropriée et coïncide avec le thème de la page. Évitez d'ajouter un nombre excessif de mots clés dans les attributs alt (accumulation de mots clés). Cela nuit à l'expérience utilisateur, et votre site risque d'être considéré comme du spam.

Déconseillé (texte alternatif manquant) :

<img src="puppy.jpg"/>

Déconseillé (accumulation de mots clés) :

<img src="puppy.jpg" alt="<img src="chiot.jpg" alt="chiot chiots petit chien petits chiens retriever labrador berger allemand setter chien de chasse jack russell terrier nourriture pour chien nourriture pas chère nourriture pour chiot"/>"/>

Préférable :

<img src="puppy.jpg" alt="chiot"/>

Vivement conseillé :

<img src="puppy.jpg" alt="Chiot dalmatien en train de jouer à la balle"/>

Pensez également à l'accessibilité de votre texte alternatif, conformément aux consignes W3. Pour l'élément <img>, vous pouvez ajouter l'attribut alt de l'élément, tandis que pour les éléments <svg> intégrés, vous pouvez utiliser l'élément <title>. Exemple :

<svg aria-labelledby="svgtitle1">
  <title id="svgtitle1">Googlebot wearing an apron and chef hat, struggling to make pancakes on the stovetop</title>
</svg>

Nous vous conseillons de tester votre contenu en vérifiant son accessibilité et en utilisant un émulateur de connexion réseau lente.

Aider Google à découvrir toutes vos images

Utiliser le balisage sémantique pour les images

Google analyse le code HTML de vos pages pour indexer les images, mais n'indexe pas celles qui sont au format CSS.

Conseillé :

<img src="puppy.jpg" alt="Un chiot golden retriever" />

Déconseillé :

<div style="background-image:url(puppy.jpg)">Un chiot golden retriever</div>

Utiliser un sitemap pour les images

Vous pouvez fournir l'URL d'images que nous n'aurions peut-être pas trouvées autrement. Pour ce faire, envoyez un sitemap pour images.

Contrairement aux sitemaps classiques, les sitemaps pour images peuvent contenir des URL provenant d'autres domaines, qui appliquent des restrictions sur plusieurs domaines. Ils vous permettent également d'utiliser des réseaux de diffusion de contenu, ou CDN, pour héberger les images. Si vous utilisez un CDN, nous vous encourageons à valider la propriété de son nom de domaine dans la Search Console pour que nous puissions vous informer des erreurs d'exploration potentielles.

Formats d'image compatibles

Google Images accepte les images aux formats suivants : BMP, GIF, JPEG, PNG, WebP et SVG .

Vous pouvez également intégrer des images sous la forme d'URI de données. Les URI de données permettent d'inclure un fichier, tel qu'une image, en définissant l'attribut src d'un élément img en tant que chaîne encodée en Base64 au format suivant :

<img src="data:image/svg+xml;base64,[data]">

Si les images intégrées réduisent en général le nombre de requêtes HTTP, utilisez-les à bon escient, car elles augmentent aussi considérablement la taille de la page. Pour en savoir plus sur les avantages et les inconvénients des images intégrées, consultez notre page web.dev.

Images responsives

La conception de pages Web responsives améliore l'expérience utilisateur, car les internautes peuvent y accéder depuis un grand nombre d'appareils. Consultez notre guide sur les images responsives pour en savoir plus sur les bonnes pratiques liées au traitement des images sur votre site Web.

Les pages Web utilisent l'élément <picture> ou l'attribut srcset d'un élément img pour spécifier des images responsives. Toutefois, ces attributs ne sont pas reconnus par tous les navigateurs et robots d'exploration. Nous vous recommandons de toujours spécifier une URL de remplacement via l'attribut src.

L'attribut srcset vous permet de spécifier différentes versions de la même image, en particulier pour différentes tailles d'écran.

Exemple : <img srcset>

<img srcset="example-320w.jpg 320w,
       example-480w.jpg 480w,
       example-800w.jpg 800w"
   sizes="(max-width: 320px) 280px,
      (max-width: 480px) 440px,
      800px"
   src="example-800w.jpg" alt="responsive web">

L'élément <picture> est un conteneur qui permet de regrouper différentes versions <source> de la même image. Cette approche permet au navigateur de choisir la bonne image en fonction des fonctionnalités de l'appareil, telles que la densité de pixels et la taille de l'écran. L'élément picture se révèle également très pratique lorsque vous utilisez de nouveaux formats d'image intégrant une stratégie de dégradation élégante pour les clients qui ne les accepteraient pas encore.

Nous vous conseillons de toujours fournir une balise img comme solution de remplacement avec un attribut src lorsque vous utilisez l'élément picture au format suivant :

Exemple : <picture>

<picture>
 <source type="image/svg+xml" srcset="pyramid.svg">
 <source type="image/webp" srcset="pyramid.webp">
 <img src="pyramid.png" alt="large PNG image...">
</picture>

SafeSearch est un paramètre des comptes utilisateur Google. Il permet aux utilisateurs d'indiquer s'ils souhaitent afficher ou bloquer les images, vidéos et sites Web au contenu explicite dans les résultats de recherche Google. Pour que nous puissions appliquer correctement les filtres SafeSearch à votre site si nécessaire, vous devez vous assurer que Google comprend la nature de votre site. En savoir plus sur le balisage des pages SafeSearch

Désactiver les liens intégrés Google Images

Si vous le souhaitez, vous pouvez empêcher que l'image s'affiche en taille réelle sur la page de résultats de recherche de Google Images en y désactivant les liens intégrés.

Pour désactiver les liens intégrés :

  1. Lorsque votre image est demandée, examinez l'URL de provenance HTTP dans la requête.
  2. Si la requête provient d'un domaine Google, renvoyez un code d'état HTTP 200 ou un code d'état HTTP 204 sans contenu.

Google explorera quand même votre page et verra l'image, mais affichera une vignette générée au moment de l'exploration dans les résultats de recherche. Vous pouvez désactiver les liens intégrés à tout moment, et lorsque vous le faites, les images de votre site Web n'ont pas besoin d'être traitées à nouveau. Ce comportement n'est pas considéré comme une technique de dissimulation d'image et n'entraîne pas d'action manuelle.

Vous pouvez également empêcher complètement l'image de figurer dans les résultats de recherche.

Et enfin…

Veuillez lire le guide Bien débuter en référencement naturel (SEO) qui contient de nombreuses informations utiles pour améliorer votre classement. Pour toute autre question, rendez-vous dans la communauté d'aide Google Search Central.