Optimiser ses images pour le SEO

Un restaurateur m’a contacté parce que son site mettait plus de 8 secondes à charger sur mobile. En creusant, la cause était toujours la même : des photos de plats en 4 Mo chacune, sorties directement de l’appareil photo sans aucune compression. Optimiser ses images pour le SEO consiste à réduire leur poids, choisir le bon format, leur donner un nom de fichier descriptif et remplir le texte alternatif (alt), pour qu’elles se chargent vite et que Google comprenne ce qu’elles montrent. Une image mal optimisée ralentit tout le site, même si le reste du contenu est irréprochable.

Sur ce client, la compression des images et le passage au format WebP ont fait chuter le temps de chargement mobile à moins de 3 secondes, sans toucher à un seul texte. Quelques semaines plus tard, certaines photos de plats remontaient aussi dans Google Images, une source de trafic que le site n’avait jamais eue avant.

1. Pourquoi le poids des images plombe tout le référencement

Je me suis longtemps demandé pourquoi certains sites au contenu pourtant solide restaient invisibles sur mobile. La réponse tenait souvent dans les images.

Les Core Web Vitals de Google mesurent notamment la vitesse de chargement de la page, et les images représentent en général la plus grosse part du poids d’une page web. Un site lent pénalise directement le classement, comme le rappelle la documentation officielle de Google sur les Core Web Vitals. Une image de 4 Mo affichée en 800 pixels de large sur la page, c’est littéralement des mégas téléchargés pour rien.

Les formats à privilégier aujourd’hui

• WebP : jusqu’à 30% plus léger qu’un JPEG à qualité visuelle équivalente
• JPEG : reste correct pour les photos si WebP n’est pas disponible
• PNG : réservé aux images avec transparence ou peu de couleurs (logos, icônes)
• SVG : pour les logos et icônes vectorielles, quasiment sans poids

Une image trop lourde ralentit la page entière, pas seulement elle-même, et Google le voit immédiatement dans ses mesures de vitesse.

2. Le texte alternatif (alt) : à quoi il sert vraiment

Le texte alternatif décrit l’image pour les personnes qui utilisent un lecteur d’écran, et pour Google qui ne « voit » pas une image comme un humain, il lit le code autour.

Comment écrire un bon alt, sans bourrer de mots-clés

La règle est simple : décrire ce que montre réellement l’image, en langage naturel, avec le mot-clé si il s’intègre logiquement. « Photo » n’apporte rien. « Robe en lin beige, coupe droite, collection été » décrit vraiment le produit.

Mon avis est tranché sur ce point : un alt vide, ce n’est pas la même chose qu’un alt absent, et beaucoup de sites confondent les deux. Un attribut alt= » » laissé vide est compté comme manquant par les outils d’audit, exactement comme s’il n’existait pas du tout. Ça n’a l’air de rien, mais sur un site de plusieurs centaines d’images, ça représente un vrai trou dans l’accessibilité et le SEO.

Chaque image qui porte du sens pour le contenu mérite un alt descriptif, jamais une case laissée vide par oubli.

3. Nom de fichier, dimensions et lazy loading : les détails qui comptent

Donc là, on passe aux détails que presque personne ne vérifie, mais qui font une vraie différence cumulée.

Le nom de fichier avant même l’upload

IMG_20240312_final2.jpg ne dit rien à Google. robe-lin-beige-collection-ete.jpg décrit le contenu avant même que l’image soit ouverte. Ce renommage se fait en 2 secondes, avant l’envoi sur le site, jamais après.

Les dimensions, à définir une bonne fois pour toutes

Une image affichée en 400 pixels de large mais uploadée en 4000 pixels charge dix fois plus de données que nécessaire. Redimensionner avant l’envoi, pas après, évite ce gâchis complet.

Le lazy loading, pour ne charger que ce qui est visible

Le lazy loading retarde le chargement des images situées plus bas dans la page jusqu’à ce que le visiteur y arrive en scrollant. WordPress l’active par défaut depuis plusieurs versions, mais certains thèmes ou plugins mal configurés le désactivent sans le dire. Un rapide contrôle dans le code source de la page permet de vérifier sa présence.

Si votre site tourne sous WordPress et que vous voulez creuser la partie technique plus largement, j’ai listé les plugins WordPress indispensables pour un site pro, plusieurs gèrent justement la compression d’image automatiquement.

Nom de fichier descriptif, dimensions ajustées avant l’envoi, lazy loading actif : trois réglages qui se font une seule fois et qui jouent ensuite sur chaque page du site.

4. Vérifier concrètement l’état de ses images

Je vous conseille de ne pas deviner et de mesurer directement. L’outil PageSpeed Insights de Google analyse une URL et pointe précisément les images trop lourdes ou mal dimensionnées, avec une estimation du gain possible en secondes.

• Coller l’URL de la page dans PageSpeed Insights
• Repérer les images signalées comme trop lourdes
• Compresser ou redimensionner celles-ci en priorité
• Relancer le test après correction pour vérifier le gain réel

Voilà donc pour la partie technique. C’est un travail qui paraît fastidieux au premier abord, mais qui se fait une bonne fois pour toutes sur les images existantes, puis devient un simple réflexe à chaque nouvel ajout.

À retenir : comment optimiser vos images pour le SEO

Glissez pour parcourir les points clés

Questions fréquentes sur l’optimisation des images SEO

Quel est le poids idéal pour une image web ?

En dessous de 200 Ko pour une image de contenu classique, idéalement moins de 100 Ko avec le format WebP. Une bannière pleine largeur peut monter un peu plus haut, mais rarement au-delà de 300 Ko.

Faut-il remplir l’alt de chaque image, même décorative ?

Non. Une image purement décorative (un séparateur visuel par exemple) peut garder un alt vide intentionnellement. La règle concerne les images qui portent une information : produit, illustration, photo de contenu.

Le format WebP est-il compatible avec tous les navigateurs ?

Oui, tous les navigateurs modernes le supportent désormais. La plupart des plugins WordPress de compression génèrent automatiquement une version de secours en JPEG pour les cas très rares où ce ne serait pas le cas.

Comment savoir si une image ressort déjà dans Google Images ?

Le rapport « Performances » de Google Search Console permet de filtrer par type de recherche « Image » et de voir exactement quelles pages génèrent des clics via Google Images.

Pour résumer sur l’optimisation des images SEO

Compresser, choisir le bon format, nommer et décrire correctement chaque image change la vitesse de chargement du site entier, pas juste une page. C’est un chantier qui se fait une fois pour l’existant, puis devient un réflexe pour chaque nouvel ajout. Le piège le plus fréquent reste l’alt laissé vide par oubli, qui compte comme totalement absent aux yeux des outils d’audit.

Si la question de la vitesse et de la technique du site vous intéresse plus largement, direction mon article sur les facteurs qui influencent le référencement SEO.

Posez vos questions en commentaire, et abonnez-vous à la chaîne @FormationsMarketingFR pour d’autres bases techniques du même genre.