SEO Images : Optimisation Alt, Formats et Bonnes Pratiques

Les images représentent en moyenne 60 à 70 % du poids d’une page web. Pourtant, elles restent l’un des leviers SEO les plus négligés. Un site dont les images sont mal optimisées paie une double peine : des performances dégradées qui font fuir les utilisateurs, et une indexabilité réduite qui freine la visibilité dans Google. Ce guide vous donne les clés pour transformer vos images en véritable atout de référencement.

Pourquoi les images comptent autant pour le SEO

Google ne se contente plus d’indexer le texte. L’image search représente aujourd’hui plus de 20 % des requêtes totales selon les données de SparkToro. Mais au-delà du trafic image, l’optimisation des visuels impacte directement :

• Les Core Web Vitals : le Largest Contentful Paint (LCP) est souvent déclenché par une image héroïque. Une image lourde ou non optimisée dégrade ce score critique.
• Le taux de rebond : une page qui met plus de 3 secondes à charger perd en moyenne 40 % de ses visiteurs mobiles.
• L’accessibilité : les balises alt mal renseignées pénalisent l’expérience des utilisateurs avec des lecteurs d’écran, ce que Google prend en compte dans ses signaux de qualité.

Les images bien optimisées envoient également des signaux de pertinence thématique à Google, renforçant la cohérence sémantique de votre page.

La balise alt : votre première priorité

Ce qu’est vraiment une balise alt

La balise alt (attribut alternatif) est le texte qui décrit une image aux moteurs de recherche et aux navigateurs lorsque l’image ne peut pas être affichée. C’est aussi le texte lu par les lecteurs d’écran pour les personnes malvoyantes.

Exemple de code HTML :

<img src="formation-google-ads.webp" alt="Tableau de bord Google Ads avec campagnes actives et métriques de performance" width="800" height="450">

Écrire des balises alt efficaces

Les erreurs classiques à éviter :

• Laisser la balise alt vide (alt="") sur des images informatives
• Bourrer de mots-clés (alt="SEO référencement naturel Google optimisation site web")
• Utiliser le nom de fichier comme alt (alt="IMG_2045.jpg")
• Écrire “Image de…” ou “Photo de…” — inutile, Google le sait déjà

La bonne méthode :

Décrivez ce que vous voyez, comme si vous l’expliquiez à quelqu’un par téléphone. Soyez précis et naturel. Intégrez votre mot-clé principal si c’est cohérent avec la description, sans le forcer.

Exemples concrets :

Alt vide vs alt descriptive

Pour les images décoratives (séparateurs, icônes purement visuelles), utilisez une balise alt vide alt="". Cela indique aux moteurs de recherche et aux lecteurs d’écran d’ignorer l’image. Pour toute image qui apporte de l’information, renseignez une description.

Les formats d’images : le choix qui change tout

WebP : le standard actuel

Le format WebP développé par Google offre une compression supérieure à JPEG et PNG sans perte de qualité perceptible. En pratique :

• 25 à 35 % plus léger qu’un JPEG équivalent
• Support universel depuis 2022 (Safari 14+, tous les navigateurs modernes)
• Compatible Google Image Search

Pour convertir vos images en WebP, vous pouvez utiliser :

• Squoosh (en ligne, gratuit) : glissez-déposez et exportez en WebP
• ImageMagick en ligne de commande : convert image.jpg -quality 85 image.webp
• Sharp (Node.js) pour automatiser la conversion en masse

AVIF : le format de demain

AVIF offre une compression encore supérieure à WebP (jusqu’à 50 % plus léger que JPEG), mais son support est plus récent. En 2026, il est supporté par Chrome, Firefox et Safari. Pour les projets critiques en performance, envisagez AVIF avec un fallback WebP.

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

SVG pour les éléments graphiques

Les logos, icônes et illustrations géométriques doivent impérativement être en SVG. Un SVG est infiniment scalable, très léger, et peut être indexé comme contenu textuel par Google (si le code SVG contient du texte).

PNG : quand l’utiliser encore ?

Réservez le PNG aux images avec fond transparent ou aux captures d’écran avec texte très fin, où la compression JPEG introduirait des artefacts visuels problématiques.

Compression et dimensions : les fondamentaux

Le bon niveau de compression

Pour le web, visez une qualité de 75 à 85 % pour les images JPEG et WebP. En dessous de 75, les artefacts deviennent visibles. Au-dessus de 85, vous gaspillez du poids sans gain perceptible pour l’utilisateur.

Outils recommandés :

• TinyPNG / TinyJPG : compression en ligne simple et efficace
• Cloudflare Images : optimisation automatique et CDN
• Imagify (WordPress) : automatisation côté serveur

Dimensionner correctement vos images

L’erreur la plus coûteuse est d’uploader une image de 4000 × 3000 pixels pour l’afficher en 800 × 500 pixels. Le navigateur télécharge l’image originale, puis la redimensionne côté client — gaspillage pur.

Règle : dimensionnez vos images à leur taille d’affichage maximale, en tenant compte du retina (multipliez par 1,5 à 2 pour les écrans haute densité).

