Comment optimiser ses images pour le référencement naturel

Un client m'a envoyé un jour un fichier de 4,2 Mo pour une seule photo de son équipe. Quatre mégaoctets. Pour une vignette de 300 pixels de large. Je lui ai demandé pourquoi il ne l'avait pas compressée. Sa réponse : « Je croyais que ça se faisait tout seul. »

Cette phrase résume à peu près tout ce que je vois sur le terrain quand on parle d'optimisation des images pour le référencement naturel. Tout le monde sait qu'il faut « mettre des mots-clés dans les alt ». Presque personne ne sait combien de trafic gratuit une image bien traitée peut rapporter — ni combien une image maltraitée coûte en positions perdues.

Et franchement, la plupart des articles sur le sujet s'arrêtent à la balise alt. C'est dommage, parce que c'est environ 20 % du travail. Le reste se joue ailleurs : dans le poids des fichiers, dans le code HTML autour de l'image, dans les données structurées, et dans la façon dont Google arrive — ou n'arrive pas — à comprendre ce que votre visuel représente.

Pourquoi vos images pèsent lourd dans votre référencement naturel

Une page web moyenne contient aujourd'hui plus de la moitié de son poids total en images. Ce n'est pas une estimation vague : ouvrez n'importe quel site de e-commerce ou de presse en ligne et regardez l'onglet réseau de votre navigateur. Les visuels écrasent tout le reste.

Or, le temps de chargement est un critère que Google prend en compte. Pas de façon mystérieuse : si votre page met quatre secondes à s'afficher parce que six photos de 2 Mo se battent pour descendre le tuyau, l'internaute part avant de lire la première ligne. Et un internaute qui part, c'est un signal négatif.

Le double canal du référencement par image

Voilà ce que beaucoup oublient : une image optimisée vous rapporte du trafic par deux chemins distincts.

• Elle allège la page, donc améliore l'expérience et indirectement le classement de la page elle-même.
• Elle est indexée séparément et peut apparaître dans les résultats de recherche visuels, où la concurrence est souvent bien plus faible que sur le texte.

Sur un ancien projet — un site de décoration intérieure — j'ai constaté que les visuels représentaient près de 40 % des sessions organiques après six mois de travail méthodique. Quarante pour cent de trafic que personne dans l'équipe n'avait anticipé. La dirigeante pensait que son lectorat venait lire les articles. Il venait surtout regarder des photos.

Avouons-le, ce canal a longtemps été le parent pauvre du SEO. Ça arrange ceux qui veulent bien faire les choses : il reste de la place.

Nom de fichier et balise alt : les deux signaux que tout le monde cite, et que presque personne n'applique correctement

Je vais être direct : si vous ne retenez qu'une chose de cet article, retenez ceci. Le nom du fichier et la balise alt sont lus par le robot, et ils doivent se répondre sans se répéter mot pour mot.

Comment nommer un fichier image sans le saboter

Un appareil photo produit DSC_0741.jpg. Un logiciel de design produit export-final-v3-copie.png. Dans les deux cas, vous venez de perdre une occasion gratuite de dire de quoi parle l'image.

La règle est simple : des mots descriptifs, séparés par des tirets, en minuscules, sans accents.

Un mauvais exemple : photo-article-seo.jpg
Un bon exemple : optimisation-poids-image-webp.jpg

Vous remarquez la différence ? Le second nomme un sujet précis. Le premier nomme une intention. Google n'a rien à faire des intentions.

La balise alt : décrire, pas empiler des mots-clés

La balise alt a une fonction première : décrire l'image aux personnes qui ne peuvent pas la voir — lecteurs d'écran, connexion coupée, image non chargée. Le SEO est un bénéfice secondaire, pas l'inverse.

Et c'est précisément pour ça qu'une alt surchargée fonctionne mal. J'ai vu des pages où chaque image portait « achat chaussures running pas cher livraison rapide ». C'est du bourrage. Google le repère, et l'accessibilité en prend un coup au passage.

