Pourquoi Google exige-t-il des balises <img> pour les images de stock ?

Quelle est la différence entre une image HTML et une image CSS ?

Une balise dans le HTML signale au moteur de recherche que l'image fait partie intégrante du contenu éditorial. Elle peut recevoir un attribut alt, être associée à un contexte textuel, et participer à la compréhension sémantique de la page.

Une image en CSS (background-image, par exemple) est considérée comme un élément de décoration ou de mise en page. Elle n'a pas de valeur sémantique pour le moteur. Google ne s'attend pas à y trouver de l'information éditoriale.

Pourquoi Google insiste-t-il sur ce point pour les images de stock ?

Martin Splitt précise que Google reconnaît déjà l'existence de ces images ailleurs — elles ne seront donc pas indexées. Mais ça n'enlève rien à leur rôle dans la page.

Si une image de stock illustre un concept, renforce un argument ou accompagne un texte, elle participe à la cohérence sémantique. La mettre en CSS revient à dire « cette image ne compte pas », ce qui crée une incohérence entre la perception utilisateur et la structure du code.

Est-ce que ça veut dire que toutes les images décoratives doivent être en HTML ?

Non. La distinction clé est : l'image fait-elle partie du contenu ou de la décoration ?

Un pictogramme purement visuel, un fond de section, un motif graphique — tout ça peut rester en CSS. Mais une photo qui illustre un produit, un concept, un témoignage ? C'est du contenu. Elle doit être en HTML.

• Les images de stock font partie du contenu éditorial — elles doivent être en HTML avec une balise
• Google ne les indexera probablement pas, mais leur position dans le code compte pour la sémantique
• Une image en CSS est considérée comme décorative, pas comme du contenu
• La règle : si l'image illustre ou renforce le message de la page, elle va en HTML

Cette déclaration est-elle cohérente avec les pratiques observées ?

Oui. Depuis des années, Google privilégie les images présentes dans le DOM avec des balises pour l'indexation et la compréhension du contenu. Les images en CSS sont ignorées dans Google Images, et leur contexte n'est pas analysé.

Ce qui est intéressant ici, c'est que Splitt va plus loin : même si l'image ne sera pas indexée, sa position dans le code reste pertinente. Ça confirme que Google évalue la cohérence structurelle d'une page, pas uniquement son potentiel d'indexation.

Pourquoi préciser que les images de stock ne seront « probablement pas indexées » ?

Google sait qu'une image de stock existe déjà sur des milliers de sites. Statistiquement, elle a déjà été crawlée, analysée, et associée à d'autres pages. Elle n'apporte aucune valeur unique.

Mais attention — [À vérifier] — on observe parfois des images de stock indexées dans Google Images lorsqu'elles sont bien contextualisées (alt pertinent, texte adjacent de qualité, page à forte autorité). Google ne dit pas que c'est impossible, juste que c'est improbable.

Dans quels cas cette règle peut-elle être assouplie ?

Si tu utilises une image de stock purement décorative — par exemple, un fond de hero section sans valeur informative — elle peut rester en CSS. Personne ne va te reprocher de ne pas mettre une texture abstraite en HTML.

Mais dès qu'elle accompagne un texte, illustre un concept ou renforce un message, elle devient sémantiquement pertinente. Et là, elle doit être en HTML.

Que faut-il faire concrètement sur son site ?

Commence par un audit des images présentes en CSS. Identifie celles qui jouent un rôle éditorial — illustrations d'articles, visuels produits, photos de témoignages — et migre-les vers des balises .

Ensuite, assure-toi que chaque image HTML dispose d'un attribut alt descriptif et qu'elle est placée à proximité du texte qu'elle illustre. La sémantique, c'est aussi la cohérence entre le visuel et le contexte textuel.

Quelles erreurs éviter ?

Ne mets pas toutes tes images en HTML par réflexe. Les éléments décoratifs — fonds, motifs, icônes SVG purement graphiques — restent légitimement en CSS.

Évite aussi de remplir l'alt d'images de stock avec des mots-clés bourrins. Google sait que c'est une image générique. Un alt honnête et descriptif suffit.

Comment vérifier que mon site est conforme ?

• Fais un crawl avec Screaming Frog ou Oncrawl et extrais les images chargées en CSS
• Identifie celles qui illustrent du contenu éditorial (articles, fiches produits, landing pages)
• Remplace les background-image par des balises avec un alt pertinent
• Vérifie que les images HTML sont bien contextualisées (texte adjacent, titre, légende)
• Teste la structure sémantique avec Google Search Console et l'inspection d'URL