Optimiser vos images pour le SEO : le guide clair, pratique et sans blabla (par un architecte web qui en a compressé des millions)

Soyons honnêtes :
le SEO des images, c’est souvent la partie oubliée.
On soigne le texte, on améliore les titres, on surveille la performance… et puis on charge une photo de 4 Mo en pleine page comme si de rien n’était.

Résultat :

• Google étouffe,
• votre serveur transpire,
• votre utilisateur attend,
• votre référencement s’effondre façon château de cartes.

Alors on remet tout à plat, calmement, efficacement.
Voici comment j’optimise les images sur les sites TooNetCreation, que ce soit WordPress, Joomla, PrestaShop ou un bon vieux HTML maison.

L’alt text : la légende secrète que Google lit, mais pas vous

L’attribut alt sert à deux choses :

1. décrire l’image pour l’accessibilité,
2. aider Google à comprendre ce qu’elle représente.

Un bon alt texte :

• décrit précisément ce qu’on voit,
• intègre un mot-clé sans bourrinage,
• reste naturel.

Exemples :

❌ “photo de chaussures”
✔ “Chaussures de running rouges Nike pour femme, modèle 2025”

❌ “image climatisation”
✔ “Installation d’un système de climatisation réversible à Toulouse”

Règle d’or :
Si vous ne pouvez pas imaginer la scène rien qu’en lisant l’alt, ce n’est pas bon.

• Optimisation SEO : la check-liste pour 2025
• Comment optimiser son site web pour le référencement
• Les meilleurs outils pour créer un plan de site XML en 2025
• Comment tester la vitesse d’un site web
• L’intelligence artificielle au service du sport : enjeux et web-performance

Compressez vos images (mais gardez-les jolies)

Objectif :
< 100 Ko pour les images classiques d’un blog,
< 200 Ko pour les images de produit,
< 50 Ko pour les icônes.

Oui, ça semble strict.
Mais chaque Ko économisé = points gagnés en SEO.

Outils que j’utilise au quotidien :

• TinyPNG / TinyJPG
• ImageOptim
• Squoosh
• Plugins serveur ou CMS selon le projet

Ajoutez les attributs largeur & hauteur

Pourquoi ?
Pour éviter les CLS (Cumulative Layout Shift), ces petits mouvements de page agaçants où tout bouge quand une image se charge.

Google déteste ça.
Votre utilisateur aussi.

Exemple HTML propre :

<img src="/chaussures-running-nike.jpg" alt="Chaussures running Nike" width="1200" height="800">

Activez le lazy loading pour les images en bas de page

Le lazy loading (chargement différé) permet de charger uniquement les images visibles, et d’attendre que l’utilisateur scrolle pour charger le reste.

Exemple :

<img src="/photo.jpg" loading="lazy" alt="...">

Gain immédiat :

• meilleur LCP,
• site plus rapide,
• SEO technique amélioré.

Résumé rapide : les bonnes pratiques essentielles

Note de Laurent

“Une image mal optimisée, c’est comme un frigo laissé ouvert :
tout le monde paie la facture — vous, votre serveur, et Google.”

On peut faire un site magnifique, rapide et bien référencé.
Mais ça commence toujours par… de bonnes images.

Besoin d’optimiser vos images ou d’accélérer votre site ?

Je peux analyser vos pages, diagnostiquer les images problématiques, mettre en place les bons formats, compresser automatiquement et améliorer vos Core Web Vitals.

👉 Contactez TooNetCreation — votre serveur vous dira merci.

FAQ – Optimisation des images pour le SEO (par Laurent Lacoste)

1. Pourquoi optimiser les images est si important pour le SEO ?

Parce que les images représentent souvent plus de 50 % du poids total d’une page.
Si elles sont trop lourdes ou mal formatées, votre site devient lent, votre UX en souffre… et Google aussi.
Une image optimisée = une page plus rapide = un meilleur référencement.

2. Le nom du fichier influence-t-il vraiment le SEO ?

Oui.
Google lit le nom du fichier avant même de charger l’image.
Un fichier nommé chaussures-running-nike.jpg donne un contexte clair,
tandis que IMG_8452.jpg n’apporte strictement rien.

3. Comment écrire un bon texte alternatif (alt text) ?

Un bon alt text doit :

• décrire précisément ce que l’image montre,
• rester naturel,
• inclure un mot-clé si c’est logique.

Exemple :
✔ “Installation d’une climatisation réversible à Toulouse dans un salon moderne”
❌ “clim toulouse maison pas cher !!”

4. Quel format d’image faut-il utiliser en 2025 ?

Simple :

• WebP → le meilleur rapport qualité/poids
• JPEG → pour les photos classiques
• PNG → pour la transparence
• SVG → pour les logos & pictogrammes

Si vous ne savez pas : choisissez WebP.

5. Quelle taille d’image est recommandée ?

Pour un blog :
moins de 100 Ko, idéalement 60–80 Ko.
Pour un e-commerce : 150–200 Ko max.
Au-delà… votre page rame, votre SEO pleure.

6. Le redimensionnement, c’est vraiment obligatoire ?

Oui.
Uploadez une image en 4000 px pour l’afficher en 400 px,
c’est comme mettre un éléphant dans une Smart :
ça rentre, mais tout le monde souffre.

Redimensionnez vos images à la taille d’affichage réelle.

7. Lazy loading : utile ou gadget ?

Utile. Très.
Il empêche le chargement des images hors écran tant que l’utilisateur ne scroll pas.
Résultat :

• page plus légère,
• meilleur LCP,
• visiteurs plus heureux.

Une seule ligne de code :

<img src="/photo.jpg" loading="lazy" alt="...">

8. Faut-il indiquer largeur et hauteur dans le HTML ?

Oui.
Ces attributs permettent d’éviter les mouvements d’interface (CLS).
Google adore, vos lecteurs aussi.
Sans ça, votre mise en page “sautille” pendant le chargement.

9. Comment vérifier si mes images sont trop lourdes ?

Trois solutions simples :

• votre navigateur → clic droit → “inspecter” → réseau
• PageSpeed Insights
• n’importe quel outil d’audit de performance

Si une image dépasse 100–150 Ko, posez-vous la question :

“Ai-je vraiment besoin de cette qualité-là ?”

10. TooNetCreation peut-il optimiser mes images et accélérer mon site ?

Oui, et c’est même l’un de nos terrains de jeu préférés.
On peut :

• auditer vos images,
• convertir massivement en WebP,
• automatiser la compression,
• optimiser vos Core Web Vitals,
• accélérer votre site sans refaire tout le design.

Votre SEO nous remerciera. Votre serveur aussi.