2025-06-18 · Redactie Baduno · 7 blog.readMin · Blog & Kennis
Afbeeldingen-SEO: WebP, alt-teksten en het einde van laadtijd-excuses
Afbeeldingen zijn op de meeste pagina's de zwaarste ballast en tegelijk het slechtst benutte SEO-oppervlak. Beide zijn in één middag te veranderen.
Formaatvraag opgelost
WebP (of AVIF) in plaats van JPEG/PNG bespaart typisch 30–70% gewicht bij gelijke kwaliteit. Er zijn nauwelijks nog redenen voor de oude formaten – elke afbeeldingenpijplijn zou automatisch moeten converteren, zoals de onze doet.
Afmetingen en laden
width- en height-attributen voorkomen layoutsprongen, loading=lazy stelt onzichtbare uit, de hero-afbeelding krijgt prioriteit. Drie attributen, merkbaar effect op alle Core Web Vitals.
Alt-teksten: voor mensen, dan machines
Een goede alt-tekst beschrijft wat er te zien is en waarvoor – eerst voor schermlezers, daarna voor de afbeeldingenzoekopdracht. Keyword-stuffing schaadt beide doelgroepen. Meertalig geldt: alt-teksten worden mee vertaald, niet vergeten.
Eigen afbeeldingen winnen
Stockfoto's herkent iedereen, en de beeldzoeker zit er vol mee. Eigen, consistente beeldwerelden – tegenwoordig ook AI-ondersteund produceerbaar – versterken merk en onderscheidend vermogen. Elke afbeelding op deze website is eigen productie; dat is precies het punt.
Efficiëntie door AI-gestuurde beeldoptimalisatie
AI kan automatisch het optimale formaat en de beste compressie kiezen. Tools analyseren het beeldmotief en passen parameters aan, zonder dat u elk beeld handmatig hoeft te controleren. Typisch wordt een reductie van de bestandsgrootte met 40–60% bij gelijkblijvende kwaliteit bereikt. De resultaten moeten echter steekproefsgewijs door een mens worden gecontroleerd, omdat AI soms details over het hoofd ziet. In de praktijk integreren veel contentmanagementsystemen dergelijke optimalisaties via een plugin. Een voorbeeld: Een reisportaal converteerde duizenden beelden automatisch, bespaarde 55% bandbreedte en verbeterde de laadtijd met 1,2 seconden, zonder dat een medewerker elk beeld hoefde aan te raken.
Sitemap voor afbeeldingen: Gestructureerde gegevens en indexeren
Afbeeldingen worden alleen gevonden als de zoekmachine ze kan crawlen. Gebruik de afbeeldingssitemap om ook bij dynamisch gegenereerde beelden alle URL's te melden. Voeg gestructureerde gegevens (breadcrumb, product, video) toe met beeld-URL's, zodat Google de afbeeldingen in Rich Results weergeeft. Zorg ervoor dat de beeld-URL's rechtstreeks naar het origineel verwijzen en niet via een scriptparameter. Voorbeeld: Een online winkel voor meubels koppelt alle productafbeeldingen in de XML-sitemap en gebruikt Product-schema met image-eigenschap. Hierdoor verschijnen de afbeeldingen prominent in Google Afbeeldingen en worden ze vaker aangeklikt.
Responsive afbeeldingen en art direction
Met het srcset- en sizes-attribuut levert u de browser afhankelijk van de viewport de juiste afbeelding. Dit bespaart enorm op mobiele apparaten. Art Direction (picture-element) maakt zelfs verschillende uitsneden mogelijk – bijvoorbeeld op de smartphone een focus op het product, op de desktop de volledige scène. De implementatie vereist meerdere afbeeldingsvarianten, maar moderne CMS kunnen dit automatiseren. Een reisblog gebruikt voor elke bestemming een hero-afbeelding; op mobiele apparaten wordt een gecentreerde uitsnede geladen die 70% minder weegt. De klikfrequentie op de afbeelding steeg met 15%, omdat deze op alle apparaten optimaal oogt.
Afbeeldingen zijn op de meeste pagina's de zwaarste ballast en tegelijk het slechtst benutte SEO-oppervlak. Beide zijn in één middag te veranderen.
Monitoring en foutcorrectie bij afbeeldingen
Zelfs geoptimaliseerde afbeeldingen kunnen problemen veroorzaken: 404-fouten, verkeerde afmetingen, ontbrekende alt-teksten. Regelmatige crawls van de afbeeldingsvoorraad helpen dergelijke fouten te identificeren. Tools zoals Screaming Frog of geïntegreerde SEO-plugins tonen welke afbeeldingen geen alt-teksten hebben of te groot zijn. Stel een workflow in: na een update of nieuwe afbeeldingsserie automatische controle, daarna handmatige steekproef. Voorbeeld: Een nieuwswebsite stelt vast dat 20% van de afbeeldingen in oudere artikelen niet naar WebP zijn geconverteerd. Een script converteert achteraf, de laadtijd verbetert met 0,8 seconden.
Beeld-CDN en caching: waar de pixels wonen
Het leveren van afbeeldingen via een Content Delivery Network (CDN) ontlast uw server en versnelt de weergave op alle continenten. Een CDN slaat geoptimaliseerde kopieën van uw afbeeldingen op edge-servers dicht bij de gebruiker. Gecombineerd met intelligente caching – bijvoorbeeld lange cache-duur voor onveranderde afbeeldingen en korte voor dynamische – vermindert u het aantal verzoeken aan uw oorspronkelijke server. Zorg ervoor dat de cache-headers correct zijn ingesteld: Cache-Control: public, max-age=31536000, immutable voor statische afbeeldingsversies. Bij een update wijzigt u de bestandsnaam of gebruikt u een cache-buster. Moderne beeld-CDN-diensten kunnen ook automatisch WebP of AVIF leveren, afhankelijk van de browsermogelijkheden. De installatie verloopt meestal via een subdomein (bijv. media.ihrewebsite.de) en een CNAME-record. In de praktijk ziet u bij migratie naar een CDN een laadtijdreductie van 40-60% voor afbeeldingen bij internationale bezoekers. Belangrijk: controleer de HTTP-statuscodes – 304 Not Modified is gewenst, 503 of 403 duiden op een verkeerde configuratie. Voer na de overstap een crawl uit om er zeker van te zijn dat alle afbeeldings-URL's correct worden opgelost en dat er geen dubbele of foutieve vermeldingen ontstaan.
Beeldlicenties en juridische valkuilen in SEO
De SEO-werking van afbeeldingen kan teniet worden gedaan door auteursrechtelijke problemen. Zoekmachines houden bij de beoordeling ook rekening met de rechtmatigheid van inhoud. Gebruik uitsluitend gelicentieerde of zelfgemaakte afbeeldingen. Let bij stockfoto's op de licentievoorwaarden: veel staan slechts een beperkt aantal impressies toe of sluiten commercieel gebruik uit. Vermeld de auteur correct, want een ontbrekende credit kan, ondanks een licentie, tot een juridische waarschuwing leiden. Bij Creative Commons-afbeeldingen onderscheidt u de varianten: CC0 staat alles toe zonder naamsvermelding, CC BY vereist de auteursvermelding. Implementeer een workflow: elke afbeelding krijgt voor publicatie een licentiemelding in de metadata (bijv. EXIF-XMP) en op de pagina een zichtbare of als structured data opgeslagen vermelding. Gebruik de property og:image met correcte licentievermelding om ook in sociale netwerken transparantie te creëren. Juridische zuiverheid versterkt het vertrouwen, wat op lange termijn positief kan bijdragen aan rankings. Controleer regelmatig of afbeeldingen zonder geldige licentie zijn ingebonden – geautomatiseerde tools herkennen ontbrekende metadata. Een voorbeeld: een blog verwijderde per ongeluk gebruikte, niet-vrije afbeeldingen en verving ze door CC0-opnames; het bouncepercentage daalde omdat er geen juridische waarschuwingen meer waren die gebruikers afschrikten.
CDN en beeld-caching: laadtijd wereldwijd optimaliseren
Een Content Delivery Network (CDN) is voor de levering van afbeeldingen bijna onmisbaar zodra uw website internationale bezoekers heeft. CDN's slaan uw afbeeldingen op servers in verschillende regio's op en leveren ze vanaf de geografisch dichtstbijzijnde locatie. Dit verkort de latentie aanzienlijk. Essentieel is de juiste configuratie van de cache-headers. Stel voor statische afbeeldingsversies lange cache-tijden in (bijv. een jaar) en gebruik een cache-buster (bijvoorbeeld een hash in de bestands-URL), zodat bij updates meteen de nieuwe versie wordt geleverd. Zonder dit mechanisme kan het gebeuren dat bezoekers verouderde of foutieve afbeeldingen zien. Veel CDN's bieden ook automatische beeldoptimalisatie: ze converteren afhankelijk van client-ondersteuning naar WebP of AVIF, passen de resolutie aan het eindapparaat aan en comprimeren verliesvrij. Deze functies ontlasten uw server en verbeteren de laadtijd met meetbare fracties van seconden. Controleer echter of de CDN-optimalisatie uw eigen instellingen overschrijft – u wilt controle houden over alt-teksten en metadata. Een voorbeeld: een Europese webshop gebruikt een CDN met beeldoptimalisatie en reduceert de laadtijd voor Aziatische klanten van 5 naar onder 2 seconden. De overstap vereiste slechts het aanpassen van de caching-strategie en het inschakelen van de optimalisatieregels. Zorg ervoor dat uw afbeeldings-URL's CDN-compatibel zijn en dat alle afbeeldingen via hetzelfde CDN worden geleverd om mixed-content-waarschuwingen te voorkomen.
Beeldlicenties en juridische waarborg
Bij het gebruik van afbeeldingen op uw website moet u rekening houden met juridische valkuilen die zowel de SEO-prestaties als uw reputatie in gevaar kunnen brengen. Elke afbeelding die niet door uzelf is gemaakt, heeft een geldige licentie nodig – dit geldt ook voor AI-gegenereerde afbeeldingen, waarvan de juridische status nog niet definitief is opgehelderd. Gebruik uitsluitend gelicentieerde afbeeldingen uit betrouwbare bronnen of eigen opnamen. Documenteer de licentie per afbeelding in uw CMS, idealiter met een link naar de bron. Ontbrekende of onjuiste licentiegegevens kunnen leiden tot aanmaningen die duur en tijdrovend zijn. Ook bij alt-teksten en afbeeldingstitels mag u geen merknamen of beschermde termen zonder toestemming gebruiken. Nog een aspect: afbeeldingen met personen hebben in veel landen toestemming nodig (modelrelease). Zonder deze toestemming mag u de afbeeldingen niet commercieel gebruiken. Controleer daarom bij stockfoto's of deze ook voor reclamedoeleinden zijn vrijgegeven. Een reisportaal nam bijvoorbeeld afbeeldingen over uit een gratis database, die echter alleen voor redactionele doeleinden waren gelicentieerd – dat leidde tot een stakingsvordering. Integreer daarom een controle stap in uw workflow: voordat u een externe afbeelding uploadt, wordt de licentie vastgelegd en worden de gebruiksvoorwaarden bevestigd. Deze discipline beschermt u op lange termijn en schept vertrouwen bij bezoekers, omdat u kunt aantonen dat u alle inhoud rechtmatig gebruikt.
blog.faqT
Moet ik echt elke afbeelding handmatig controleren op alt-teksten?
Idealiter wel, maar bij zeer veel afbeeldingen kunt u AI-tools gebruiken voor het genereren van suggesties. De resultaten moet u echter steekproefsgewijs controleren, omdat AI vaak contextuele nuances mist. Een bewezen workflow: laat automatisch gegenereerde alt-teksten controleren door een moedertaalspreker – vooral in meertalige projecten.
Hoe kom ik erachter of mijn afbeeldingen al optimaal gecomprimeerd zijn?
Gebruik een tool zoals PageSpeed Insights of Lighthouse in Chrome DevTools. Deze laten de besparingsmogelijkheden zien door geoptimaliseerde afbeeldingen. Crawl uw volledige website met een SEO-tool dat de bestandsgrootte per afbeelding weergeeft. Als een afbeelding meer dan 200 KB heeft, moet u deze optimaliseren of converteren.
