Essayez d'imaginer à quoi pourrait ressembler un site Web sans aucune image ! A vrai dire, c'est quasiment impossible tant les visuels ont toujours eu une place importante dans la conception et l'illustration d'un site Web. Le cas des images est donc un sujet à prendre au sérieux.

Les images ont pourtant une autre fonction que d'illustrer le contenu d'un site. En effet, en optimisant celles-ci de manière pertinente et judicieuse, elles peuvent devenir une aide redoutable pour améliorer le référencement des pages d'un site Web.

C'est quoi une image ?

Voici la définition proposée par Wikipedia :

Une image est une représentation visuelle, voire mentale, de quelque chose (objet, être vivant et/ou concept).

Elle peut être naturelle (ombre, reflet) ou artificielle (peinture, photographie), visuelle ou non, tangible ou conceptuelle (métaphore), elle peut entretenir un rapport de ressemblance directe avec son modèle ou au contraire y être liée par un rapport plus symbolique.


Dans l'univers du Web, plusieurs formats d’images sont utilisés pour illustrer les pages d'un site Web : JPEG, GIF, PNG et plus récemment, WEBP, SVG (fichiers vectoriels).
Toutes n'ont pas les mêmes propriétés et vous allez voir qu'il est possible d'utiliser ces fichiers pour améliorer le référencement de votre site Web.

Pour l'instant, les robots des moteurs de recherche ne sont pas encore capables d'interpréter le contenu visuel d’une image, mais rassurez-vous, cela ne saurait tarder. En attendant, certaines techniques permettent d'indiquer clairement ce que contient une image.

Pourquoi faut-il optimiser ses images pour le référencement ?

Si besoin est, voici plusieurs réponses à cette question en apparence anodine.

  • Parce que si vous ne le faites pas, vous aurez moins de visibilité que ceux qui le font,
  • Parce que pour certaines professions, afficher des visuels optimisés est O-BLI-GA-TOIRE sur leurs sites Web : banque d'images, photographes, graphistes, agences de communication, sites e-commerce, sites portfolio, etc.
  • Parce qu'une image peu ou pas optimisée, c'est du poids en plus sur la page, du temps de chargement en plus et au final, des internautes moins satisfaits,
  • Parce le référencement naturel d'un site Web passe par une multitude de détails qui mis bout à bout forment un ensemble cohérent et pertinent. Ne négligez donc aucun de ces détails pour performer sur le Web,
  • Parce que lorsque vous affichez une image, celle-ci occupe un certain espace (ou volume) sur la page. C’est autant d’espace en moins pour votre contenu textuel, lequel est lu et interprété par les robots des moteurs de recherche.
  • etc.

Comment optimiser les images ?

Nous allons voir maintenant qu'il est tout à fait possible de concilier l'amélioration graphique et esthétique d'un site Web tout en optimisant le référencement de celui-ci en suivant quelques conseils.

Le nom du fichier

Google n'arrivant pas encore à lire une image pour déterminer ce qu'elle représente, il convient d'aider les robots du moteur de recherche en nommant le fichier de manière explicite et si possible, avec vos mots-clefs.

Exemple : votre image représente le tableau La Joconde de Léonard de Vinci.
Si votre fichier est nommé IMG12345678.jpg, cela ne veut rien dire pour Google. Votre image sera peut-être indexée mais ne ressortira jamais dans Google Image pour une requête sur "La Joconde".
Mais si vous l'avez nommé joconde.jpg, vous indiquez alors au moteur de recherche que l’image que vous utilisez pour illustrer la page représente le fameux tableau représentant Mona Lisa. Cela permettra également au moteur de recherche d'interpréter plus précisemment la nature du contenu et du contexte de la page.

Dans le même ordre d'idées, vous pouvez employer une expression pour nommer une image. Dans ce cas, utilisez alors comme séparateur de mots, le tiret - ) plutôt que l'underscore _ car les moteurs de recherche ne reconnaissent pas l'underscore comme un séparateur.
Dans notre exemple, le nom du fichier devient : mona-lisa-joconde.jpg, par exemple.

Enfin, évitez de nommer votre image avec une majuscule et des caractères accentués ou spéciaux.

Le poids de l'image

Une image trop longue à s'afficher est bien souvent une image trop lourde car trop grande (le plus souvent). Dans ce cas, les moteurs de recherche ne crawleront pas votre page et l'internaute refermera l'onglet de votre page sans attendre la fin du chargement et ira visiter un autre site. Sachez qu'au delà de 200 Ko, une image peut être jugée comme lourde.

