# SEO voor AI-afbeeldingen

[[TOC]]

## Waarom AI-afbeeldingen extra SEO-aandacht nodig hebben

AI-gegenereerde afbeeldingen worden standaard geexporteerd met betekenisloze bestandsnamen zoals `imagen_output_3847.png`. Zoekmachines gebruiken bestandsnaam, alt-tekst, omgevende tekst en technische metadata om afbeeldingen te indexeren en te rangschikken.

Een afbeelding met een slechte bestandsnaam en geen alt-tekst draagt niets bij aan je SEO. Dezelfde afbeelding, goed geoptimaliseerd, kan zorgen voor zichtbaarheid in Google Afbeeldingen en versterkt de relevantie van de pagina.

Google maakt officieel geen onderscheid op basis van of een afbeelding AI-gegenereerd is. Kwaliteit, relevantie en technische optimalisatie bepalen de rangschikking. Wel zet Google sinds I/O 2026 stevig in op het herkenbaar maken van AI-content via SynthID-watermerken en C2PA Content Credentials in Search en Chrome. Reden te meer om je AI-afbeeldingen netjes en transparant te publiceren.

## Bestandsnaam optimaliseren

Hernoem AI-afbeeldingen direct na export met een beschrijvende naam.

- Slecht: `imagen_output_3847.png`
- Goed: `google-workspace-onboarding-video-scherm.jpg`

Regels voor bestandsnamen:

- Gebruik koppeltekens om woorden te scheiden, geen underscores.
- Beschrijf wat er in de afbeelding te zien is.
- Voeg een zoekwoord in als het natuurlijk past.
- Houd het beknopt: drie tot vijf woorden.
- Gebruik alleen kleine letters en ASCII-tekens.

## Alt-tekst schrijven

Alt-tekst (het alt-attribuut) heeft twee functies: toegankelijkheid voor schermlezers en een contextsignaal voor zoekmachines.

Schrijfprincipes:

1. Beschrijf wat er letterlijk in de afbeelding te zien is.
2. Voeg context toe die relevant is voor de pagina-inhoud.
3. Verwerk een zoekwoord als het van toepassing is, maar vermijd keyword-stuffing.
4. Houd het onder 125 tekens.
5. Sluit niet af met een punt, want schermlezers pauzeren dan onnodig.

Voorbeelden:

- Slecht: `alt="afbeelding"`
- Slecht: `alt="google workspace samenwerken tools team productiviteit"`
- Goed: `alt="Teamleden werken samen in een Google Docs-document op laptops"`

:::info title="Decoratieve afbeeldingen"
Afbeeldingen die geen inhoudelijke informatie toevoegen, krijgen een lege alt-tekst: `alt=""`. Zoekmachines en schermlezers slaan ze dan netjes over.
:::

## Afbeeldingsformaat en compressie

Laadsnelheid is een rankingfactor. Grote afbeeldingen vertragen je pagina en schaden zowel je SEO als de gebruikerservaring.

Kies het juiste formaat per situatie:

| Formaat | Gebruik | Compressie |
|---|---|---|
| WebP | Alle web-afbeeldingen (moderne browsers) | Uitstekend |
| AVIF | Zeer nieuwe browsers, hoogste kwaliteit per byte | Uitstekend |
| JPEG | Fotorealistische afbeeldingen, hoge compatibiliteit | Goed |
| PNG | Transparantie vereist, iconen | Matig |
| SVG | Vectorafbeeldingen, iconen | Niet van toepassing |

Converteer AI-gegenereerde PNG's naar WebP voor gebruik op het web. Bruikbare tools zijn Squoosh, TinyPNG en ImageOptim.

Richtgrootten per gebruik:

- Thumbnail (lijstweergave): maximaal 30 KB
- Artikel-inline: maximaal 100 KB
- Hero of banner: maximaal 200 KB

:::tip title="Lever altijd een AVIF- of WebP-fallback"
Niet elke browser of social-media-crawler leest AVIF. Bied WebP of JPEG als fallback aan via het `picture`-element, zodat je nergens een gebroken afbeelding toont.
:::

## Dimensies en responsive afbeeldingen

Definieer altijd breedte en hoogte in de HTML om layout shifts te voorkomen. Dit telt mee voor Core Web Vitals (Cumulative Layout Shift).

```html
<img src="afbeelding.webp" alt="Beschrijving" width="800" height="450" loading="lazy">
```

Gebruik `loading="lazy"` voor afbeeldingen buiten de eerste viewport, zodat de pagina sneller bruikbaar is. Laat dit attribuut weg bij de hero-afbeelding, anders vertraag je juist het laden van wat direct zichtbaar is.

Voor responsive afbeeldingen gebruik je `srcset` met meerdere formaten:

```html
<img
  src="afbeelding-800.webp"
  srcset="afbeelding-400.webp 400w, afbeelding-800.webp 800w"
  sizes="(max-width: 600px) 400px, 800px"
  alt="Beschrijving"
  width="800"
  height="450">
```

## Schema.org ImageObject-markup

Voor rijke zoekresultaten en betere indexering voeg je structured data toe als JSON-LD:

```json
{
  "@context": "https://schema.org",
  "@type": "ImageObject",
  "url": "https://voorbeeld.nl/afbeeldingen/google-workspace-team.webp",
  "name": "Team werkt samen in Google Workspace",
  "description": "Professionals die samenwerken via Google Docs en Meet",
  "width": "800",
  "height": "450",
  "encodingFormat": "image/webp"
}
```

