Dans une stratĂ©gie SEO qui se veut complĂšte, chaque dĂ©tail compte. Aujourd’hui, nous verrons ensemble pourquoi et comment amĂ©liorer votre stratĂ©gie Image SEO pour booster encore plus votre stratĂ©gie de rĂ©fĂ©rencement naturel.

Pourquoi les images sont importantes en SEO ?

Comme le disait si bien Confucius, « une image vaut mille mots« . VĂ©ritable support pour appuyer un contenu en ligne, les images rendent la consultation d’une page comportant principalement du texte moins pĂ©nible. Celles-ci permettent d’illustrer vos propos, tout en « cassant » un flux de lecture qui pourrait vite devenir ennuyant.

Les images sont importantes dans le sens oĂč elles viennent Ă©pauler votre contenu avec des photos qui pourrait montrer un produit, des graphiques qui permettrait d’avoir un rĂ©sumĂ© d’un paragraphe analytique et d’autres types d’images (logo d’une marque, emplacement d’un magasin, etc.) qui rendent plus parlante votre page.

Qu’est-ce que l’Image SEO ?

Le SEO image est un processus d’optimisation de vos images d’un point de vue recherche. Le but est de rendre vos mĂ©dias plus attrayants pour les moteurs de recherche, mais Ă©galement pour les internautes afin que celles-ci soient classĂ©es dans la page des rĂ©sultats Google Images et vous offriront une nouvelle source de trafic.

Pratiquement tous les internautes ont dĂ©jĂ  utilisĂ© Google Images. Celui-ci a d’ailleurs Ă©tĂ© modifiĂ© en 2018 suite Ă  une plainte de la part de Getty Images, obligeant Google Ă  retirer le bouton « Voir l’image » qui permettait Ă  l’internaute d’avoir directement accĂšs Ă  l’image, et de plutĂŽt mettre en avant le bouton « Voir le site », qui permet dĂ©sormais d’accĂ©der Ă  la page web oĂč le mĂ©dia apparaĂźt.

Résultat d'une recherche sur Google Images pour le terme

On peut constater sur la recherche « chaussure nike » sur Google Images le tag « Produit », ainsi que le bouton bleu « Consulter », incitant l’internaute Ă  accĂ©der Ă  la page, typique d’une bonne stratĂ©gie d’Image SEO.

Depuis la modification apportée par Google, les sites internet ont pu observer une hausse de leur trafic, parfois de maniÚre assez importante : certains webmasters annonçant une hausse de 37 % de leur trafic !

MĂȘme sans viser une telle hausse, appliquer une stratĂ©gie Image SEO est simple, rapide et peut rĂ©ellement faire la diffĂ©rence par rapport Ă  vos concurrents. Que ce soit pour amĂ©liorer votre CTR, la durĂ©e moyenne de vos sessions et pourquoi pas l’ergonomie de votre site, les images sont d’excellents leviers pour une stratĂ©gie de rĂ©fĂ©rencement naturel rĂ©ussie !

VoilĂ  donc pour la rapide prĂ©sentation de ce qu’est le SEO pour les images. Passons maintenant Ă  notre partie conseils pratique pour amĂ©liorer votre stratĂ©gie!

Renommer correctement vos images

Google et les autres moteurs de recherche utilisent diffĂ©rents moyens pour deviner la signification d’une image. Parmi ceux-ci, le nom du fichier. Ce renommage Ă  la fois tout simple peut aider considĂ©rablement les moteurs de recherche Ă  identifier et classer votre image. DorĂ©navant, donc, vous prendrez comme rĂ©flexe de toujours bien renommer vos images avant de les tĂ©lĂ©verser sur votre site.

Renommage d'image pour le SEO

Essayez de tĂ©lĂ©charger cette image: vous verrez qu’elle a Ă©tĂ© renommĂ©e pour donner des indices Ă  Google!

Pour bien renommer vos images, Google recommande de renommer celles-ci avec des mots-clés permettant de donner des indices sur leurs significations. Si votre photo est une paire de basket Nike Air Max Plus 3, préférez donc la renommer « nike-air-max-plus-3.jpg » plutÎt que de laisser le nom par défaut qui est donné par votre appareil photo, et qui ne veut rien dire (Exemple : IMG0014.jpg).

Note : renommez l’image pour donner une description claire et prĂ©cise de votre mĂ©dia, mais ne croyez pas mettre un tas de mots-clĂ©s pour amĂ©liorer votre rĂ©fĂ©rencement. Cela peut ĂȘtre mal perçu et peut potentiellement vous pĂ©naliser. PrĂ©fĂ©rez donc « nike-air-max-plus-3.jpg » comme nom de fichier, et non pas « nike-air-max-plus-3-basket-tendance-sport-homme-design.jpg« .

  • Conseil : titres et paragraphes. Tout le monde le sait, Google est trĂšs intelligent pour Ă©tudier votre contenu. Faites donc en sorte que votre image soit placĂ©e le plus prĂšs possible du titre/paragraphe le(s) plus prĂ©cis, afin de lier celle-ci Ă  un contexte. Google saura donc que votre image est censĂ©e illustrer le contenu voisin.

