.
Images adaptées à l’écran (responsive design)
Pour assurer une bonne expérience utilisateur, il est recommandé de proposer plusieurs images (de tailles différentes) pour que le navigateur de l’utilisateur utilise la plus adaptée aux dimensions de l’écran (en pixels).
Il existe pour cela 2 solutions :
l’attribut srcset de la balise img permet de définir plusieurs noms de fichiers ainsi que les tailles d’écran associéesla balise source (incluse dans un bloc picture) permet de définir différentes versions de la même image, dans des formats différents (par exemple un format vectoriel comme SVG en plus d’un format comme PNG)
Dans les 2 cas, il est important de prévoir une image par défaut dans l’attribut src de la balise img.
Code HTML avec img srcset :
Code HTML avec les balises picture et source :
Si vous avez besoin d’explications très détaillées sur les images responsive, cliquez ici.
Autres critères de classement du SEO des images
Situation de l’image dans la page
L’emplacement de l’image dans la page semble compter pour Google (on parle de ranking factor). Comme vous l’aurez compris, l’image la plus importante et pertinente pour votre page doit se situer au début du contenu principal.
Nom de l’image avec mots-clés (keywords)
Pour un bon référencement, faut-il mettre des mots-clés dans le nom du fichier image ? Oui mais c’est vraiment secondaire !
Donc je résume pour le nom du fichier : si vous gérez vos images une par une (et que vous n’en avez pas beaucoup), choisissez des bons noms de fichier pour vos images comme décrit ci-dessous. Dans le cas contraire, ne vous embêtez pas à le faire car l’impact est vraiment très faible. Et si vos images déjà en ligne n’ont pas de mots-clés, ne les changez pas !
Mes conseils :
incluez des mots-clés en rapport avec l’imageséparez les mots par un bon séparateur : moi je préfère les tirets (-) au lieu des underscores (_), car l’underscore n’est pas un séparateur… Ne collez pas les mots comme dans centrevilletoulouse, choisissez plutôt centre-ville-toulousen’utilisez pas de caractères spéciaux ou accentués, ni de majuscules, ça vous évitera des ennuispour les photos, utilisez le format JPEG, et pour les autres images le format PNG ou GIF. Vous pouvez aussi envisager les formats WebP ou AVIF qui donnent de meilleures performances (mais qui ne sont pas supportés par tous les navigateurs).Autres ranking factors pour le référencement des images
Voici d’autres critères supposés mais que je n’ai pas personnellement vérifiés :
Balise title : mettez dans la balise title de la page hébergeant l’image des mots-clés en rapport avec l’imageBalise h1 : mettez dans une balise h1 sur la page hébergeant l’image des mots-clés en rapport avec l’imagefiltre SafeSearch : dans tous les mots-clés, n’incluez aucune référence au sexe, sinon l’image sera filtrée par le filtre parental SafeSearch. L’image ne doit pas ressembler à des images censurées par le filtre…Backlinks de la page hébergeant l’image : comme pour le référencement classique, faites en sorte d’avoir des mots-clés stratégiques dans les textes des liens pointant vers la page incluant l’imageL’attribut title de la balise img
Un élément qui ne sert apparemment à rien en SEO, c’est l’attribut TITLE. Vous pouvez éventuellement remplir l’attribut title de la balise img (à ne pas confondre avec la balise title de la page), en y mettant une (autre) description de l’image. A ma connaissance cet attribut n’est pas pris en compte par les moteurs de recherche, mais vos visiteurs le verront (sur ordinateur) s’ils mettent leur souris au-dessus de votre image. A propos d’images : dimension des images Facebook, Twitter, LinkedIn…
Données structurées pour les images
Vous devriez inclure des données structurées ! L’intérêt n’est pas d’obtenir un meilleur positionnement, mais profiter :
de certains résultats enrichis (rich snippets)et d’un badge bien visible dans Google Images
Respectez les instructions générales relatives aux données structurées ainsi que les instructions spécifiques à votre type de données structurées. Dans le cas contraire, vos données structurées risquent de ne pas pouvoir être affichées dans les résultats enrichis de Google Images.
Dans chacun de ces types de données structurées, l’attribut image est un champ obligatoire pour pouvoir bénéficier d’un badge et d’un résultat enrichi dans Google Images.
Poids et taille des images
Le poids d’une image est le poids en Ko du fichier image. L’image qui compte vraiment, c’est celle indiquée dans l’attribut src de la balise img. Attention, parfois un script Javascript modifie l’attribut une fois que la page est chargée.
Vérifiez que toutes les images de votre site ne sont pas trop lourdes. Je vous conseille de ne pas dépasser trop souvent 100 Ko (c’est un ordre de grandeur).
La taille d’une image est le nombre de pixels en largeur et en hauteur. Je vous conseille d’adapter la taille à la largeur de l’écran : ni trop grand, ni trop petit.
Pour vérifier que tout est OK pour toutes vos images, faites une analyse des images avec mon outil RM Tech.
Astuces SEO pour les images
Les tags dans Google Images
Pour améliorer votre contenu éditorial entourant l’image (ce qui au final vous aidera à créer une page de qualité), regardez les “tags” que Google affiche au-dessus de ses résultats :
Les tags affichés en haut des résultats aident à enrichir le contenu éditorial (ou à ajouter d’autres images)
Dans mon exemple, pour la requête “soleil couchant océan” Google suggère “paysage”, “horizon”, “océan indien”, “nuage”, “océan atlantique”, “wallpaper”, “vagues”, “ciel”… Incluez les termes appropriés dans votre texte, de façon naturelle.
Egalement :
Si vous utilisez un tableau (balise table), assurez-vous d’inclure des mots-clés dans la même cellule du tableau que celle qui inclut l’imageNe mettez pas de mots clés dans l’attribut alt des images qui servent au design de votre site (et qui n’ont pas de rapport avec ces mots-clés). C’est inefficace et peut être assimilé à du spamdexing.Optimisez le texte du lien qui mène soit à la page web intégrant l’image, soit à l’image elle-même (ce texte de lien doit évidemment contenir des mots-clés)Référencement des photos
Pour bien référencer vos photos, assurez-vous de respecter les consignes générales (belle image inédite, grande, sur la largeur de contenu, dans un contexte sémantique adéquat). Optez pour le format WebP ou JPEG et optimisez la compression.
Comment bien référencer ses images avec WordPress ?assurez-vous que votre thème et les paramètres de WordPress prévoient plusieurs tailles d’images adaptées au design du siteuploadez une image de qualité, inédite, ni trop grande ni trop petite (cf. vos dimensions d’images configurées), avec une compression optimiséerenseignez l’attribut ALT ainsi que la légende et enregistrez-les dans la bibliothèque de médias de WordPressquand vous insérez une image dans une page, choisissez bien la taille adaptée (en pixels) et vérifiez que l’attribut ALT et la légende sont correctement définis
L’indexation des images dans Google
Comment faire indexer ses images dans Google ?
Dans les premières années de Google Images, c’était assez difficile de faire indexer ses images : ça pouvait prendre des mois. Aujourd’hui Google s’est bien amélioré et l’indexation est plus rapide.
J’ai déjà eu des images indexées en moins de 5 minutes (ça arrive si le sujet concerne une actualité majeure). A part s’assurer que la page HTML contenant l’image est bien indexée, je vous conseille d’utiliser les sitemaps images qui permettent de faciliter l’indexation. Si vous n’en avez pas fait, consultez la doc ici.
Le cas des contenus dupliqués en images
Le principe du contenu dupliqué s’applique aussi aux images. Quand Google repère 2 images identiques à 2 endroits différents, il tente d’identifier celle qui est légitime afin de l’afficher dans les résultats. Les autres (images dupliquées) sont en quelque sorte filtrées, parfois même non indexées.
Je vous recommande donc fortement de publier exclusivement des images inédites (sauf si elles n’ont pas vocation à être indexées).
Comment empêcher Google d’indexer mes images ?
La méthode consiste à empêcher Google de venir crawler vos images, ce qui signifie que ça doit être fait en amont. Le principe est d’utiliser le fichier robots.txt avec une certaine valeur du user-agent :
pour bloquer uniquement la recherche d’images de Google : User-agent: Googlebot-Imagepour bloquer tous les services de Google : User-agent: Googlebotpour bloquer tous les moteurs de recherche : User-agent: *
Par exemple pour empêcher le crawl par Googlebot-Image du répertoire /images/ (à la racine) :
User-agent: Googlebot-Image
Disallow: /images/
Pour empêcher le crawl par Googlebot-Image de tous les fichiers PNG :
User-agent: Googlebot-Image
Disallow: /*.png$
Pour empêcher le crawl par Googlebot-Image de toutes vos images :
User-agent: Googlebot-Image
Disallow: /
Attention, si vous avez des instructions pour un user-agent précis, seulement celles-ci seront appliquées pour le user-agent en question. Si vous avez d’autres instructions dans une section User-agent: *, elles seront ignorées par ce user-agent.
Comment supprimer une image indexée par Google ?
Pour désindexer une image, utilisez l’outil de suppression d’URL dans l’ancienne Search Console. N’oubliez pas que sans mesure de votre côté, la suppression est temporaire (90 jours). C’est à vous de vous assurer qu’en plus de cette demande, vous avez :
soit interdit le crawl de l’imagesoit supprimé l’image (elle ne renvoie plus un code 200)soit paramétré l’envoi d’un entête X-Robots-Tag noindex
Vous pouvez aussi utiliser cette méthode pour supprimer un répertoire entier, mais pas une liste d’URL malheureusement.
L’indexation d’images aux débuts de Google
Pour le fun, je laisse dans cet article une partie écrite en 2008 :
On est loin de l’époque où il fallait attendre la prochaine Google Images Dance (mise à jour) pour découvrir si ses images étaient indexées ! Voici pour l’Histoire (sic) les dates approximatives des dernières mises à jour de Google Images de cette époque :
A propos des images indexées dans Google Images, j’ai retrouvé les chiffres datant de l’époque où Google indiquait le nombre d’images indexées :
9 août 2005 : 2,19 milliards d’images1er juin 2005 : 1,3 milliard d’imagesfin janvier 2005 : 1,1 milliardfévrier 2004 : 800 millionsavant : 400 millions
Pour savoir combien Google a indexé d’images de votre site, vous pouvez utiliser le même opérateur que pour la recherche classique, à savoir site:example.com. Par exemple en 2008, Google avait indexé ~23.500 images du site lemonde.fr. Mais désormais le nombre de résultats n’est plus indiqué dans la recherche d’images…
FAQ
Quels sont les formats d’images pris en compte par Google ?
Google indexe les images aux formats suivants : BMP, GIF, JPEG, PNG, WebP, SVG et AVIF.
Google sait également gérer les images intégrées (chaîne de caractères encodés en base64) du type .
Evidemment le BMP est largement déconseillé car il n’inclut pas de compression (le fichier image est alors trop lourd).
Comment savoir si ça vaut le coup de travailler le SEO des images ?
A mon avis ça dépend des requêtes, en fait de l’intention de l’internaute. S’il cherche des images (sans forcément utiliser des mots comme image ou photo), alors c’est évidemment stratégique.
Pour le savoir, voyez à quelle hauteur des SERP Google affiche un bloc d’images. Si c’est tout en haut comme ici, alors c’est hyper stratégique :
La position du bloc d’images dans les SERP indique l’importance des images pour la requête. Ici c’est maximal puisque le bloc est tout en haut.
Parfois c’est encore plus important, car Google affiche un énorme groupe d’images :
Si Google affiche un groupe d’images en haut des résultats, c’est que les internautes cherchent essentiellement ça en priorité
Pour certaines requêtes, aucun bloc d’images n’apparait, donc ce n’est pas aussi stratégique. Mais pour savoir si les images intéressent malgré tout les internautes, regardez en quelle position Google place la recherche d’images (après “Tous”). Dans l’exemple ci-dessous, l’internaute cherche des explications sous format texte ou vidéo, mais les images sont importantes malgré tout :
Ici Images arrive en 1er type de résultats, c’est donc tout de même important même si aucun bloc d’images n’apparait par défaut en page 1
Comment mettre une image sur Google ?
Il suffit de l’inclure dans une page HTML que vous faites indexer dans Google. Pour cela, utiliser une ou plusieurs des méthodes suivantes : faites un lien vers la page depuis une page déjà indexée et souvent crawlée (genre accueil), incluez la page HTML dans un sitemap déclaré à Google, testez l’URL de la page HTML avec l’inspecteur de la search console puis demander qu’elle soit à nouveau indexée.
Qu’est-ce que la balise alt ?
L’attribut ALT de la balise IMG permet d’indiquer une version alternative de l’image, sous la forme d’un texte court. Il est destiné aux non voyants ainsi qu’aux robots d’indexation tels que Google. Il ne s’agit pas d’une balise mais d’un attribut.
Autres questions/réponses
Google tient-il compte des données EXIF et XMP ?
Google lit toutes les méta-données situées dans l’entête du fichier image et les utilise s’il juge cela pertinent. Par ailleurs, les métadonnées EXIF sont parfois affichées dans la partie droite de la page qui donne les détails sur une image. (source)
Combien peut-on mettre de mots-clés dans le ALT ?
L’attribut alt doit décrire succinctement l’image, donc entre 3 et 10 mots environ est un ordre de grandeur à suivre. N’oubliez pas de prévoir aussi une légende, et de soigner le contexte (champ lexical).
Comment indiquer la licence de l’image ?
Vous pouvez utiliser les métadonnées IPTC ou bien des données structurées schema.org (détails). Pour l’historique, sachez que Google supporte depuis 2018 les métadonnées IPTC Image Rights et depuis février 2020 un autre cadre de métadonnées par l’intermédiaire de Schema.org et de l’IPTC pour les images pouvant faire l’objet d’une licence. Pour information, Google a commencé en 2009 en expliquant qu’on peut le faire avec RDFa, en ajoutant par exemple un lien de ce type vers une URL précisant la licence :
Licence CC-BY-NC-SA
Sources : documentation de Google (général, formats gérés, métadonnées)
Merci d’avance pour vos commentaires et vos retours d’expériences, qui permettront de compléter ce guide d’optimisation des images ! (dans le forum référencement Images).
Cet article vous a-t-il plu ?
