Comment optimiser ses images pour le web ?

comment optimiser ses images pour le web

Vous avez l’habitude d’illustrer vos articles de blog ou vos pages web avec des images ?

C’est bien, elles attirent plus facilement le regard des internautes ! 

Mais avez-vous pensé à les optimiser pour le web ?

Le référencement des images aussi est important sur votre site web, que ce soit un e-commerce, un blog ou un site vitrine. Alors découvrez tout de suite pourquoi et comment l’optimiser avec 6 bonnes pratiques.

Pourquoi c’est important d’optimiser le référencement de ses images ?

Mais d’abord, qu’est-ce que c’est le référencement des images ?

Ce sont toutes les bonnes pratiques qui permettent d’indexer et d’optimiser ses images sur les moteurs de recherche.

En optimisant le référencement de vos images, vous avez la possibilité de renforcer votre présence et votre visibilité sur les moteurs de recherche visuels

L’objectif ? Booster le trafic de votre site web.

En effet, Google Images représente 22,6% du trafic organique mondial (selon SparkToro en 2018).

Pas vraiment négligeable, donc ! 

Et si on voyait concrètement 6 bonnes pratiques pour optimiser vos images ?

6 conseils pour optimiser ses images pour le web 

Même si l’absence d’optimisation des images n’impacte pas le positionnement ou la santé de votre site web, pensez à appliquer ces 6 conseils.

Cela ne pourra qu’être bénéfique pour votre trafic et l’expérience utilisateur de vos internautes ! 

Renommer ses images

La première étape avant d’importer une image sur votre page web : la renommer correctement.

Qu’est-ce que ça veut dire exactement ?

Le nom de votre fichier doit : 

  • contenir votre mot-clé principal, éventuellement séparé par des tirets (-) s’il y a plusieurs mots
  • ne pas contenir de caractères spéciaux ni d’espaces
  • être pensé pour parler aux internautes. Vos images apparaîtront ainsi plus souvent dans les recherches sur Google Images.

Par exemple : “tendances-deco-2021” à la place de “IMG4523484646876874.jpg”. 

Compléter le texte alternatif

Renseignez le texte alternatif sur WordPress

Selon une étude de SEMrush, plus de 65% des pages web contiennent des images qui n’ont pas d’attributs Alt.

L‘attribut Alt, ou texte alternatif, est une phrase qui décrit succinctement votre image, sans accents ni majuscules. 

Pourquoi c’est important de renseigner le texte alternatif

  • pour que les moteurs de recherche puissent “lire” vos images et ainsi correctement les référencer
  • pour avoir un contenu écrit qui s’affiche à la place de l’image, si jamais elle ne se charge pas sur la page
  • pour permettre aux malvoyants de mieux interpréter vos visuels

Le texte alternatif est également l’endroit idéal pour placer vos mots-clés !

Le seul cas où vous ne devez pas compléter l’attribut Alt est lorsque votre image est purement décorative.

Renseigner une légende

La légende d’une image est particulièrement utile pour l’expérience de vos utilisateurs.

En la renseignant sur vos images, vous les aidez à comprendre l’image en lui donnant un contexte.

Et n’oubliez pas de l’optimiser en y plaçant les mots-clés principaux de votre page web.

Sur l’image ci-dessus, vous pouvez voir l’espace pour compléter la légende sur le CMS WordPress.

Réduire la taille de ses images

Vous le savez probablement : la vitesse de chargement d’un site web est importante, autant pour l’expérience utilisateur que pour le référencement naturel.

Un site qui charge trop lentement peut perdre des clients.

En effet, des études montrent que 53% des internautes quittent une page web si elle met plus de 3 secondes à s’afficher et chaque seconde de chargement en trop peut coûter jusqu’à 7% du taux de conversion (source : anthedesign.fr).

Et si son temps de chargement est trop long, il peut également se voir déclassé par les moteurs de recherche.

Des images dont la taille et le poids ne sont pas optimisés peuvent être à l’origine d’une vitesse de chargement trop importante.

Pour la taille du fichier, pensez à recadrer vos images avant de les importer sur votre CMS. Inutile d’importer une image en 4803 x 2680 pixels alors qu’elle sera affichée en 180 x 230 sur votre page.

Vous pouvez utiliser des outils comme Aperçu (Mac) ou Img2Go pour les redimensionner.

Pour optimiser le poids, compressez vos images sans perdre en qualité grâce à un de mes outils en ligne favoris : Compressor.io.

utilisez l'outil de compression compressor pour optimiser le poids de vos images sans perdre en qualite
Compressor.io, un outil de compression en ligne particulièrement efficace pour optimiser ses images

Choisir des images cohérentes avec le contenu