Utilisez les attributs alt et title

Second point assez important : l’utilisation des attributs alt et title sur vos images. En plus de permettre de rendre votre site encore plus accessible en rendant vos images comprĂ©hensibles par les aveugles et mal-voyants, vous permettez Ă  Google de comprendre encore plus celles-ci.

En effet, Google utilise non seulement le contenu de votre page, mais Ă©galement le texte alternatif couplĂ© Ă  des algorithmes de vision par ordinateur. Ces outils, mais surtout l’utilisation de ces attributs permettra donc de mieux comprendre votre image et de mieux la classer sur les moteurs de recherche.

Qu’est-ce que l’attribut alt

L’attribut alt permet de donner un texte alternatif, une description d’une image avec des mots-clĂ©s. Un bon texte alternatif est une phrase de quelques mots qui permettra par exemple Ă  un aveugle de comprendre le contenu de votre image. Par exemple, le texte alternatif « Jolie fille faisant du vĂ©lo » dĂ©crit l’image ci-dessous

femme sur un velo

Conseil : si votre image n’a pas de but particulier dans le contenu de votre page et qu’elle est prĂ©sente uniquement Ă  des fins de design, utilisez l’attribut alt vide (ex: alt= » »).

Qu’est-ce que l’attribut title

L’attribut title quant Ă  lui est « moins important » que l’attribut alt ; et permet d’apporter une information supplĂ©mentaire sur une image. L’attribut title est affichĂ© lorsque l’utilisateur laisse son curseur sur l’image (le mouse-over). Si vous n’avez pas d’informations supplĂ©mentaires Ă  apporter, supprimez simplement cet attribut, car il n’est pas rĂ©ellement important pour votre rĂ©fĂ©rencement naturel.

favico

Passez votre souris sur le logo Unlidot pour afficher l’attribut title.

Conseil : Ă©vitez de dupliquer l’attribut alt dans le title. Vous alourdissez votre code pour rien, et encore une fois, c’est totalement inutile au niveau SEO.

Réduisez le poids de vos images

Point ULTRA IMPORTANT : faites en sorte de rĂ©duire au maximum le poids de vos images. Si vous devez retenir un seul conseil dans cet article, c’est bien celui-ci.

En effet, les images sont dans la majoritĂ© des cas les Ă©lĂ©ments les plus lourds d’une page web, et sont pratiquement toujours responsables d’un chargement d’une lenteur incroyable. En sachant que chaque seconde de chargement est une seconde de trop qui font fuir vos prospects, il est primordial de gĂ©rer leurs poids.

Il est tout à fait impensable de téléverser les photos prises depuis votre smartphone/appareil photo et qui pÚsent plusieurs MB sur votre site web. Avant cela, nous allons faire en sorte de réduire leur poids. Comment ? En compressant vos images au préalable !

Points Ă  souligner dans la compression

Le fait de compresser vos images pour rĂ©duire leur poids aura comme inconvĂ©nient la perte de qualitĂ© de celle-ci. En effet, la compression d’une image fonctionne en « économisant » sur certains dĂ©tails peu perceptibles.

squoosh compression image

On peut constater une rĂ©duction du poids de l’image de 91%, avec une perte de qualitĂ© minime/imperceptible.

Le but du jeu sera de réussir à réduire au maximum le poids de vos images tout en gardant une qualité correcte et agréable pour vos visiteurs.

Parmi les outils que vous pouvez utiliser pour compresser vos images, vous trouverez :

  • Squoosh (gratuit, en line)
  • Compressor (freemium, en ligne)
  • reSmush.it (propose un plugin gratuit pour WordPress)
  • Et plein d’autres via une recherche sur Google !

Conseil: les images transparentes sont gĂ©nĂ©ralement en PNG, mais ce format est plus lourd que le JPG. Ne prenez donc pas l’habitude de mettre toutes vos images en PNG. Au mieux, privilĂ©giez le format de fichier WebP qui accepte les deux, et qui possĂšde un trĂšs bon ratio compression/qualitĂ©.

Gardez en tĂȘte que Google Images accepte les formats BMP, GIF, JPEG, PNG, WebP et SVG. N’utilisez donc pas de format de fichier exotique qui risque en plus d’ĂȘtre incompatible par les navigateurs web de vos visiteurs.

WebP, le nouveau format image made in Google

WebP est un nouveau format de fichier image créé par Google en 2010. Ce nouveau format de fichier permettrait selon Google de réduire le poids des images de 30% à 80% (!) par rapport au format JPG ou PNG.

webp logo

Il est donc judicieux d’utiliser ce nouveau format de fichiers image. Je vous invite Ă  consulter le billet de blog que j’ai postĂ© sur mon blog personnel il y a quelque temps pour plus d’informations Ă  ce sujet :-).

Servez des images de bonnes dimensions.

small to big image

Comme expliqué dans le paragraphe du dessus, plus une image a de détails et plus elle pÚse son poids. Si une image est grande en terme de résolution, elle comportera plus de pixels, donc in-fine plus de données à charger.

