Comment optimiser les images pour le SEO ?

Quatre gestes couvrent l'essentiel : redimensionner l'image aux dimensions réellement affichées (pas une photo de 4000 pixels dans un bloc de 800), la compresser dans un format moderne comme le WebP, rédiger un texte alternatif qui décrit vraiment l'image, et nommer le fichier avec des mots descriptifs (portail-alu-gris.webp plutôt que IMG_4521.jpg). Le lazy loading complète pour les images en bas de page.

Quel format d'image choisir pour le web ?

Le WebP est le meilleur choix courant : 25 à 35 % plus léger que le JPEG à qualité égale, gérable partout, y compris avec transparence. L'AVIF fait encore mieux mais sa gestion est un peu moins universelle. Gardez le JPEG en solution de repli pour les photos, le PNG uniquement quand il faut une transparence parfaite, et le SVG pour les logos, icônes et schémas.

Qu'est-ce qu'une bonne balise alt ?

Une vraie phrase courte qui décrit ce que montre l'image, comme si vous la décriviez au téléphone : « Portail aluminium gris anthracite posé sur une maison de plain-pied » plutôt que « portail » ou « portail alu pas cher toulouse ». Elle sert les malvoyants, Google Images, et les IA qui lisent votre page. Le bourrage de mots-clés dans l'alt est contre-productif.

Les images influencent-elles le référencement ?

Oui, par trois chemins. Le poids : les images sont la première cause de lenteur, et la vitesse est un signal de classement via les Core Web Vitals. Google Images : un canal de trafic entier, surtout en e-commerce et artisanat. La compréhension : les balises alt et le contexte aident Google et les IA à comprendre votre contenu, et alimentent les réponses des assistants.

Qu'est-ce que le lazy loading ?

Le chargement différé : les images situées sous la ligne de flottaison ne se chargent que lorsque le visiteur fait défiler la page jusqu'à elles. La page s'affiche plus vite, la bande passante est économisée. C'est natif en HTML moderne (attribut loading=lazy) et activé par défaut sur la plupart des thèmes récents. Attention : jamais de lazy loading sur l'image principale visible à l'écran.

Images et SEO : poids, formats, balises alt

Les images sont le paradoxe du SEO : indispensables pour vendre et expliquer, et en même temps première cause de lenteur des sites, premier gaspillage de potentiel. La bonne nouvelle : l’optimisation des images est l’un des chantiers les plus simples et les plus rentables qui existent.

Optimiser une image pour le SEO tient en quatre gestes : la redimensionner aux dimensions affichées, la compresser en format moderne (WebP), rédiger un texte alternatif descriptif, et nommer le fichier avec des mots utiles. Le lazy loading complète pour le bas de page. Voici le guide complet.

Pourquoi vos images comptent triple

Le poids, d’abord. Les images représentent la majorité du poids de la plupart des pages web. Une photo non compressée peut peser dix fois le reste de la page entière, et chaque seconde de chargement perdue coûte des visiteurs, comme détaillé dans mon guide sur la vitesse de chargement.

Google Images, ensuite. C’est un moteur de recherche à part entière, massivement utilisé pour les produits, les réalisations, la décoration, l’artisanat. Une image bien optimisée y capte du trafic que vos concurrents ignorent.

La compréhension machine, enfin. Google ne « voit » pas vos images comme un humain : il lit le nom du fichier, la balise alt et le contexte. Les assistants IA font pareil. Une image muette est invisible ; une image bien décrite travaille pour vous sur tous les canaux.

Le bon format pour chaque usage

Tableau des formats d'image pour le web : WebP pour l'usage courant avec 25 à 35 % de poids en moins que le JPEG, AVIF encore plus léger pour les sites modernes, JPEG en solution de repli pour les photos, PNG réservé à la transparence parfaite, SVG pour les logos, icônes et schémas.

Le choix est plus simple qu’il n’y paraît. Le WebP est votre format par défaut : 25 à 35 % plus léger que le JPEG à qualité égale, transparence gérée, compatible partout. L’AVIF compresse encore mieux et se généralise. Le JPEG reste la solution de repli universelle pour les photos. Le PNG ne se justifie que pour une transparence parfaite, il est lourd. Le SVG est roi pour les logos, icônes et schémas : infiniment net, minuscule, et lisible par les machines, tous les schémas de ce blog sont en SVG pour cette raison.

Côté dimensions : servez l’image à la taille où elle s’affiche. Une photo de 4 000 pixels dans un bloc de 800 pixels fait télécharger cinq fois trop de données pour rien. Les CMS modernes génèrent plusieurs tailles automatiquement (images responsives) : vérifiez que votre thème s’en sert.

La balise alt : écrire pour trois lecteurs

Le texte alternatif (attribut alt) est lu par trois publics : les personnes malvoyantes via les lecteurs d’écran, Google Images, et les IA qui analysent votre page. La règle est la même pour les trois : décrivez ce que montre l’image, en vraie phrase courte.

Bon : « Escalier en chêne massif sur mesure posé dans une maison toulousaine ». Mauvais : « escalier » (inutile), vide (invisible), ou « escalier bois pas cher toulouse menuisier prix » (bourrage, pénalisant). Si l’image est purement décorative, un alt vide est correct ; si elle porte de l’information, l’alt doit la restituer.

Le nom de fichier suit la même logique : escalier-chene-sur-mesure.webp dit quelque chose, IMG_4521.jpg ne dit rien. Prenez l’habitude de renommer avant d’envoyer.

Compression et chargement : les réglages qui changent tout

Compresser systématiquement. Des outils gratuits (Squoosh, TinyPNG) ou automatiques (extension WordPress, applications Shopify, pipeline de build) réduisent le poids de 50 à 80 % sans perte visible. La compression devrait être automatique dans votre flux de publication : si vous y pensez à chaque fois, un jour vous oublierez.

Charger en différé. Le lazy loading (attribut loading="lazy") fait charger les images du bas de page seulement quand le visiteur y arrive. Natif, gratuit, activé par défaut sur les thèmes récents. Une seule exception : jamais sur l’image principale visible à l’écran, ça retarderait votre LCP.

Servir les bonnes dimensions. Le trio format moderne + compression + dimensions correctes règle à lui seul la majorité des problèmes de vitesse que je rencontre en audit, et c’est l’une des corrections aux 7 erreurs SEO e-commerce les plus fréquentes.

Le cas e-commerce : vos images vendent

En boutique en ligne, chaque fiche produit vit par ses images, et Google Images est une vitrine gratuite. Trois règles de marchand : des photos originales plutôt que les visuels fournisseur dupliqués sur cinquante boutiques, des alt qui décrivent le produit réel (matière, couleur, contexte d’usage), et le balisage Product en données structurées pour que l’image apparaisse dans les résultats enrichis avec prix et note. Ma propre boutique applique ce trio depuis 2021.

La checklist en 6 points

Pour chaque image publiée : un format moderne (WebP ou AVIF), des dimensions adaptées à l’affichage, une compression passée, un nom de fichier descriptif, une balise alt en vraie phrase, et le lazy loading pour le bas de page. Six réflexes qui deviennent automatiques en une semaine et servent votre site pendant des années.

Vous voulez savoir combien vos images vous coûtent en vitesse et en visibilité aujourd’hui ? Demandez un audit gratuit : je mesure vos pages, images comprises, et je vous liste les corrections dans l’ordre de rentabilité. C’est le genre de chantier express que je traite dans tout accompagnement SEO.