Image SEO: Complete Optimalisatie Gids voor Google Images

Goede image SEO begint niet bij een bestandsformaat, maar bij de vraag: wat voegt dit beeld toe? Kies een bruikbare afbeelding, beschrijf de betekenis waar nodig en lever een passende variant zonder de pagina onnodig zwaar te maken.

Waarom afbeeldingen inhoudelijk moeten passen

Een duidelijke productfoto helpt iemand details beoordelen. Een procesafbeelding kan een ingewikkelde volgorde verduidelijken. Een willekeurige raket vertelt weinig over een technische controle. Beoordeel eerst die inhoudelijke functie en pas daarna de techniek.

Google adviseert relevante afbeeldingen in de buurt van bijbehorende tekst. Gebruik een echt HTML-afbeeldingselement met een bereikbare bron; maak essentiële afbeeldingen niet uitsluitend CSS-achtergronden. Een beschrijvende bestandsnaam geeft context, maar vervangt de inhoud en uitleg niet.

De foto boven deze gids toont het kiezen van een uitsnede. Verderop gebruiken we drie werkelijk geëxporteerde versies van ditzelfde beeld om bestandsgrootte te vergelijken. Dat is een technisch voorbeeld, geen claim over extra verkeer of een klantresultaat.

Afmetingen en compressie: vergelijk je eigen bestanden

Exporteer niet automatisch iedere foto op de maximale cameragrootte. Bepaal hoe groot het beeld zichtbaar wordt, op welke schermen het moet werken en hoeveel detail nodig is. Controleer vervolgens of randen, tekst of fijne structuren bij compressie nog bruikbaar blijven.

Methode en beperking: één bronbeeld van 2.688 bij 1.520 pixels, verkleind met Sharp en geëxporteerd naar WebP met kwaliteitsinstelling 78. De tabel toont de lokale bestandsgrootte, niet een gemeten laadtijd of besparing voor alle websites. De browser kan via onze afbeeldingsoptimalisatie een andere variant ontvangen. Vergelijk de beelden op hun bedoelde weergavegrootte, niet uitsluitend ingezoomd.

WebP of AVIF kan voor foto's een geschikte keuze zijn; controleer de kwaliteit en de ondersteuning in je eigen publicatieketen. Voor een eenvoudig diagram is HTML of SVG vaak handiger: tekst blijft scherp en kan toegankelijk worden aangeboden. Er bestaat geen vast compressiepercentage dat voor elk beeld klopt.

Alt-tekst: beschrijf de functie, niet je zoekwoordenlijst

De W3C-beslisboom voor afbeeldingen maakt onderscheid tussen informatieve, functionele, complexe en decoratieve beelden. Gebruik die betekenis in de context van de pagina; één vaste tekenlimiet is geen vervanging voor een goede afweging.

1. Voegt het beeld informatie toe? Beschrijf kort wat iemand moet begrijpen. Voor ons beeld: “Handen bepalen met een zwart kader de uitsnede van een foto van een varen”.
2. Is het beeld een knop of link? Beschrijf de handeling of bestemming wanneer die anders geen toegankelijke naam heeft. Bijvoorbeeld “Download de technische checklist”.
3. Bevat het een ingewikkelde uitleg? Geef een korte alt-tekst en zet de volledige uitleg of onderliggende gegevens ook als gewone tekst op de pagina.
4. Is het uitsluitend decoratie of dubbelop? Gebruik een lege alt-tekst wanneer alle betekenis al in de omliggende tekst staat. Laat het attribuut niet zomaar weg.

“SEO optimalisatie beste SEO bureau” is geen beschrijving van een foto. Ook een bestandsnaam of automatisch gekopieerde paginatitel is zelden een bruikbaar alternatief. Beoordeel het beeld en de omringende tekst samen.

Bestandsnaam, vindbaarheid en beheer

Een naam als beeldselectie-uitsnede-960.webp is voor de redactie herkenbaarder dan IMG_1048.webp. Vermijd reeksen locaties of zoekwoorden die niet in het beeld voorkomen. Gebruik stabiele paden en controleer verwijzingen wanneer een bestand wordt vervangen.

Loop bij een beeldwissel ook de socialmedia-afbeelding en eventuele structured data na. Anders kan de pagina het nieuwe beeld tonen terwijl een gedeelde link nog naar een ander bestand verwijst. Beeldrechten, toestemming en herkomst horen bij het redactionele dossier; metadata in een afbeeldingsbestand is geen bewijs dat je het mag gebruiken.

Responsieve beelden zonder onnodige vertraging

Reserveer ruimte voor de afbeelding voordat die geladen is. Controleer de verhouding op mobiel én desktop. Gebruik passende bronvarianten zodat een smalle weergave niet altijd het grootste bestand nodig heeft. Het voorbeeld hieronder laat de structuur zien; stem de afmetingen en sizes af op je eigen ontwerp.

<img
  src="/images/blog/beeldselectie-uitsnede-960.webp"
  srcset="/images/blog/beeldselectie-uitsnede-480.webp 480w,
          /images/blog/beeldselectie-uitsnede-960.webp 960w,
          /images/blog/beeldselectie-uitsnede-1440.webp 1440w"
  sizes="(max-width: 640px) calc(100vw - 40px), 780px"
  width="960" height="543"
  alt="Handen bepalen met een zwart kader de uitsnede van een foto van een varen"
>

Laad beelden verderop in een artikel waar passend uitgesteld. Pas lazy loading niet blind toe op het hoofdbeeld dat onmiddellijk zichtbaar moet zijn. Onderzoek met een prestatietest welk element de Largest Contentful Paint vormt en waarom het laat verschijnt. Een klein bestand kan nog steeds laat worden aangevraagd.

Gebruik de LCP-uitleg van web.dev om de meetstappen te begrijpen. Een laboratoriumtest is geen bewijs dat de Core Web Vitals van echte bezoekers voldoen. Controleer beschikbare velddata apart. Voor problemen met templates, caching of de afbeeldingsketen kan technische SEO nodig zijn.

Structured data en meten in Search Console

Een afbeelding in Article- of andere passende structured data hoort dezelfde relevante inhoud te beschrijven als de pagina. Voeg geen ImageObject toe met de belofte dat Google het beeld daardoor vaker zal tonen. Bereikbaarheid, context en kwaliteit blijven afzonderlijke controles.

Gebruik in het prestatierapport van Search Console het filter Zoektype: Afbeelding om afbeeldingszoekprestaties te onderzoeken. Dat is iets anders dan het filter Zoekopmaak. Leg periode, pagina's, zoekvragen en eventuele wijzigingen vast voordat je vergelijkt.

Voor een eigen test noteer je welke afbeeldingen zijn gewijzigd, welke pagina's ze gebruiken en of tegelijk tekst of interne links zijn aangepast. Rapporteer vertoningen en klikken met hun meetperiode. Schrijf niet alle verandering automatisch toe aan compressie of alt-tekst.

Veelgestelde vragen over Image SEO