Comment optimiser ses images pour le SEO ?

SEO des images : un levier souvent sous-exploité

Les images représentent en moyenne 50 à 70% du poids total d'une page web. Mal optimisées, elles alourdissent votre site et pénalisent votre Core Web Vitals. Bien optimisées, elles apportent un double bénéfice : performances et référencement dans Google Images.

Les 6 dimensions de l'optimisation des images

1. Format du fichier

2. Nom du fichier

Renommez vos images avant de les uploader. Le nom de fichier est lu par Google :

• ✅ logiciel-crm-pipedrive-pipeline.webp
• ❌ IMG_4521.jpg ou screenshot123.png

3. Balise alt (texte alternatif)

La balise alt sert deux objectifs : accessibilité (lecteurs d'écran pour les personnes malvoyantes) et SEO (Google lit le alt pour comprendre l'image).

• Décrivez précisément le contenu de l'image
• Incluez votre mot-clé si c'est naturel, mais n'en abusez pas
• Ne laissez pas le alt vide sur les images informatives (OK pour les images purement décoratives)

4. Dimensions déclarées

Déclarez toujours width et height dans le HTML pour éviter le CLS (Cumulative Layout Shift) :

<img src="image.webp" width="800" height="450" alt="..." loading="lazy">

5. Lazy loading

Ajoutez loading="lazy" sur toutes les images "sous la fold" (non visibles au premier chargement) pour ne les charger qu'au scroll.

6. Google Images et les balises structurées

Pour apparaître dans Google Images avec des informations enrichies :

• Entourez vos images de texte contextuel descriptif
• Ajoutez du balisage Schema.org ImageObject pour les images importantes
• Créez un sitemap images dédié pour les sites riches en images

Workflow d'optimisation des images

1. Renommez le fichier avec un nom descriptif et votre mot-clé
2. Redimensionnez à la taille réelle d'affichage (pas de surdimensionnement)
3. Convertissez en WebP (outil : Squoosh.app gratuit)
4. Uploadez et remplissez le champ alt dans votre CMS
5. Déclarez width/height et ajoutez loading="lazy"