SEO images en 2026 : tout optimiser pour Google Images et les Core Web Vitals

Les images représentent en moyenne 50 à 70 % du poids d’une page web, et elles influencent directement deux signaux de classement Google : les Core Web Vitals (LCP en tête) et le trafic depuis Google Images. Pourtant, la majorité des sites laissent des gains faciles sur la table. Voici le guide complet.

1. Nommer ses fichiers correctement

Google lit le nom de fichier d’une image pour comprendre son contenu. Un nom générique ne donne aucun signal SEO.

❌ Mauvais	✓ Bon
IMG_20240315_143022.jpg	compression-image-jpg-en-ligne.jpg
photo1.png	compresseur-webp-gratuit.png
DSC_0042.webp	reduire-poids-photo-smartphone.webp

Règles :

• Mots séparés par des tirets (pas underscores, pas espaces).
• Descriptif et concis (3 à 5 mots).
• Inclure le mot-clé principal de la page si l’image illustre ce sujet.
• En minuscules, sans accents ni caractères spéciaux.

2. Rédiger des attributs alt efficaces

L’attribut alt est lu par :

1. Google pour indexer l’image dans Google Images.
2. Les lecteurs d’écran pour les utilisateurs malvoyants (accessibilité).
3. Le navigateur quand l’image ne charge pas.

<!-- ❌ Vide : aucun signal SEO, inaccessible -->
<img src="compression.jpg" alt="">

<!-- ❌ Bourrage de mots-clés : mauvaise pratique sanctionnée -->
<img src="compression.jpg" alt="compression image jpg png webp avif gratuit en ligne">

<!-- ✓ Descriptif et naturel -->
<img src="compression-jpg-exemple.jpg" alt="Exemple de compression JPG : 4,2 Mo réduit à 380 Ko">

Règles :

• Décrire ce que montre l’image, pas ce que vous voulez classer.
• 5 à 15 mots, phrase naturelle.
• Inclure le mot-clé si pertinent et naturel.
• alt="" uniquement pour les images purement décoratives.

3. Choisir le bon format

Le choix du format impacte directement le LCP (Largest Contentful Paint), premier facteur des Core Web Vitals.

Format	Usage	Gain vs JPEG
AVIF	Photos web, illustrations	−50 à −70 %
WebP	Photos et images générales	−25 à −35 %
PNG	Logos, captures, transparence	Variable
JPEG	Compatibilité maximale	Référence
GIF	Animation email	À éviter autrement

Recommandation 2026 :

• Servez AVIF avec fallback WebP puis JPEG via <picture>.
• Ne servez jamais GIF statique — convertissez en WebP.

<picture>
  <source type="image/avif" srcset="image.avif" />
  <source type="image/webp" srcset="image.webp" />
  <img src="image.jpg" alt="Description de l'image" width="800" height="450" />
</picture>

4. Compresser avant de mettre en ligne

Une photo de smartphone pèse 5 à 12 Mo. Sur un site web, 300 à 800 Ko est une cible raisonnable pour une image en pleine largeur.

Règles de poids par contexte :

Contexte	Poids cible	Format conseillé
Hero image full-width	200-600 Ko	WebP/AVIF
Vignette d’article (400 px)	30-80 Ko	WebP/AVIF
Image produit e-commerce	100-300 Ko	WebP/AVIF
Logo	5-30 Ko	SVG ou PNG
Icône	1-10 Ko	SVG

Notre compresseur en ligne traite les formats JPEG, PNG, WebP et AVIF directement dans votre navigateur, sans envoyer vos fichiers sur un serveur.

5. Définir les dimensions width et height

Depuis 2021, ne pas renseigner width et height dans le HTML cause du CLS (Cumulative Layout Shift) — les éléments bougent pendant le chargement, ce qui pénalise votre score Core Web Vitals.

<!-- ❌ Sans dimensions : risque de CLS -->
<img src="photo.webp" alt="Photo" />

<!-- ✓ Avec dimensions : le navigateur réserve l'espace avant chargement -->
<img src="photo.webp" alt="Photo" width="1200" height="630" />

Les dimensions peuvent différer de l’affichage réel (CSS gère le redimensionnement) — ce qui compte est le ratio qui permet au navigateur de réserver l’espace.

6. Gérer le lazy loading intelligemment

loading="lazy" diffère le chargement des images hors de la fenêtre visible. Bien utilisé, il réduit le poids initial de la page. Mal utilisé, il dégrade le LCP.

<!-- ❌ Lazy sur le hero : Google pénalise, LCP dégradé -->
<img src="hero.webp" alt="..." loading="lazy" />

<!-- ✓ Eager (ou pas de loading) sur les images au-dessus de la ligne de flottaison -->
<img src="hero.webp" alt="..." fetchpriority="high" />

<!-- ✓ Lazy uniquement sur les images en dessous -->
<img src="article-thumbnail.webp" alt="..." loading="lazy" />

Règle simple : les 3 à 5 premières images de la page ne doivent jamais être lazy.

7. Sitemap images

Déclarer vos images dans le sitemap aide Google à les découvrir, même si elles sont chargées via JavaScript.

<url>
  <loc>https://exemple.fr/article</loc>
  <image:image>
    <image:loc>https://exemple.fr/images/article-hero.webp</image:loc>
    <image:title>Titre de l'article</image:title>
    <image:caption>Description courte de l'image</image:caption>
  </image:image>
</url>

Ajoutez le namespace xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" à la balise <urlset>.

8. Données structurées pour les images

Pour les articles de blog, les données structurées BlogPosting permettent à Google d’associer une image principale et de l’afficher dans les rich results.

{
  "@type": "BlogPosting",
  "headline": "Titre de l'article",
  "image": {
    "@type": "ImageObject",
    "url": "https://exemple.fr/images/article-hero.jpg",
    "width": 1200,
    "height": 630
  }
}

Pour les pages produit : Product avec image. Pour les recettes : Recipe avec image. Google affiche ces images en priorité dans les rich snippets.

9. CDN et mise en cache

Un CDN (Content Delivery Network) sert vos images depuis le serveur le plus proche du visiteur, réduisant la latence et le TTFB.

Configuration Cache-Control recommandée :

# Images avec hash dans le nom (hashed assets)
location ~* \.(webp|avif|jpg|png)$ {
    expires 6M;
    add_header Cache-Control "public, immutable";
}

Avec Cloudflare (plan gratuit) : les images statiques sont automatiquement mises en cache en périphérie. Activez Polish (compression d’images) et Mirage (lazy loading automatique) pour des gains supplémentaires.

10. Checklist SEO images

Avant de mettre en production :

• Noms de fichiers descriptifs avec tirets
• Attributs alt sur toutes les images importantes
• width et height définis sur toutes les images
• Format WebP ou AVIF avec fallback JPEG
• Poids < 500 Ko pour les images principales
• Pas de loading="lazy" sur le hero/LCP
• fetchpriority="high" sur l’image LCP
• Sitemap images à jour
• Données structurées BlogPosting ou Product pour les pages clés
• Cache-Control configuré sur le serveur ou CDN

En appliquant ces 10 points, vous pouvez typiquement diviser le LCP par 2 et doubler le trafic depuis Google Images sur un site qui n’a jamais été optimisé côté images.