Google Afbeeldingen gebruiken om meer verkeer te krijgen

Wat je in deze gids krijgt

In deze post leer je concrete, toepasbare stappen om afbeeldingen zó in te richten dat ze meer zichtbaarheid en verkeer genereren via Google Afbeeldingen en social shares. Je krijgt technische richtlijnen, on‑page schrijfregels, verificatiemethoden met tools en een korte checklist om direct te implementeren.

Belangrijke uitgangspunten

Voordat je optimaliseert: houd drie onderscheidingen in gedachten — crawling, indexering en ranking zijn verschillende stappen. Google gebruikt de mobiele versie als primaire basis voor indexering; sinds juli 2024 crawlt Google standaard met Googlebot Smartphone. Google verwijderde traditionele cached-pages in vroeg 2024, en AI-gebaseerde overviews vormen nu vaak een extra laag boven klassieke resultaten. Dat verandert niet de basis: een goed indexeerbare, relevante afbeelding verhoogt de kans dat gebruikers je content vinden.

Technische basis voor afbeelding-SEO

Bestandsformaten en compressie

Gebruik moderne formaten (bijvoorbeeld WebP of AVIF) waar mogelijk en bewaar altijd een originele master. Moderne formaten leveren vaak betere compressie dan oudere formaten voor vergelijkbare kwaliteit. Test visueel en op laadtijd: beeldkwaliteit mag niet in de war lopen met de gebruikservaring.

Responsieve afbeeldingen: srcset, sizes en picture

Serveer per apparaat een passende versie met HTML-responsive elementen. Voorbeeld van een eenvoudige responsive tag: <img src="/images/product.jpg" srcset="/images/product-400.webp 400w, /images/product-800.webp 800w" sizes="(max-width: 600px) 100vw, 600px" alt="Beschrijving">. Voor complexere gevallen gebruik je het <picture>-element om verschillende formaten of croppings per viewport te bedienen.

Layout‑stabiliteit en Core Web Vitals

Voeg expliciet width en height attributen toe of gebruik CSS aspect-ratio zodat afbeeldingen geen onverwachte verschuivingen veroorzaken. Afbeeldingen zijn vaak bepalend voor LCP en CLS; je voorkomt onnodige puntenaftrek in Core Web Vitals door ruimte te reserveren voor media en door kritische afbeeldingen vroeg te laden.

Lazy-loading en kritieke afbeeldingen

Lazy-loading helpt laadtijd, maar zet het alleen voor niet-kritische content in. LCP-afbeeldingen moeten prioritair geladen worden; markeer ze zodanig dat de browser ze vroeg laadt.

On‑page optimalisatie voor beeldrelevantie

Bestandsnaam en alt-tekst

Gebruik een beschrijvende, leesbare bestandsnaam die relevante termen bevat — vermijd rijtjes letters/cijfers. Schrijf alt-teksten die kort en informatief zijn: beschrijf wat er op de afbeelding staat en waarom het relevant is voor de pagina. Alt-tekst is primair voor toegankelijkheid, maar helpt ook zoekmachines de context te begrijpen.

Context en omliggende tekst

Zorg dat de koppen, paragrafen en captions rond de afbeelding aansluiten op het zoekthema. Google weegt de pagina-context mee bij het beoordelen van beeldrelevantie; een goed bijschrift verhoogt de kans dat de afbeelding relevant wordt gevonden voor gerelateerde zoekopdrachten.

Structured data en social tags

Overweeg ImageObject-schema voor belangrijke foto’s (bijvoorbeeld productafbeeldingen) en vul Open Graph en Twitter Card metadata in (og:image, twitter:image) zodat social platforms en share-previews consistente thumbnails tonen. Test structured data met de Rich Results Test en de Schema Markup Validator.

Verifiëren en troubleshooten

Controleer indexatie en toegankelijkheid van je pagina's

Voor pagina's die je beheert, gebruik Google Search Console URL Inspection om te zien of Google de pagina en de bijbehorende afbeelding heeft opgehaald en geïndexeerd. Voor derden of voor dubbelcheck vanaf buiten je site kun je curl en browser DevTools gebruiken.

Praktische curl-commando's

Headers controleren: curl -I https://example.com/pagina. Wat de server naar specifieke user-agents terugstuurt zien: curl -I -A "Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)" https://example.com/pagina. HTML doorvragen (headers + body): curl -A "Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)" https://example.com/pagina

Gebruik Chrome DevTools (Network en Elements) om te controleren welke afbeelding daadwerkelijk wordt geladen, of srcset werkt en of de afbeelding zichtbaar is in de gerenderde DOM. 'View source' toont de originele HTML; DevTools toont de gerenderde DOM na JavaScript.

Indexatiesignalen en de site:-operator

Een site:query (bijv. site:voorbeeld.nl "exacte zin") is een nuttig indicatie dat Google een pagina kent, maar geen definitief bewijs van indexatie. Voor eigendomspagina's blijft URL Inspection in Search Console het meest autoritatieve middel.

Praktische checklist (implementeer vandaag)

• Gebruik beschrijvende bestandsnamen en vul alt-teksten in die de inhoud en het doel van de afbeelding samenvatten.
• Implementeer responsive images met srcset/sizes of <picture> zodat de juiste resolutie voor het apparaat wordt geladen.
• Voeg width/height of CSS aspect-ratio toe om layout-shifts te voorkomen en LCP te verbeteren.
• Markeer belangrijke afbeeldingen met ImageObject-schema waar relevant en test met Rich Results Test.
• Controleer dat pagina’s indexeerbaar zijn (robots.txt en X-Robots-Tag) en dat afbeeldingen niet per ongeluk onzichtbaar zijn voor crawlers.
• Stel Open Graph- en Twitter Card-tags in voor consistente social thumbnails.
• Gebruik curl en Chrome DevTools om te verifiëren wat googlebot-achtige user-agents zien en dat de afbeelding in de gerenderde DOM verschijnt.

Veelgemaakte fouten en hoe je ze voorkomt

Fouten zijn vaak praktisch: te grote bestanden, geen responsive variants, alt-teksten die ontbreken of gevuld worden met zoekwoorden, en pagina’s die door robots of headers worden geblokkeerd. Voorkom dit door beeldoptimalisatie onderdeel te maken van je publicatie-workflow: exportprofielen, automatisering voor responsive outputs en een korte QA-check vóór live gaan.

Wanneer structured data geen magische oplossing is

Structured data helpt bij rich result-kansen en het verstrekken van context maar lost technische problemen of slechte beeldkwaliteit niet op. Zorg eerst dat de afbeelding goed laadt en relevant is; voeg dan pas schema toe.

Aanvullende bronnen

Voor dieper technische checks kun je de Rich Results Test en Schema Markup Validator gebruiken, en Google Search Console URL Inspection voor je eigen pagina’s. Voor netwerk- en user-agent-gedrag zijn Chrome DevTools en curl onmisbaar.

Lees de Technical SEO Guide

FAQ