Même si certains moteurs de recherche sont capables de lire d'autres formats, il est recommandé d'utiliser de préférence les formats tels que WEBP, SVG, etc.
Pour indiquer aux moteurs de recherche les dimensions de votre image, vous pouvez également indiquez la largeur (width) et la hauteur (height) de votre fichier image.

Enfin, la taille d'origine de votre image doit être indentique à la taille d’affichage, c'est à dire qu'il n'est pas conseillé d'ajuster les dimensions de l'image avec du code. Afficher une image avec des dimensions raisonnables permet de réduire son poids, ce qui a pour conséquence de réduire le temps de chargement des pages.

D'un point de vue technique, une résolution de 72 ppp est amplement suffisante pour un affichage sur une page Web. Pensez également à réduire le poids des fichiers que vous mettez en ligne. N’hésitez pas à recourir à des outils en ligne comme Shrink Picture.

La balise alt

La balise alt (pour alternate text) est un élément important car elle permet d'indiquer un texte alternatif qui sera lu par les moteurs de recherche. Aussi, il est indispensable que le contenu de cette balise soit optimisé pour le référencement de l'image en question.

Techniquement, le contenu de la balise alt est affiché à l'écran lorsque le navigateur n'est pas en mesure d'afficher l'image en question.

Les mots-clefs contenus dans les balises alt favorisent ainsi le référencement des pages du site puisque cela permet d’employer des mots-clefs supplémentaires qui seront lus par les robots à condition toutefois de ne pas bourrer votre image de mots-clefs (Keyword Stuffing).


Exemple de mise en oeuvre :

<img src="/images/joconde-leonard-de-vinci.jpg" width="600" height="400" alt="La Joconde, tableau de Léonard de Vinci" />

Le titre de l'image

L'attribut title de l’image (à ne pas confondre avec le nom du fichier) est un texte qui s’affiche dans une infobulle au survol de la souris sur l'image. Même si le renseignement de cet attribut n’a aucun effet sur le référencement des images, c’est en revanche un plus en terme d’accessibilité et d’expérience utilisateur pour la navigation sur desktop.
Vous pouvez en profiter de placer des mots-clefs complémentaires à ceux contenus dans la balise alt de l'image en question.

La légende de l'image

La légende de l’image est un texte qui est généralement affiché sous l’image et qui commente et illustre l'image. Concrétement, la légende n’apporte aucune plus-value tangible en terme de référencement.
Néanmoins, celle-ci peut être utile pour améliorer l'accessibilité, l’expérience utilisateur et permet d'apporter du contenu cohérent autour de l’image, ce qui permet de soigner l'aspect contextuel.

L'importance du contexte

Tous les éléments se trouvant sur la page et donc, autour de l'image apportent aux robots des moteurs de recherche des informations précieuses sur l'image elle-même. Ces élements sont : le titre de la page, le contenu de la balise meta description ainsi que tout le contenu textuel de la page (y compris la légende et le titre de l’image). Cet ensemble doit être cohérent pour les moteurs de recherche afin que tous ces élements soient correctement référencés.

Parmi les erreurs les plus fréquentes et à éviter, citons par exemple le fait d’intégrer une image sans aucun rapport avec le contenu de la page. Ce type d'erreur envoie alors un message brouillé aux moteurs de recherche concernant le sujet de l’image.

L’environnement et le contexte de la page sont donc des facteurs primordiaux pour optimiser le référencement de vos images.

Le fichier Sitemap pour les images

Vous avez certainement lu l'article consacré au fichier Sitemap.xml pour votre site Web. Pour rappel, ce fichier apporte des informations précieuses sur l’arborescence de votre site à Google.
Au cours de cet article, nous avons également vu qu'il était possible de créer et d’ajouter un Sitemap dédié aux images afin d'en améliorer leur référencement.

Grâce à ce fichier Sitemap, vous apportez aux moteurs de recherche des informations indispensables telles que le nom de l'image, le contenu de sa balise alt, son emplacement sur le serveur, etc. Une fois le fichier soumis aux moteurs de recherche, cela permettra une meilleure indexation de vos images et une prise en compte de celles-ci dans le référencement global de votre site.

Pour aller plus loin

Je vous invite à lire les recommandations de Google sur le sujet qui sont un complément indispensable à cet article :

Conclusion

Vous connaissez et maîtrisez maintenant toutes les subtilités pour optimiser vos images afin d'améliorer le référencement global de votre site Joomla.
Grâce à ces quelques conseils, vous pourrez optimiser le positionnement et le référencement de vos images par les moteurs de recherche. Des images optimisées, c'est un contexte plus cohérent, un contenu enrichi pour vos visiteurs et une page plus facilement indexable par les robots.

web-eau.net

29800 Landerneau

06 74 50 27 99

daniel@web-eau.net