Ma règle personnelle, que j'applique depuis des années : une alt doit tenir en une phrase qu'on pourrait dire à voix haute au téléphone. Si elle sonne comme un slogan publicitaire, coupez.

Une précision qui revient souvent : faut-il mettre une alt vide ? Oui, dans un cas précis. Une image purement décorative — un séparateur, une icône de puce dans une liste — doit avoir un attribut alt="". Pas absent : présent mais vide. Ça indique au lecteur d'écran de l'ignorer, au lieu de lui lire un nom de fichier incompréhensible.

Poids et format : le levier que tout le monde sous-estime

Combien pèse la plus grosse image de votre page d'accueil ? Si vous ne connaissez pas la réponse, vous avez déjà trouvé votre première tâche de la semaine.

Des cibles concrètes, pas des principes

Les valeurs ci-dessous ne sortent pas d'une norme officielle — elles viennent de ce que j'ai observé comme seuil de confort sur des dizaines de pages mesurées. Traitez-les comme des repères de travail, pas comme des commandements.

Type d'image	Poids cible	Format conseillé
Vignette / miniature	Moins de 30 Ko	WebP
Image de contenu (article)	80 à 150 Ko	WebP ou AVIF
Bandeau pleine largeur	150 à 250 Ko	AVIF
Fond décoratif large	Moins de 60 Ko si possible, sinon CSS	WebP très compressé

Le passage du JPEG au WebP, à qualité visuelle perçue identique, divise généralement le poids par deux. Sur un projet où j'ai migré 600 images, la page d'accueil est passée de 3,8 secondes à 1,6 seconde de chargement complet. Aucune autre modification. Les positions ont suivi dans les semaines d'après.

Le piège classique : redimensionner à l'œil dans un éditeur graphique, puis exporter à 100 % de qualité. Une photo de 4000 pixels de large affichée à 600 pixels sur la page, c'est quatre fois trop de données dans le tuyau pour rien.

Servir la bonne taille selon l'écran (et non une taille unique)

Un téléphone n'a pas besoin de la même image qu'un écran de bureau. L'attribut srcset permet de proposer plusieurs versions et de laisser le navigateur choisir. Ça ne se voit pas à l'œil nu, mais ça change tout sur mobile — là où passe la majorité du trafic.

Deux attributs à ne jamais oublier : width et height. Ils réservent la place de l'image avant son chargement et évitent que le texte saute sous le doigt de l'internaute au moment où le visuel arrive. C'est un détail technique, mais c'est exactement le genre de détail qui pourrit une lecture.

Ah, et le chargement différé (loading="lazy") : formidable pour les images sous la ligne de flottaison. Contre-productif sur l'image principale en haut de page, qu'il faut au contraire charger en priorité. J'ai fait cette erreur une fois, en appliquant le lazy loading à toutes les images d'un coup. Le visuel du haut de page mettait une seconde de plus à apparaître. Pas dramatique, mais évitable.

Contexte textuel et données structurées : ce que Google lit autour de l'image

Google ne « voit » pas votre image comme vous. Il la lit comme un ensemble d'indices : son nom, son alt, mais aussi le paragraphe qui l'entoure, sa légende, le titre de la section. Une photo magnifique perdue au milieu de nulle part, sans texte autour, reste une photo anonyme pour le moteur.

La légende n'est pas décorative

Encore un héritage de la presse papier, et c'est une bonne nouvelle pour vous : une légende placée sous une image constitue un contexte sémantique fort. Elle est souvent lue en priorité par les visiteurs pressés. Et elle aide le robot à rattacher le visuel à un sujet précis.

Ne vous contentez pas de « Photo d'illustration ». Dites ce que montre l'image, en une ligne. C'est court, c'est utile, et ça travaille pour vous.

Le balisage de données structurées pour les images

C'est l'angle le plus souvent absent des articles sur le sujet, et pourtant il existe. Le vocabulaire schema.org propose un type ImageObject qui permet de déclarer explicitement une image : son adresse, ses dimensions, son auteur, sa licence.

