La plupart des équipes traitent les images comme un problème de performance à maîtriser. C'est la moitié de l'histoire. Les images sont aussi un canal de trafic (Google Images, Discover, résultats enrichis et réponses d'IA portent les pages grâce à leurs visuels) et un signal de qualité : un guide de 2000 mots sans une seule illustration originale se lit comme un travail bâclé, pour les utilisateurs comme pour les systèmes de classement.
Chaque page de contenu mérite de vraies images
- Choisissez des visuels informatifs et originaux plutôt qu'une banque d'images générique. Un schéma original, une capture d'écran annotée ou la photo d'un résultat réel peuvent apporter un contexte utile à la recherche. Une photo de banque d'images « hommes d'affaires qui se serrent la main » apporte en général peu d'information.
- Google Discover privilégie fortement les pages avec de grandes images de qualité (à partir de 1200 px de large) : pour les sites de contenu, c'est du trafic gratuit.
- Les schémas et captures d'écran peuvent rendre une explication plus autonome. Quand les mêmes informations sont disponibles dans le texte, les systèmes d'IA peuvent aussi recevoir un contexte plus clair.
- N'enfermez pas de texte important dans des images : les robots lisent le HTML, le texte dans l'image leur est invisible (et aux lecteurs d'écran aussi).
La mécanique : nommer, décrire, dimensionner
<Image
src="/images/next-seo/isr-revalidation-flow.png" // nom descriptif en kebab-case
alt="Flux ISR : la publication dans le CMS déclenche un webhook, revalidatePath vide le cache"
width={1400}
height={800}
/>
- Les noms de fichiers sont un signal de classement dans la recherche d'images :
isr-revalidation-flow.pngbatscreenshot-final-2.png. - Le texte alt décrit l'image aux lecteurs d'écran et au moteur de recherche. Écrivez ce qui est réellement sur l'image ; des mots-clés seulement là où ils sonnent naturellement. Un
alt=""vide est correct pour les visuels purement décoratifs. - Le texte autour de l'image (légende, paragraphe précédent) lui donne du contexte : Google classe les images en grande partie d'après leur environnement.
Données structurées : signalez la propriété de vos images
Balisez les images avec le schéma ImageObject : avec license et creator, vous obtenez le badge Licensable dans Google Images, ce qui compte si vous créez des visuels originaux :
const imageSchema: WithContext<ImageObject> = {
"@context": "https://schema.org",
"@type": "ImageObject",
contentUrl: `${baseUrl}/images/next-seo/isr-revalidation-flow.png`,
creator: { "@type": "Person", name: "Vlad Sedenko" },
license: `${baseUrl}/image-license`,
creditText: "sedenko.net",
};
Ajoutez les images au sitemap : sitemap.ts dans l'App Router accepte un tableau images pour chaque entrée :
{
url: `${baseUrl}/blog/${post.slug}`,
images: [`${baseUrl}${post.heroImage}`],
}
Images générées par l'IA : prudence
Les illustrations générées conviennent comme décoration, mais étiquetez-les honnêtement (les métadonnées IPTC DigitalSourceType sont un standard en formation que Google lit déjà) et ne les utilisez pas là où une preuve de première main compte : une fausse « capture d'écran » de résultats que vous n'avez jamais obtenus est un passif pour la confiance, pas un actif. Les captures originales et les vrais schémas portent le poids de l'E-E-A-T ; voir Confiance et E-E-A-T.
Checklist :
- Chaque page importante a au moins une image unique, porteuse de contenu
- Noms de fichiers descriptifs et alt honnête ; aucun texte important enfermé dans des images
- Images hero/OG à partir de 1200 px : éligibilité à Discover
- Schéma
ImageObjectavec licence/auteur sur les visuels originaux - Images dans le sitemap ; visuels d'IA étiquetés et jamais présentés comme des preuves