Image SEO: hoe je afbeeldingen omzet in verkeer

De meeste teams behandelen afbeeldingen als een prestatieprobleem dat je moet beheersen. Dat is maar de helft van het verhaal. Afbeeldingen zijn ook een verkeerskanaal: Google Afbeeldingen, Discover, rich results en AI-antwoorden tillen pagina's op via hun visuals. En ze zijn een kwaliteitssignaal: een gids van 2000 woorden zonder één originele afbeelding leest als weinig moeite, voor gebruikers en voor rankingsystemen.

Elke contentpagina verdient echte afbeeldingen

Kies informatieve, originele visuals in plaats van generieke stock. Een origineel diagram, een toegelichte screenshot of een foto van een echt resultaat kan context toevoegen die bij het zoeken van pas komt. Een stockfoto van "zakenmensen die elkaar de hand schudden" voegt meestal weinig informatie toe.
Google Discover geeft sterk de voorkeur aan pagina's met grote afbeeldingen van hoge kwaliteit (vanaf 1200 px breed). Voor contentsites is dat gratis verkeer.
Diagrammen en screenshots kunnen een uitleg completer maken. Staat dezelfde informatie ook in de tekst, dan kunnen AI-systemen ook duidelijkere context krijgen.
Sluit belangrijke tekst niet op in afbeeldingen: crawlers lezen HTML, tekst in een afbeelding is voor hen onzichtbaar (en voor schermlezers ook).

De mechaniek: benoemen, beschrijven, afmetingen geven

<Image
  src="/images/next-seo/isr-revalidation-flow.png" // beschrijvende naam in kebab-case
  alt="ISR-flow: publicatie in het CMS start een webhook, revalidatePath leegt de cache"
  width={1400}
  height={800}
/>

Bestandsnamen zijn een rankingsignaal in afbeeldingenzoek: isr-revalidation-flow.png wint van screenshot-final-2.png.
Alt-tekst beschrijft de afbeelding voor schermlezers en zoekmachines. Schrijf wat er echt op de afbeelding staat; zoekwoorden alleen waar ze natuurlijk klinken. Een lege alt="" is juist voor puur decoratieve beelden.
Tekst rond de afbeelding (onderschrift, voorgaande alinea) geeft haar context: Google rankt afbeeldingen grotendeels op hun omgeving.

Gestructureerde data: markeer het eigendom van je afbeeldingen

Markeer afbeeldingen met ImageObject-schema. Met license en creator krijg je de badge Licensable in Google Afbeeldingen, wat telt als je originele visuals maakt:

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",
};

Voeg afbeeldingen toe aan de sitemap: sitemap.ts in de App Router ondersteunt een images-array voor elk item:

{
  url: `${baseUrl}/blog/${post.slug}`,
  images: [`${baseUrl}${post.heroImage}`],
}

Door AI gegenereerde afbeeldingen: voorzichtig

Gegenereerde illustraties zijn prima als decoratie, maar markeer ze eerlijk (de IPTC-metadata DigitalSourceType is een zich vormende standaard die Google al leest) en gebruik ze niet waar bewijs uit de eerste hand telt: een gegenereerde "screenshot" van resultaten die je nooit hebt behaald, is een last voor het vertrouwen en geen aanwinst. Originele screenshots en echte diagrammen dragen E-E-A-T-gewicht; zie Vertrouwen en E-E-A-T.

Checklist:

Elke belangrijke pagina heeft minstens één unieke, inhoudelijke afbeelding
Beschrijvende bestandsnamen en eerlijke alt; belangrijke tekst zit niet opgesloten in afbeeldingen
Hero-/OG-afbeeldingen vanaf 1200 px: komen in aanmerking voor Discover
ImageObject-schema met licentie/auteur op originele visuals
Afbeeldingen in de sitemap; AI-afbeeldingen gemarkeerd en nooit als bewijs gepresenteerd