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 ?

AUTANT EN PROFITER 😉

TĂ©lĂ©chargez vite mon guide complet (et gratuit !) pour apprendre Ă  rĂ©diger des articles qui se positionnent en premiĂšre position !

Vous y découvrirez :

  • Ce qu'est le SEO
  • Pourquoi il est si important d'ĂȘtre visible sur Google
  • Les 5 Ă©tapes pour rĂ©diger un article performant, qui attire du trafic !
  • Des bonus !

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

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

error: Ce contenu est protégé !