Plaats dit als `<script type="application/ld+json">` in de pagina met de primaire afbeelding. Er bestaat geen schema.org-type dat specifiek voor AI-afbeeldingen is bedoeld. Gebruik het standaard ImageObject en vermeld eventuele transparantie-informatie in de `description`.

## Open Graph en social cards

Voor een nette weergave bij delen op sociale media voeg je Open Graph-tags toe:

```html
<meta property="og:image" content="https://voorbeeld.nl/og-image.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://voorbeeld.nl/og-image.jpg">
```

Het `og:image` wordt gebruikt als preview bij het delen van de pagina. Maak hiervoor een afbeelding van 1200 bij 630 pixels (verhouding 1,91 op 1). Dit formaat werkt in 2026 nog steeds op Facebook, LinkedIn, X, Slack en Discord. Houd belangrijke tekst en gezichten in het midden, binnen een veilige zone van ongeveer 1080 bij 600 pixels, en bewaar de afbeelding als JPEG of PNG onder 1 MB.

## Transparantie en de EU AI Act

De transparantieverplichtingen uit artikel 50 van de EU AI Act gaan in op 2 augustus 2026. Wie generatieve AI gebruikt om content te maken, moet ervoor zorgen dat AI-gegenereerde of gemanipuleerde afbeeldingen machineleesbaar als zodanig herkenbaar zijn. Denk aan watermerken (zoals SynthID) en provenance-metadata via de C2PA-standaard, die vastlegt wie de content maakte, wanneer en met welk systeem.

:::warn title="Bereid je labeling nu voor"
De Europese Commissie werkt aan een Code of Practice voor het markeren van AI-content, met afronding verwacht rond mei tot juni 2026 en handhaving vanaf augustus 2026. Eén markeertechniek is volgens de conceptregels niet voldoende: een gelaagde aanpak (zichtbaar label plus machineleesbaar watermerk plus provenance-metadata) is het uitgangspunt.
:::

Praktisch betekent dit dat je nu al een labelsysteem inricht in je CMS of codebase, zodat naleving later eenvoudig is. Een intern attribuut zoals `data-ai-generated="true"` helpt bij beheer, maar vervangt geen echt watermerk of C2PA-credential.

:::howto title="AI-afbeelding SEO-klaar en transparant maken"
1. Hernoem het bestand naar een beschrijvende, kleine-letter naam met koppeltekens.
2. Converteer naar WebP of AVIF en comprimeer tot binnen de richtgrootte voor de plek waar de afbeelding komt.
3. Schrijf een alt-tekst onder 125 tekens die de afbeelding beschrijft, of `alt=""` bij puur decoratief gebruik.
4. Zet `width`, `height` en `loading="lazy"` in de `img`-tag (behalve bij de hero).
5. Voeg `ImageObject`-JSON-LD en, voor de primaire afbeelding, Open Graph-tags toe.
6. Behoud het SynthID-watermerk en de C2PA-credentials bij export en bewerk de afbeelding zo min mogelijk lossy, zodat de provenance intact blijft.
:::

## Image sitemap

Neem belangrijke afbeeldingen op in een image sitemap, vooral als ze door JavaScript worden ingeladen. Zo helpt Google ze sneller te ontdekken. Dien je sitemap in via Google Search Console; nieuwe afbeeldingen verschijnen doorgaans binnen enkele dagen tot twee weken in de index.

:::faq
### Heeft Google een voorkeur voor echte foto's boven AI-foto's in zoekresultaten?
Google maakt officieel geen onderscheid op basis van of een afbeelding AI-gegenereerd is. Kwaliteit, relevantie en technische optimalisatie bepalen de rangschikking. Wel rolt Google verificatie via SynthID en C2PA uit in Search en Chrome, dus transparante en correct gelabelde content wordt steeds belangrijker voor het vertrouwen van gebruikers.

### Moet ik AI-afbeeldingen anders labelen in schema.org markup?
Er is geen schema.org-type specifiek voor AI-gegenereerde afbeeldingen. Gebruik het standaard ImageObject-type en zet eventuele transparantie-informatie in de description-eigenschap.

### Hoe snel worden nieuwe afbeeldingen geindexeerd door Google?
Google indexeert nieuwe pagina's en afbeeldingen doorgaans binnen enkele dagen tot twee weken. Dien je sitemap in via Google Search Console voor snellere ontdekking.

### Helpt het om AI-afbeeldingen in een image sitemap op te nemen?
Ja, een image sitemap helpt Google te ontdekken welke afbeeldingen je hebt. Dat is vooral nuttig voor afbeeldingen in content die met JavaScript wordt geladen.

### Welke afbeeldingsmaat is ideaal voor delen op sociale media?
Gebruik 1200 bij 630 pixels met een verhouding van 1,91 op 1. Dat formaat werkt op vrijwel alle platforms, waaronder Facebook, LinkedIn en X. Houd tekst en gezichten in het midden.

### Moet ik AI-afbeeldingen verplicht labelen vanaf augustus 2026?
Vanaf 2 augustus 2026 vraagt de EU AI Act dat AI-gegenereerde of gemanipuleerde content machineleesbaar herkenbaar is. Behoud daarom watermerken zoals SynthID en C2PA-metadata bij export, en richt een labelsysteem in je CMS in.
:::