Scan issue
Je hero-sectie mist kracht.
De hero is het eerste wat een bezoeker ziet. Binnen drie seconden beslist die bezoeker of de site de moeite van het scrollen waard is. Een zwakke hero verliest die bezoeker, hoe goed de rest van de site ook is.
Uitleg
Wat maakt een hero-sectie sterk?
De hero-sectie is het eerste scherm dat een bezoeker ziet zonder te scrollen. Meestal bestaat het uit een headline, een korte ondertitel, en een primaire actie (knop, contactformulier, of telefoonnummer). Voor lokale bedrijven vaak aangevuld met een beeld: team-foto, werkplaats, portfolio-beeld.
Een sterke hero doet drie dingen in maximaal drie seconden. Uitleggen wát je doet. Duidelijk maken vóór wie je het doet. En een handeling aanbieden voor wie verder wil. Hero's die alleen een mooi beeld tonen zonder tekst, of een vage slogan zonder uitleg, laten bezoekers verdwalen in de rest van de site.
Impact
Waarom dit de belangrijkste plek van je site is.
Onderzoek van Nielsen Norman Group toont dat bezoekers gemiddeld tien tot twintig seconden op een pagina blijven voor ze besluiten door te klikken of weg te gaan. Van die tien seconden gaan de eerste drie bijna volledig op aan het beoordelen van de hero. Een hero die geen antwoord geeft op 'wat is dit en is het voor mij' laat de bezoeker direct weggaan.
Voor lokale bedrijven komt daar nog iets bij: bezoekers uit lokale zoekresultaten zijn vaak al verder in hun beslissingsproces. Ze vergelijken drie tot vijf opties. Een hero die niet direct bevestigt dat jij de juiste partij bent voor hun vraag, verliest aan een concurrent waarvan de hero dat wel doet.
De combinatie van Core Web Vitals en hero-kracht is cruciaal. Een trage hero (slecht LCP) én een onduidelijke hero (geen waardepropositie) zijn twee versterkingen van hetzelfde probleem. Fix beide tegelijk voor maximale impact.
Oplossen
Zo bouw je een hero die werkt.
Zes elementen die samen het verschil maken tussen een hero die bezoekers vasthoudt en een die ze wegstuurt.
Een headline die wát en voor wié benoemt
Niet 'Welkom bij Jan's Autoschade' maar 'Autoschade herstel in Nijmegen, direct geregeld met je verzekeraar'. De headline vertelt een bezoeker in één zin of ze op de juiste plek zijn. Korte zinnen werken beter dan lange taglines.
Een ondertitel die de belofte onderbouwt
Eén tot twee regels die de headline concretiseren. Bijvoorbeeld: 'FOCWA-erkend. Leenauto inbegrepen. Gemiddeld binnen vijf werkdagen klaar.' Dit zijn de feiten die je bezoeker nodig heeft om te beslissen of jij de moeite waard bent.
Eén duidelijke primaire actie
Niet vijf knoppen naast elkaar. Één knop die het belangrijkste doet: bellen, offerte aanvragen, afspraak maken. Op mobiel moet die knop binnen duimbereik staan, minimaal 48 pixels hoog zijn, en een duidelijk contrasterende kleur hebben.
Een beeld dat context geeft
Liever een echte team-foto, werkplaats-foto of portfolio-beeld dan een stockfoto. Het beeld moet iets tonen dat bij jouw specifieke bedrijf hoort. Stockfoto's voelen onpersoonlijk en verzwakken vertrouwen, zeker voor lokale dienstverleners.
Lokale verankering zichtbaar in de hero
Voor lokale bedrijven: vermeld de plaats in de headline of ondertitel. 'Tandarts in Nijmegen-Noord', 'Hovenier voor Wijchen en omgeving'. Dit bevestigt zowel voor bezoekers als voor Google dat je lokaal gevestigd bent.
Hero moet snel laden
De hero-afbeelding is meestal de Largest Contentful Paint (LCP). Gebruik Next.js Image met `priority`, serveer moderne formaten (WebP/AVIF), en render de tekst server-side zodat hij direct zichtbaar is zonder JavaScript. Onder 2 seconden LCP is de richtlijn.
Gratis scan
Heb je al een site? Scan 'm gratis voor we starten.
Zestien checks op techniek, commercieel en marketing. Het rapport vormt het startpunt van ons gesprek — met cijfers in plaats van aannames.
Verder lezen