Les images : un levier SEO souvent ignoré
Les images représentent en moyenne 50% du poids d’une page web. Des images non optimisées ralentissent votre site et pénalisent votre SEO. À l’inverse, des images bien optimisées améliorent votre positionnement ET apparaissent dans Google Images — une source de trafic supplémentaire.
📊 Impact des images sur le SEO
- Google Images représente 22% de toutes les recherches Google
- Les pages avec images obtiennent 94% plus de vues
- Une réduction de 1 seconde du temps de chargement = +7% de conversions
Étape 1 : Choisir le bon format
| Format | Utilisation idéale | Taille relative |
|---|---|---|
| WebP | Photos et graphiques — le meilleur compromis | 25-35% plus léger que JPEG |
| JPEG | Photos complexes, si WebP pas supporté | Référence |
| PNG | Logos, icônes, images avec transparence | 2-5x plus lourd que JPEG |
| SVG | Icônes vectorielles, logos simples | Très léger |
| AVIF | Nouveau format, encore meilleur que WebP | 50% plus léger que JPEG |
💡 Recommandation
Utilisez WebP comme format principal. Il est supporté par 97% des navigateurs et offre le meilleur rapport qualité/poids.
Étape 2 : Dimensionner correctement
N’uploadez jamais une image de 4000×3000 pixels si elle s’affiche en 800×600.
Tailles recommandées
- Image hero / bannière : 1200×630 pixels
- Images dans le contenu : 800×450 pixels
- Miniatures : 300×200 pixels
- Logo : 200×60 pixels
Étape 3 : Compresser les images
Outils gratuits en ligne
- Squoosh.app (Google) — le plus puissant, conversion WebP
- TinyPNG — compression PNG et JPEG par lots
- Compressor.io — bon compromis qualité/compression
Plugins WordPress
- ShortPixel — compression automatique + conversion WebP (100 images/mois gratuites)
- Imagify — par les créateurs de WP Rocket
- Smush — compression gratuite illimitée (basique)
Étape 4 : Optimiser l’attribut Alt
L’attribut alt décrit l’image pour Google et les lecteurs d’écran (accessibilité).
❌ <img src= »img1.jpg » alt= » »>
❌ <img src= »img1.jpg » alt= »image »>
❌ <img src= »img1.jpg » alt= »SEO WordPress formation SEO Dakar »>
✅ <img src= »formation-seo.webp »
alt= »Participants à une formation SEO à Dakar »>
Règles pour l’attribut alt
- Descriptif et spécifique : décrivez ce que montre l’image
- 5-15 mots maximum
- Incluez le mot-clé naturellement (pas de bourrage)
- Pas de « image de » ou « photo de » — c’est implicite
Étape 5 : Nommer les fichiers correctement
- ❌ IMG_20240315_142356.jpg
- ❌ screenshot-1.png
- ✅ formation-wordpress-dakar-2024.webp
- ✅ tableau-comparatif-plugins-seo.webp
Le nom du fichier est un signal SEO pour Google Images.
Étape 6 : Implémenter le lazy loading
/* Natif HTML (recommandé) */
<img src= »photo.webp » loading= »lazy »
width= »800″ height= »450″ alt= »Description »>
/* NE PAS mettre lazy loading sur l’image au-dessus de la ligne de flottaison */
<img src= »hero.webp » fetchpriority= »high »
width= »1200″ height= »630″ alt= »Hero image »>
Étape 7 : Toujours spécifier width et height
Sans dimensions, le navigateur ne sait pas quelle place réserver → le contenu saute (mauvais CLS).
Exercice pratique
🎯 Optimisez 10 images en 20 minutes
- Identifiez les 10 images les plus lourdes de votre site (PageSpeed Insights les signale)
- Redimensionnez-les à la taille d’affichage réelle
- Convertissez-les en WebP avec Squoosh.app
- Ajoutez des attributs alt descriptifs
- Renommez les fichiers avec des mots-clés pertinents
- Ajoutez loading= »lazy » (sauf image hero)
- Retestez dans PageSpeed Insights — comparez le score