Exemple : une image affichée en 800 px de large sur un écran standard doit être fournie en 800 px minimum, 1600 px pour les écrans Retina. Avec WebP à 80 % de qualité, cela reste léger.

L’attribut width et height : indispensable

Spécifiez toujours les dimensions de vos images dans le HTML. Cela permet au navigateur de réserver l’espace avant le chargement de l’image, évitant les Cumulative Layout Shifts (CLS) — un Core Web Vital pénalisant.

<img src="strategie-marketing.webp" alt="Schéma de stratégie marketing digital" width="1200" height="675">

Lazy loading : charger les images au bon moment

L’attribut loading="lazy" indique au navigateur de ne charger une image que lorsqu’elle entre dans le viewport. Résultat : les images hors écran ne ralentissent pas le chargement initial.

<!-- Images au-dessus du fold : chargement immédiat -->
<img src="hero-image.webp" alt="..." loading="eager">

<!-- Images dans le corps de la page : lazy loading -->
<img src="contenu-article.webp" alt="..." loading="lazy" width="800" height="450">

Important : n’appliquez JAMAIS le lazy loading à l’image héroïque (above the fold). Cela retarderait le LCP et dégraderait votre score Core Web Vitals.

Le naming des fichiers : un signal souvent ignoré

Le nom de votre fichier image est un signal de pertinence pour Google. Un fichier nommé IMG_2045.jpg n’apporte aucune information. Un fichier nommé audit-seo-technique-checklist.webp renforce la thématique de la page.

Bonnes pratiques pour les noms de fichiers :

• Utilisez des tirets comme séparateurs (pas d’underscores, pas d’espaces)
• Décrivez le contenu de l’image en 3 à 5 mots
• Utilisez uniquement des caractères ASCII (pas d’accents dans les noms de fichiers)
• Mettez en minuscules

Exemples : guide-google-ads-debutant.webp, tableau-bord-analytics.webp, strategie-contenu-editorial.webp

Sitemap d’images : rendre vos visuels indexables

Pour maximiser votre présence dans Google Images, soumettez un sitemap d’images. Vous pouvez l’intégrer à votre sitemap XML existant :

<url>
  <loc>https://votre-site.fr/guide-seo/</loc>
  <image:image>
    <image:loc>https://votre-site.fr/images/guide-seo-complet.webp</image:loc>
    <image:title>Guide SEO complet pour débuter</image:title>
    <image:caption>Schéma des étapes d'une stratégie SEO efficace</image:caption>
  </image:image>
</url>

La plupart des plugins SEO (Yoast, Rank Math, All in One SEO) génèrent automatiquement les sitemaps d’images.

Structured data pour les images

Les données structurées ImageObject de Schema.org permettent à Google de mieux comprendre vos images et de les afficher dans des rich snippets. Particulièrement utile pour les recettes, produits et articles.

{
  "@type": "ImageObject",
  "url": "https://votre-site.fr/images/guide-seo.webp",
  "width": 1200,
  "height": 675,
  "caption": "Guide complet d'optimisation SEO pour consultants"
}

Audit de vos images existantes

Avant d’optimiser, mesurez. Voici les outils pour auditer rapidement l’état de vos images :

Google Search Console > Core Web Vitals : identifie les pages avec des problèmes de LCP liés aux images.

PageSpeed Insights : dans la section “Opportunities”, recherchez :

• “Properly size images” — images surdimensionnées
• “Serve images in next-gen formats” — images en JPEG/PNG à convertir
• “Defer offscreen images” — images sans lazy loading

Screaming Frog : export de toutes les images de votre site avec leurs attributs alt, vous permettant d’identifier les balises vides ou trop courtes.

Lighthouse : audit complet accessible directement dans Chrome DevTools (F12 > onglet Lighthouse).

Checklist complète d’optimisation des images

Avant de publier chaque article ou page, vérifiez :

• Nom de fichier descriptif en ASCII, mots séparés par des tirets
• Format WebP (ou AVIF) utilisé
• Compression entre 75 et 85 % de qualité
• Dimensions correspondent à l’affichage réel (× 2 pour Retina)
• Attributs width et height renseignés
• Balise alt descriptive et naturelle pour chaque image informative
• loading="lazy" sur toutes les images sauf l’image héroïque
• Images référencées dans le sitemap si stratégiquement importantes

Mesurer l’impact de vos optimisations

L’optimisation des images n’est pas une action ponctuelle mais une démarche continue. Suivez ces métriques dans le temps :

• LCP (Largest Contentful Paint) dans Google Search Console > Core Web Vitals
• Score PageSpeed Insights avant/après optimisation
• Trafic depuis Google Images dans GSC > Recherche > Type = Image
• Taux de rebond mobile dans Google Analytics 4

Des gains rapides sont possibles : sur un site moyen, passer des JPEG aux WebP réduit le poids total des pages de 25 à 40 %, ce qui se traduit souvent par un gain de 10 à 20 points sur le score PageSpeed.

L’optimisation des images est l’un des rares leviers SEO où l’effort investi est proportionnel au gain obtenu. Commencez par auditer vos 20 pages les plus trafiquées, optimisez-y les images, et mesurez. Les résultats vous convaincront de déployer la démarche à l’ensemble de votre site.