Door Sotirios Terzis ·
Afbeeldingen helpen zoekmachines en aanvragen als ze echt zijn, in tekst worden beschreven en klein genoeg zijn om snel te laden. Gebruik waar mogelijk eigen foto's, schrijf korte alt-tekst bij elke afbeelding die iets betekent, comprimeer bestanden en stel afmetingen in zodat de pagina niet verspringt. Zware stockfoto's zonder beschrijving doen het tegenovergestelde.
Belangrijkste punten
- Echte foto's van uw werk, team en pand geven bezoekers bewijs dat generieke stockbeelden niet kunnen geven.
- Alt-tekst beschrijft wat een afbeelding toont, voor schermlezers en voor zoekmachines.
- Te grote afbeeldingen zijn een veelvoorkomende oorzaak van trage pagina's, dus verklein en comprimeer ze vóór het uploaden.
- Een breedte en hoogte bij elke afbeelding voorkomt dat de opmaak verspringt tijdens het laden.
- Laad de hoofdafbeelding bovenaan de pagina niet vertraagd.
Waarom echte foto's winnen van stock
Bezoekers zoeken bewijs dat een bedrijf is wat het zegt. Een foto van uw eigen werkplaats, kantoor, team of afgerond project levert dat bewijs. Een stockfoto van lachende mensen achter een laptop levert dat niet, en bezoekers hebben hem al elders gezien. Echte foto's hebben geen professionele fotoshoot nodig om bruikbaar te zijn. Goed licht, een rustige achtergrond en scherpte met een moderne telefoon volstaan voor de meeste kleine bedrijven.
Dit sluit aan op de bewijspunten uit ons artikel over de homepage voor dienstverleners.
Alt-tekst: wat schrijft u
Alt-tekst is een korte beschrijving in de paginacode. Schermlezers lezen haar voor aan mensen die de afbeelding niet kunnen zien, en zoekmachines gebruiken haar om te begrijpen wat de afbeelding toont. Beschrijf de inhoud gewoon: "Eikenhouten eettafel met zes stoelen in een lichte showroom" is beter dan "tafel" of een reeks zoekwoorden. Is een afbeelding puur decoratief, geef haar dan een leeg alt-attribuut zodat schermlezers haar overslaan.
Stop geen zoekwoorden in alt-tekst. Schrijf voor iemand die het plaatje niet kan zien. Toegankelijke afbeeldingen horen ook bij onze checklist voor de toegankelijkheidsrichtlijn.
Bestandsnamen, formaten en grootte
Geef bestanden voor het uploaden een beschrijvende naam, zoals "eiken-eettafel-showroom.jpg" en niet "IMG_4821.jpg". Dat helpt u bij het beheer en geeft zoekmachines een extra aanwijzing.
Verklein de afbeelding naar de grootste afmeting waarop ze wordt getoond. Een foto rechtstreeks van een telefoon kan enkele duizenden pixels breed zijn, veel meer dan een paginaontwerp nodig heeft. Comprimeer haar daarna en gebruik een modern formaat als WebP of AVIF, die bij vergelijkbare kwaliteit meestal kleiner zijn dan JPEG. De meeste moderne websiteplatforms kunnen die omzetting voor u doen.
Verspringen en laden
Als een pagina niet weet hoe groot een afbeelding wordt, schuift de tekst omlaag zodra de afbeelding verschijnt. Stel bij elke afbeelding een breedte en hoogte in, of reserveer haar ruimte in de opmaak. Google telt dit verspringen mee als Cumulative Layout Shift, en een goede score is 0,1 of lager.
Afbeeldingen lager op de pagina kunnen pas laden zodra de bezoeker in de buurt scrolt, wat lazy loading heet. De hoofdafbeelding bovenaan, vaak het element voor de Largest Contentful Paint, moet meteen laden. De grens van Google voor een goede Largest Contentful Paint is 2,5 seconden of minder. Onze gids over websitesnelheid gaat dieper in.
Afbeeldingen op lokale en dienstpagina's
Een pagina over een dienst wordt overtuigender met foto's van die dienst in actie. Werkt u voor een lokaal gebied, voeg dan foto's toe die dat tonen: het pand, de bus, afgeronde klussen in de regio. Noem de plaats in het onderschrift waar dat klopt. Onze gids over lokale vindbaarheid noemt de andere plekken om uw gegevens consistent te houden.
Een snelle controle van uw eigen site
Open uw drie belangrijkste pagina's en controleer vier dingen. Zijn de foto's van uzelf? Heeft elke betekenisvolle afbeelding een beschrijving? Hebben de bestanden een redelijke grootte? Blijft de pagina stil staan tijdens het laden? Pak eerst de zwaarste afbeeldingen aan.
Wilt u een extra paar ogen, dan bevat onze gratis website-audit controles op snelheid en afbeeldingen, en in een gratis kennismakingsgesprek van 30 minuten bespreken we een fotoplan. In ons werk ziet u hoe wij echte projecten tonen.
Meer uit het journal
Lettertypes kiezen voor uw website: leesbaarheid, karakter en laadsnelheid
Een lettertype bepaalt hoe uw bedrijf klinkt voordat iemand een woord leest. Zo kiest u er een dat leesbaar is, bij uw merk past en de pagina niet vertraagt.
Lees →Merk 3 min. leestijdDe psychologie van kleur in webdesign: wat onderzoek ondersteunt en wat niet
Wekt blauw vertrouwen en stimuleert rood de verkoop? Een nuchtere kijk op kleurassociaties en de keuzes die een bedrijfswebsite aantoonbaar helpen.
Lees →HEEFT U EEN PROJECT IN GEDACHTEN?
Vertel ons wat u bouwt — of begin met een gratis audit van uw huidige site.