Il est donc important de charger des images qui sont correctement redimensionnées afin de réduire leurs poids et de diminuer du code inutile. Beaucoup de sites utilisent des images en pleine résolution, qui ensuite sont redimensionnées avec du code pour « tricher » sur le visuel.

Et bien que cette technique fonctionne pour le visuel, elle ne l’est pas du tout au niveau du mĂ©dia: c’est assez pĂ©nalisant pour le chargement de votre page web.

Il peut ĂȘtre difficile Ă  comprendre ce concept pour des novices ; j’espĂšre que l’exemple suivant sera plus parlant.
Imaginez que vous ayez un tas Ă©norme de vĂȘtements sales. Et bien ce n’est pas parce que vous faites une boule ultra-compacte pour que ce bazar rentre dans votre panier Ă  linge que soudainement il y a moins de vĂȘtement Ă  nettoyer. Utiliser des images non redimensionnĂ©es correctement revient Ă  faire la mĂȘme chose.

Exemple plus concret : inutile de charger une icĂŽne de 1000x1000px si ce n’est que pour l’afficher en 50x50px. Redimensionnez celle-ci dans une version 50x50px qui sera moins lourde. Du poids et du code de gagnĂ©!

Utilisez un CDN pour servir vos images

Attention, cette partie est destinĂ©e Ă  des sites dont les visiteurs viennent d’un peu partout dans le monde.

Si votre site est hĂ©bergĂ© en Belgique mais qu’une partie non-nĂ©gligeable de vos visiteurs viennent disons du Canada, il peut ĂȘtre assez lent pour le serveur de charger et d’envoyer vos donnĂ©es jusque lĂ -bas.

Pour rĂ©duire ce temps de chargement, un CDN est l’outil parfait. Ce rĂ©seau de serveurs Ă©parpillĂ©s un peu partout dans le monde dupliquent vos images et prennent le relai pour leur chargement cĂŽtĂ© visiteur. Ainsi, si un visiteur vient du Canada, ce sera un serveur qui fait partie du CDN et qui est le plus proche du visiteur qui se chargera de lui fournir l’image. Moins de distance Ă  parcourir : l’image est plus rapidement chargĂ©e.

cdn visualization

Créer un sitemap pour vos images

Un sitemap dĂ©diĂ© Ă  vos images permettra aux robots des moteurs de recherche d’avoir un plan d’accĂšs complet de vos images, permettant une exploration plus rapide et efficace.

exemple sitemap google

Cette optimisation est assez fastidieuse Ă  faire manuellement, cependant des extensions pour CMS permettent de vous les gĂ©nĂ©rer automatiquement. C’est notamment le cas de RankMath pour WordPress par exemple.

Si vous utilisez un CMS et que vous vous ennuyez, n’hĂ©sitez donc pas Ă  crĂ©er un sitemap pour vos images. Sinon, ce n’est pas le manque de ce sitemap qui vous pĂ©nalisera. Disons que c’est plutĂŽt un « bonus ».

Attention : on parle bien du sitemap image. Le sitemap « standard » des pages de votre site est lui trÚs important !

Balise Obligatoire Description
<image:image> Oui Contient toutes les informations sur une seule image. Chaque balise <url> peut contenir jusqu’Ă  1 000 balises <image:image>.
<image:loc> Oui URL de l’image

Dans certains cas, il se peut que l’URL de l’image ne se trouve pas sur le mĂȘme domaine que votre site principal. Cela ne pose aucun problĂšme, Ă  condition que les deux domaines aient Ă©tĂ© validĂ©s dans la Search Console. Si, par exemple, vous utilisez un rĂ©seau de diffusion de contenu tel que Google Sites pour hĂ©berger vos images, assurez-vous d’avoir validĂ© ce site dans la Search Console. De plus, assurez-vous que votre fichier robots.txt n’empĂȘche pas l’exploration du contenu que vous souhaitez indexer.

<image:caption> Facultative LĂ©gende de l’image.
<image:geo_location> Facultative Emplacement gĂ©ographique de l’image. Exemple : <image:geo_location>Limerick, Ireland</image:geo_location>.
<image:title> Facultative Titre de l’image.
Rater un article Unlidot ? Plus jamais !

Suivez nous sur LinkedIn et ne manquez plus jamais un de nos articles. En plus, on sera amis! :-)

Balisez vos pages avec du Schema Markup

LĂ  aussi, cette optimisation est plutĂŽt destinĂ©e Ă  certains types de sites web. En effet, le fait de bien baliser vos pages, vous rĂ©ussirez Ă  afficher un badge sur Google Images, incitant au clic plus facilement. Si vous ĂȘtes une boutique en ligne (E-Commerce), il est intĂ©ressant de baliser votre page avec le schĂ©ma « product » pour afficher une Ă©tiquette « Produits » sur Google Images. L’exemple ci-dessous affiche par exemple le schĂ©ma « recipe »:

schema image search

Il est possible (actuellement) d’afficher les badges suivants sur Google Images: recettes, vidĂ©os, produits, et images animĂ©es (GIFs). Nous traiterons prochainement des Schema Markup sur le blog, donc restez connectĂ©s !

Image de couverture : : par Erik Mclean from Pexels