Ça paraît peut-être évident, mais je préfère le préciser malgré tout : la cohérence entre votre contenu et vos images compte énormément.

Elle compte autant pour l’utilisateur que pour le moteur de recherche. Tous deux ont besoin de comprendre le contenu de votre page web, en analysant tous les éléments qui la composent (texte, images…).

Soyez donc vigilants à rester cohérents dans l’utilisation de visuels, même ceux qui ont un but purement décoratif.

Pour trouver des images pertinentes gratuitement, rendez-vous sur les banques d’images libres de droit.

Créer un sitemap image

Il est maintenant possible de construire un sitemap image, c’est-à-dire spécialement dédié à vos images, que vous pouvez ensuite communiquer via la Google Search Console.

Ce sitemap vous permet d’envoyer, d’un seul coup, toutes les images optimisées SEO de votre site que vous souhaitez indexer.

Pour la marche à suivre complète, consultez le guide Google.

14 outils pour l’optimisation de ses images

J’ai déjà commencé à vous en parler : pour correctement optimiser vos images, certains outils sont nécessaires.

Réduire le poids, la taille ou compléter le texte alternatif… 

Voici une liste d’outils supplémentaires pour optimiser le référencement de vos visuels

Optimiser ses images avec des logiciels

Notamment pour réduire le poids et la taille de vos images : 

Utiliser des extensions WordPress

Il existe également de nombreuses extensions WordPress qui vous aident pour l’optimisation et le référencement de vos images

Prenez l’habitude d’optimiser vos images pour le web.

C’est une source de trafic et de conversion intéressante : un véritable levier SEO

Est-ce déjà un automatisme chez vous ? 

Et si vous avez aimé cet article, épinglez-le sur Pinterest !

6 conseils pour optimiser vos images pour le web
comment optimiser vos images pour le web
comment optimiser vos images pour le web avec ces 6 bonnes pratiques

12 commentaires

  1. Article super intéressant ! Une question cependant : je pensais que le cadre destiné à la “légende” importait peu… et qu’il fallait surtout remplir “la balise ALT” et le ‘Titre”… Y a t il vraiment un intérêt à renseigner la “Légende” ? Merci

    1. Merci pour ce retour Nicolas 😊oui tu as raison, la balise Alt et le titre sont les plus importants pour le SEO des images. La légende a beaucoup moins de poids mais elle est utile pour l’expérience utilisateur, pour le guider dans la compréhension de ton image. Il y a bien un intérêt, même si ce n’est pas en SEO : proposer à ton internaute une expérience utilisateur au top du top 😉

  2. Merci pour ces conseils Charlotte. Tes articles sont toujours très bien faits !

    1. Merci pour ton retour Deltrey, je suis vraiment très contente de voir que mes articles te plaisent et t’aident 🙂

  3. Merci Charlotte pour cet article. J’optimise mes images depuis très longtemps, mais j’ai découvert de nouvelles astuces dans ton article. 🙏🏼

    1. Merci pour ce retour Pascale, je suis contente de savoir que l’article t’a appris de nouvelles choses 🙂

  4. Lucile BALADIER a dit :

    Super article ! Toutes les infos sont rassemblées au même endroit… du coup je me suis inscrite au bonus 🙂

    1. Merci Lucie et bienvenue parmi les abonnés de la newsletter, promis tu ne seras pas déçue par ce que tu vas découvrir 😉

  5. Merci pour ces conseils, j’ai redimentionné toutes les images de mon site, mais je crois que les anciennes sont restées sur le serveur. En tout cas le temps de chargement est tjs le même, as tu une astuce pr supprimer les images non utilisées ? Merci beaucoup !

    1. Super, très bonne initiative Anna 🙂
      Pour supprimer plusieurs images d’un coup, tu peux te rendre dans la médiathèque WordPress et appuyer sur le bouton “Sélection groupée”. Tu pourras ainsi sélectionner toutes les images que tu souhaites supprimer définitivement, au lieu de le faire une par une. Mais vérifie bien que ce sont des doublons avant de les supprimer, car cette manoeuvre est définitive 😉

  6. Bonjour Charlotte,
    merci pour ton article, il tombe vraiment à pic,
    j’étais hier en train justement de me poser la question de savoir quel champ il fallait remplir, juste le titre ou plus etc.
    En bonus, j’ai appris encore plus de choses utiles que prévu et dans un format très digeste, simple à lire même pour une néophyte.

    1. Hello Anna, merci pour ton partage et pour ce retour ! Si l’article t’a appris de nouvelles choses, tout en étant facile à lire, c’est mission accomplie pour moi, car c’est vraiment mon objectif de rendre tout ce qui touche au SEO accessible au plus grand nombre 🙂

Laisser un commentaire

error: Ce contenu est protégé !