Website & Development
De B2B-homepage die converteert: opbouw, secties en volgorde
Kopieer voor AI
Een B2B-homepage die converteert bouw je op volgorde, niet op esthetiek.
Elke sectie beantwoordt de volgende vraag van de bezoeker en duwt hem een stap dichter bij contact.
Het verdict: een goede B2B-homepage opbouw loopt van “wat doe je en voor wie” via bewijs naar één heldere volgende stap. Alles wat daar niet aan bijdraagt, schrap je.
Van boven naar beneden is dat: wat doe je en voor wie (hero), waarom jou (bewijs en differentiatie), hoe werkt het, en wat is mijn volgende stap (CTA).
Hieronder loop je sectie voor sectie door die blauwdruk, van hero tot footer-CTA. Telkens met de vraag: welke taak heeft deze sectie in het binnenhalen van een lead?
Wat is het doel van een B2B-homepage?
De juiste bezoeker zo snel mogelijk naar de juiste volgende stap leiden.
Het doel is dus niet “vertellen wie we zijn”. Voor een B2B-dienstverlener is die volgende stap bijna altijd een contactaanvraag, een intake of een offerte. Alles op de pagina staat in dienst van dat ene doel.
Brochure of leadmachine?
Dat klinkt logisch, maar de meeste bedrijfssites werken als een digitale brochure.
Ze sommen diensten op, tonen een mooie teamfoto en eindigen ergens met een contactpagina die niemand vindt. Ze sturen nergens op. Het verschil lees je in brochurewebsite of leadmachine.
Een B2B-website die leads genereert begint daarom niet bij het ontwerp, maar bij het einddoel. Van daaruit werk je terug naar de structuur van de homepage.
Wil je het bredere kader, lees dan eerst de B2B-website laten maken gids of ons stuk over een conversiegerichte websitestructuur.
Kwalificeren en doorverwijzen
Belangrijke nuance: je homepage hoeft niet de hele verkoop te doen. Ze moet kwalificeren en doorverwijzen.
Een bezoeker die precies weet wat hij zoekt, stuur je naar de juiste dienstenpagina.
Een bezoeker die nog oriënteert, geef je genoeg vertrouwen om contact op te nemen.
Hoe ziet de ideale sectievolgorde eruit?
Ze volgt de vragen die een B2B-koper in zijn hoofd afvinkt, in deze volgorde.
Zie het als een gesprek waarin elke sectie de volgende vraag beantwoordt voordat de bezoeker hem hoeft te stellen:
- Hero: wat doe je, voor wie, en wat moet ik nu doen.
- Sociale bewijslast: kan ik je vertrouwen (logo’s, korte cijfers, reviews).
- Probleem en oplossing: begrijp je mijn situatie en wat los je op.
- Diensten of aanbod: wat bied je concreet aan.
- Waarom jij: wat maakt je anders dan het alternatief.
- Uitgebreider bewijs: een case, een testimonial, resultaten.
- Veelgestelde vragen: wegnemen van de laatste twijfels.
- Footer-CTA: de heldere laatste uitnodiging om contact op te nemen.
In één beeld, met de taak van elke sectie:
De volgorde mag schuiven, de logica niet
Niet elke homepage heeft alle acht nodig, en de volgorde mag je per geval bijstellen.
Maar de logica blijft: van “wat is dit” naar vertrouwen naar actie.
Op mobiel wordt volgorde leesvolgorde
Een goede UX-aanpak voor B2B zorgt dat die opbouw ook op mobiel klopt. Daar verschijnen de secties onder elkaar, dus de volgorde wordt letterlijk de leesvolgorde.
Wat mobiele bezoekers anders doen, lees je in mobiele conversie op een B2B-website.
Vuistregel: test je homepage eerst op een smartphone. Wat daar pas na vijf keer scrollen komt, ziet bijna niemand.
Wat hoort er in de hero-sectie?
Drie dingen: een heldere kop met je waardepropositie, een korte ondersteunende zin en één primaire call-to-action.
Dit is de belangrijkste sectie van de pagina. Hier beslist de bezoeker binnen enkele seconden of hij blijft of wegklikt.
Volgens Nielsen Norman Group verlaten bezoekers een pagina vaak al binnen 10 tot 20 seconden. Hun analyse van 205.873 pagina’s toont dat afhaken het sterkst is in de eerste seconden. Pas na ongeveer 30 seconden vlakt het af.
Bij 99% van de pagina’s zagen ze dat patroon.
Hun advies: maak je waardepropositie binnen 10 seconden duidelijk.
De kop: geen slogan
De kop is geen wollige merkbelofte.
Hij maakt in één zin duidelijk wat je doet, voor wie, en welk resultaat je levert.
Voorbeeld: “Wij bouwen conversiegerichte B2B-websites” zegt meer dan “Digitale ervaringen die inspireren”.
De subkop voegt context toe: voor welk type bedrijf, met welk concreet voordeel.
De call-to-action: één knop
De call-to-action is hier primair en ondubbelzinnig. Eén knop die de logische volgende stap is, niet vijf knoppen die om aandacht vechten.
Een tweede, zachtere link mag, bijvoorbeeld “Bekijk ons werk”.
Maar die is visueel ondergeschikt.
Hoe je die knoppen formuleert, lees je bij call-to-action-voorbeelden. Voor de kleine teksten rond de knop helpt ons stuk over microcopy en UX writing.
De navigatie: kort en voorspelbaar
Vergeet de navigatie bovenaan niet.
Die is voor veel bezoekers het eerste oriëntatiepunt en hoort kort en voorspelbaar te zijn.
Snelheid hoort bij de hero
Een hero die traag laadt, verliest bezoekers nog voor de kop zichtbaar is.
Kijk in PageSpeed Insights naar de velddata van echte bezoekers. Bij onze eigen site laadt het grootste element in 1,9 seconden, maar verschuift de layout te veel:
Onze eigen mobiele velddata in PageSpeed Insights, oktober 2026. LCP is goed (1,9 s), maar één zwak meetpunt (CLS 0,13) laat de beoordeling falen.
De grote heroafbeelding is vaak het element dat het traagst laadt. Hoe je dat oplost, staat in je website sneller maken. Test je eigen homepage met onze website-snelheidstest.
Kort: een snelle hero is de eerste conversiestap.
Waarom staat bewijs zo hoog op de pagina?
Omdat vertrouwen in B2B de grootste rem op conversie is.
Een aankoopbeslissing is duur, raakt meerdere mensen en is moeilijk terug te draaien.
De bezoeker zoekt dus vroeg naar redenen om je te geloven of af te haken.
Eén signaal vlak onder de hero
Denk aan een strook met herkenbare klantlogo’s, één hard cijfer of een korte review vlak onder de hero. Dat verlaagt de drempel meteen.
Je hoeft niet je hele portfolio te tonen. Eén geloofwaardig signaal op het juiste moment doet meer dan tien vage claims.
Dat het hoog moet staan, blijkt ook uit kijkgedrag. NN/g mat hoeveel kijktijd boven de vouw valt, het deel dat zichtbaar is zonder te scrollen (Nielsen Norman Group):
In 2010 viel 80% van de kijktijd boven de vouw, in 2018 nog 57%.
Mensen scrollen dus meer dan vroeger, maar het eerste scherm krijgt nog altijd het grootste deel van de aandacht.
Uitdiepen met een case
Verderop op de pagina diep je dat uit met een concrete case of een testimonial. Die beschrijft het probleem, de aanpak en het resultaat.
Hoe je zo’n verhaal tot een overtuigende pagina uitwerkt, lees je in de opbouw van een sterke case-pagina en in case studies als social proof.
Eerlijkheid is ook bewijs
Vertrouwen bouw je ook met duidelijkheid: realistische beloftes en geen overdreven claims.
In de praktijk wint een nuchtere, onderbouwde toon het van superlatieven. Meer concrete signalen vind je bij vertrouwen wekken op je B2B-website.
Hoe schrijf je de tekst tussen de secties?
Vanuit de bezoeker, niet vanuit jezelf.
De meeste B2B-homepages praten over “wij”, “onze expertise” en “onze oplossingen”. De bezoeker heeft maar één vraag: lost dit mijn probleem op?
Bovendien leest hij weinig. Volgens dezelfde NN/g-analyse duurt een gemiddeld bezoek iets minder dan een minuut en lezen gebruikers ongeveer een kwart van de tekst.
Draai het om en begin bij zijn situatie.
Een structuur per sectie
Een eenvoudige opbouw per sectie:
- benoem het probleem dat de bezoeker herkent
- laat zien dat je het begrijpt
- presenteer je aanbod als de logische uitweg
Houd zinnen kort en concreet.
Vermijd jargon, of leg het in één lijn uit.
Cijfers en specifieke voorbeelden overtuigen meer dan bijvoeglijke naamwoorden. Dit is de kern van conversiegerichte copywriting: elke alinea heeft een doel en leidt naar de volgende.
Voorbeeld: stel, je bent een IT-dienstverlener. “Wij leveren kwalitatieve IT-oplossingen” zegt niets. “Geen downtime meer bij je kantoornetwerk, met support binnen het uur” benoemt het probleem en het resultaat.
Schrijf voor scanners
Bezoekers lezen niet woord voor woord. Ze scannen koppen, vetgedrukte woorden en knoppen.
Nielsen Norman Group noemt dat het F-patroon: lezers kijken vooral naar de eerste regels en de eerste woorden van elke regel. Hun advies is koppen te laten beginnen met “the words carrying most information” (Nielsen Norman Group).
Test: zorg dat iemand die alleen de tussenkoppen leest, alsnog je verhaal en je aanbod begrijpt.
Meten waar bezoekers afhaken
Of je tekst werkt, zie je in scrolldiepte en klikgedrag. Microsoft Clarity toont dat gratis:
De homepage van Microsoft Clarity, oktober 2026 (Engelse versie). De scrolldiepte toont hoeveel bezoekers het eerste scherm verlaten.
Stel: de helft van je bezoekers haakt af voor je bewijssectie. Dan staat die te laag.
Wat scrolldiepte precies meet, lees je in wat is scroll depth.
Kort: meet eerst, schuif dan secties.
Waar plaats je de call-to-action op een homepage?
Op drie punten: in de hero, in het midden na het bewijs, en als afsluitende footer-CTA.
Eén knop bovenaan is niet genoeg.
Bezoekers converteren op verschillende momenten in hun leestraject.
Eén doel, consequent herhaald
Belangrijk is dat al die CTA’s naar hetzelfde doel wijzen.
Vijf verschillende aanbiedingen (download dit, abonneer je, vraag dat aan) versnipperen de aandacht.
Kies één primaire conversie voor de hele pagina, bijvoorbeeld een intake of contactaanvraag, en herhaal die consistent.
De footer-CTA als laatste kans
De footer-CTA is een korte, expliciete uitnodiging met een knop. Niet alleen een telefoonnummer in kleine letters.
Twijfels die vlak voor die knop opduiken, vang je op met een korte FAQ-sectie voor conversie.
Een formulier op de homepage
Staat je formulier op de homepage zelf, houd het dan kort.
Elk extra veld kost conversie.
De principes staan in formulieren optimaliseren en in de contactpagina optimaliseren, waar de meeste leads uiteindelijk terechtkomen. Welke velden je echt nodig hebt, lees je in je leadformulier optimaliseren.
| Plaats | Taak van de CTA | Vorm |
|---|---|---|
| Hero | Wie al overtuigd is meteen laten converteren | Primaire knop plus zachte tweede link |
| Midden, na bewijs | Wie net vertrouwen kreeg laten doorklikken | Dezelfde primaire knop |
| Footer | Laatste uitnodiging na de volledige pagina | Korte zin, knop, eventueel kort formulier |
Meet het zelf: reken je huidige homepage door met onze conversieratio-calculator.
De korte samenvatting
Een B2B-homepage die converteert is geen verzameling mooie blokken, maar een geordend gesprek.
- Hero: zegt wat je doet en voor wie.
- Bewijs: neemt twijfel weg.
- Tekst: vertaalt het probleem van de bezoeker naar jouw aanbod.
- CTA’s: leiden consequent naar één actie.
Begin bij het einddoel, geef elke sectie één taak, en schrap alles wat de bezoeker niet dichter bij contact brengt.
Design ondersteunt die structuur, het vervangt ze niet. Meer daarover in conversiegericht webdesign.
Wil je dat je homepage echt op leads stuurt in plaats van er alleen goed uit te zien? Bekijk onze aanpak als webdesign bureau, laat je bestaande pagina doorlichten via conversie-optimalisatie, of neem contact op.
Gratis website-scan
Geef je website in en krijg binnen enkele minuten een automatische scan met concrete technische en SEO-verbeterpunten. Geen verkooppraatje.
Je gegevens gebruiken we alleen voor je scan. Geen spam, uitschrijven kan altijd.