Faut-il le mettre partout ? Non, soyons honnêtes. Sur un blog standard, le gain est modeste et le risque d'erreur réel. En revanche, sur une galerie, une banque d'images ou un site de photos, ça vaut le coup. Je l'ai déployé sur un portfolio de photographe : les visuels ont commencé à remonter dans les résultats avec une présentation enrichie. Rien de spectaculaire, mais un avantage net face à des concurrents qui n'avaient que la balise alt.

Autre réglage à connaître : la directive max-image-preview:large dans les balises robots de la page. Elle autorise les moteurs à afficher une grande vignette de votre image dans les résultats. Sans elle, votre visuel apparaît en petit format. C'est une autorisation à donner, pas un réglage technique à installer.

Les questions qu'on me pose le plus souvent sur le référencement par image

Comment fonctionne la recherche d'une image par une autre image ?

Vous envoyez une photo — depuis votre téléphone ou depuis son adresse en ligne — et le moteur analyse son contenu visuel pour trouver des images similaires, puis les pages où elles apparaissent. Le principe repose sur la reconnaissance de motifs dans l'image elle-même, pas sur son nom de fichier ni sur son texte de remplacement.

La conséquence pratique est intéressante : un visuel inédit, que personne d'autre n'a publié, se retrouve facilement identifiable et rattachable à votre site. C'est un argument de plus en faveur de photos originales plutôt que d'illustrations récupérées à droite à gauche — celles-ci existant déjà en mille exemplaires ailleurs.

Comment vérifier l'origine d'une image trouvée en ligne ?

Même mécanisme, autre usage : on part d'une photo dont on ignore la provenance et on cherche où elle est déjà apparue. Ça permet de retrouver sa source d'origine, de repérer les usages non autorisés, ou simplement de vérifier qu'un visuel n'a pas été détourné. Utile quand on reçoit une image par mail sans contexte, ou qu'on veut sourcer proprement une illustration.

Quel rapport entre les images et les résultats de recherche locaux ?

Vous avez peut-être remarqué que la recherche locale affiche aussi des visuels. Les photos d'un commerce — façade, intérieur, produit phare — contribuent à la fiche de l'établissement et à la façon dont il est présenté. Une fiche sans photo, ou avec trois clichés flous pris au téléphone, inspire moins confiance qu'une fiche soignée. Ce n'est pas du SEO au sens strict, mais ça joue sur les clics.

La règle ici, c'est la cohérence : les photos doivent correspondre réellement au lieu. Une image d'ambiance récupérée sur une banque d'images se repère, et elle se retourne contre vous.

Comment améliorer son référencement quand on part de zéro ?

La question m'est posée telle quelle, souvent par des gens qui viennent de lancer un site et se sentent noyés. Pour les images spécifiquement, l'ordre de priorité est limpide : d'abord le poids et le format, ensuite le nommage des fichiers, puis les balises alt, et enfin le contexte textuel. Cet ordre n'est pas arbitraire — il suit l'impact décroissant.

Ne commencez pas par les données structurées. Vraiment. J'ai vu des débutants se perdre trois jours dans un balisage schema.org pendant que leur page d'accueil chargeait huit mégaoctets de photos non compressées.

Ce qui reste quand on a tout coché

Il y a un moment où l'optimisation technique s'arrête et où une autre question commence : est-ce que vos images valent la peine d'être vues ?

Une photo originale, prise par vous, raconte quelque chose qu'aucune illustration générique ne racontera. Elle vous distingue dans des résultats de recherche visuels où défilent des dizaines de clichés interchangeables. Tout le travail de nommage, de compression et de balisage ne fait qu'une chose : s'assurer que le moteur trouve cette image et la comprenne. Le reste — l'intérêt réel du visuel — ne se paramètre pas.

Alors la prochaine fois que vous téléverserez une photo de 4 Mo nommée DSC_0741.jpg, posez-vous la question dans cet ordre : qu'est-ce que cette image apporte à celui qui la regarde ? Puis seulement : est-ce que Google peut le comprendre ?

C'est dans cet ordre-là que les choses tiennent. Dans l'autre sens, vous aurez une page rapide, bien balisée, et parfaitement oubliable.