Ontwerp & inhoud
Wat is een goede indeling voor je homepage?
De opbouw die bezoekers in vijf seconden laat snappen wat je doet en hoe ze contact opnemen.
Laatst bijgewerkt: 27 July 2026
Een goede homepage beantwoordt bovenaan meteen drie vragen: wat doe je, voor wie, en wat is de volgende stap. Zet dat in de kop met daaronder één duidelijke knop. Daarna volgt bewijs, je diensten kort, iets over jou, en contact. Ontwerp de indeling eerst voor de telefoon.
Wat moet een bezoeker in 5 seconden op je homepage snappen?
Iemand die op je site landt, wil binnen enkele seconden weten of hij goed zit. Niet je bedrijfsgeschiedenis, geen missie. Drie dingen:
- Wat doe je? In gewone woorden.
- Voor wie? Herkent de bezoeker zichzelf?
- Wat is de volgende stap? Waar klikt hij op?
Krijgt hij daar geen antwoord op, dan klikt hij weg. Niet omdat je werk slecht is, maar omdat hij het niet snel genoeg begrijpt. De rest van je homepage bouwt voort op dat eerste moment.
Wat betekent "boven de vouw" en waarom is dat de belangrijkste ruimte?
"Boven de vouw" is alles wat een bezoeker ziet zonder te scrollen. De term komt uit de krantenwereld: de bovenste helft van de voorpagina, zichtbaar op het schap.
Die ruimte doet het meeste werk. Uit eye-trackingonderzoek van de Nielsen Norman Group (2018) blijkt dat bezoekers ongeveer 57% van hun kijktijd boven de vouw doorbrengen en zo'n 74% binnen de eerste twee schermen. Daarna zakt de aandacht sterk.
Dat betekent niet dat mensen niet scrollen. Ze scrollen wél, maar alleen als dat eerste scherm belooft dat verder lezen de moeite waard is. Je hoeft dus niet alles bovenaan te proppen. Je moet er wél overtuigen om door te gaan. Zet daarom je kop en je belangrijkste knop bovenaan, en houd de rest luchtig.
Welke volgorde werkt: van kop en knop tot contact?
Voor een klein bedrijf werkt een nuchtere, logische volgorde het beste. Van boven naar beneden:
- Kop met belofte plus call-to-action. Wat doe je, voor wie, en een knop.
- Bewijs. Een paar echte reviews, foto's van je werk of bekende logo's.
- Diensten kort. Scanbare kopjes met één zin uitleg.
- Over jou. Een gezicht en een paar eerlijke zinnen.
- Opnieuw contact. Herhaal de call-to-action onderaan, met je gegevens.
De logica: eerst duidelijk maken dat de bezoeker goed zit, dan twijfel wegnemen met bewijs, dan pas de details. Wie helemaal doorleest tot onderaan, moet niet terug hoeven scrollen om contact te vinden. Vandaar de tweede knop. Meer over de opbouw en inhoud van een sterke site lees je in een goede website: ontwerp en inhoud.
Hoe schrijf je een kop die meteen duidelijk maakt wat je doet en voor wie?
Maak je kop concreet en menselijk. Geen holle slogan waar niemand iets aan heeft.
Vergelijk:
- Slecht: "Wij ontzorgen uw digitale transformatie."
- Goed: "Ik bouw betaalbare websites voor zzp'ers in de regio Utrecht."
De tweede zin vertelt in één keer wat je doet, voor wie, en waar. De bezoeker herkent zichzelf of weet meteen dat hij verkeerd zit. Beide zijn winst. Vermijd vaktermen. Als je iets moet uitleggen, doe het in gewone taal, kort.
Waar zet je de call-to-action en hoe laat je hem opvallen?
Je belangrijkste knop hoort bovenaan, direct onder of naast de kop. Laat hem opvallen met kleur en ruimte eromheen, zodat het oog er meteen naartoe gaat.
Maak duidelijk wat er gebeurt als je erop klikt. "Vraag een offerte aan" of "Plan een gratis kennismaking" werkt beter dan een vaag "Meer weten". De bezoeker weet dan waar hij aan toe is.
Houd het bij één primaire actie per scherm. Zet je drie gelijkwaardige knoppen naast elkaar, dan kiest de bezoeker er geen. Eén duidelijke keuze wint van drie halve. Als je wilt zien hoe zo'n stap eruit kan zien, kijk dan bij een offerte aanvragen.
Welk bewijs overtuigt: reviews, werk of logo's?
Bewijs verlaagt twijfel. Iemand die overweegt je in te huren, wil zien dat anderen dat al deden en tevreden waren. Wat werkt:
- Reviews met naam. Een echte quote van een echte klant, liefst met bedrijfsnaam.
- Foto's van je werk. Screenshots van sites die je maakte.
- Klantlogo's. Als je voor herkenbare namen werkte.
Liever drie eerlijke reviews dan tien vage. Verzonnen of anonieme lof ("Top service! - een klant") doet meer kwaad dan goed. Wat een goede site oplevert aan vertrouwen en klanten lees je in wat een goede website je oplevert.
Hoe houd je je diensten kort zonder informatie weg te laten?
De homepage is een overzicht, geen naslagwerk. Presenteer je diensten scanbaar:
- Een kort kopje per dienst.
- Eén zin uitleg.
- Eventueel een prijs-vanaf.
De diepte hoort op onderliggende pagina's. Wie meer wil weten over een specifieke dienst, klikt door. Zo blijft je homepage overzichtelijk en houd je iedereen op één lijn: snel scannen boven, details een klik verder.
Waarom hoort "over jou" met foto op de homepage van een zzp'er?
Bij een solo-ondernemer koopt de bezoeker jou, niet een anoniem bedrijf. Een foto en een paar eerlijke zinnen scheppen vertrouwen op een manier die geen logo kan.
Laat je gezicht zien. Vertel kort wie je bent en waarom je dit doet. Geen opgeklopt verhaal, gewoon echt. Mensen doen liever zaken met iemand die ze een beetje kennen dan met een naamloze pagina.
Hoe maak je contact opnemen zo makkelijk mogelijk?
Zorg dat contact altijd binnen bereik is. Concreet:
- Telefoonnummer en e-mail zichtbaar, niet verstopt.
- Een simpel formulier met zo min mogelijk velden.
- Op mobiel eventueel een vaste knop die meescrollt.
Vermeld ook hoe snel je reageert. "Meestal binnen 1 werkdag" neemt de drempel weg om te wachten. Elk extra veld en elke extra klik kost je aanvragen. Maak de weg naar jou kort.
Waarom ontwerp je je homepage eerst voor de telefoon?
Omdat de meeste mensen op hun telefoon kijken. Volgens het CBS gebruikte in 2025 zo'n 95,5% van de Nederlanders van 12 jaar en ouder een mobiele telefoon of smartphone voor online activiteiten, tegen 73,3% een laptop. Mobiel is daarmee het meest gebruikte apparaat.
Ontwerp de indeling dus eerst voor een smal scherm:
- Één kolom, geen ingewikkelde rasters.
- Grote, goed aanraakbare knoppen.
- Korte teksten die je in één oogopslag scant.
Wat op mobiel werkt, werkt bijna altijd ook op een groot scherm. Andersom niet. Schrijf bovendien om te scannen, niet om te lezen: korte alinea's, tussenkopjes, opsommingen. Mensen lezen webpagina's in een F-patroon, bovenlangs en langs de linkerkant, dus zet je kernwoorden vooraan.
Hoe test je of je indeling echt werkt?
Twee simpele tests, geen dure software nodig:
- De telefoontest. Bekijk je homepage op je eigen telefoon. Snap je bovenaan meteen wat er staat? Is de knop makkelijk te raken?
- De 5-secondentest. Laat iemand die je niet kent vijf seconden naar je startscherm kijken. Vraag daarna: wat doe ik, en wat is de volgende stap? Snapt diegene het niet, dan is je kop of je knop nog niet duidelijk genoeg.
Herhaal dat af en toe. Je site is nooit "af", en kleine aanpassingen aan de kop of de knop leveren vaak het meeste op.
Wil je de rest van het plaatje zien, van eerste idee tot livegang, lees dan de complete gids over een website laten maken. Loop je liever niet zelf te sleutelen, dan bouw ik een site met een heldere indeling voor je, vanaf €299.
Bronnen
van de kijktijd besteden bezoekers boven de vouw; zo'n 74% binnen de eerste twee schermen. Zet je kop en knop dus bovenaan.
Veelgestelde vragen
Nee. Bezoekers scrollen wel degelijk, maar alleen als het eerste scherm ze daartoe verleidt. Zet bovenaan wat je doet, voor wie en een knop. De rest, zoals bewijs en diensten, mag lager. Uit onderzoek van de Nielsen Norman Group blijkt dat het meeste bekeken wordt in de eerste twee schermen, dus houd het bovenste scherm helder en niet volgepropt.
Bij voorkeur één primaire knop met een duidelijke tekst zoals 'Vraag een offerte aan'. Meerdere gelijkwaardige knoppen naast elkaar leiden af en zorgen dat bezoekers geen keuze maken. Een tweede, minder opvallende link mag, maar laat altijd zien welke actie de belangrijkste is.
Een aparte contactpagina is handig, maar wacht daar niet op. Zet je telefoonnummer, e-mail en een kort formulier ook op de homepage zelf, onderaan bij de tweede call-to-action. Hoe minder klikken tussen bezoeker en jou, hoe meer aanvragen je krijgt.
Omdat de meeste bezoekers op hun telefoon kijken. Volgens het CBS gebruikte in 2025 zo'n 95,5% van de Nederlanders vanaf 12 jaar een smartphone voor online activiteiten, meer dan de laptop. Een indeling die op een smal scherm werkt, werkt bijna altijd ook groot. Andersom gaat het vaak mis.
Liever laten doen?
Een site die klopt, tot in de teksten
Ik denk mee over indeling, teksten en beeld, en bouw een site die duidelijk en verzorgd is, vanaf €299. Vind je schrijven lastig? Dan help ik je op weg.
Jan — Ik bouw websites voor ondernemers en zzp’ers
Ik maak betaalbare websites op maat voor kleine bedrijven in Nederland. Deze kennisbank schrijf ik vanuit wat ik in de praktijk tegenkom, zodat je een goede keuze kunt maken, of je nu bij mij bouwt of niet.