Neem een willekeurige homepage die bezoekers in de eerste paar seconden verliest en je ziet steeds hetzelfde probleem. Er wordt iets over het bedrijf gezegd, maar de bezoeker hoort nergens wat hij moet doen. In dit artikel lees je hoe je een homepage schrijft, van de kop tot onderaan, wat elk onderdeel moet bereiken, waarin homepagetekst verschilt van de rest van je site en welke fouten bezoekers laten vertrekken voordat ze scrollen.
Weten hoe je een homepage schrijft betekent begrijpen waar de pagina voor dient. Een homepage is geen bedrijfsoverzicht. Het is ook geen missie. Het is de ene pagina die meteen drie vragen moet beantwoorden, voordat een bezoeker besluit te blijven of te vertrekken. Wat doe je? Voor wie is het? Wat moeten ze daarna doen? Homepagetekst die niet alle drie beantwoordt in de eerste scroll, werkt niet.
Wat moet een homepage doen?
Een homepage heeft een andere taak dan elke andere pagina op je site. Een dienstenpagina verkoopt een bepaalde dienst. Een over-ons-pagina bouwt vertrouwen op in de mensen achter het werk. Een homepage doet iets smallers en dringenders. Ze moet de bezoeker snel genoeg oriënteren om te blijven en verder te kijken.
Bezoekers die op een homepage landen, komen vaak uit een zoekresultaat, een link op social media of een doorverwijzing. Ze hebben nog niets anders op je site gelezen. Ze weten niet wie je bent of wat je aanbiedt. De homepagetekst heeft een paar seconden om te laten zien dat ze op de goede plek zijn. Lukt dat niet, dan gaan ze weg.
De taak is niet om alles uit te leggen. De taak is genoeg duidelijkheid en interesse te wekken zodat de bezoeker de volgende stap zet, of dat nu een klik naar een dienst is, verder scrollen of een formulier invullen. Elk woord op de pagina helpt daarbij of moet weg.
Hoe schrijf je een homepagekop die bezoekers vasthoudt?
De kop is het belangrijkste stuk tekst op je hele website. Het is het eerste wat een bezoeker leest, vaak voordat hij het ontwerp heeft opgemerkt. Een kop die vaag, slim of abstract is, verliest de bezoeker voordat de rest van de pagina een kans krijgt. Een kop die specifiek en duidelijk is, doet meer voor je conversie dan bijna elke andere aanpassing.
De betrouwbaarste formule voor een kop is gebaseerd op het resultaat. Je zegt wat de bezoeker krijgt of bereikt, geschreven voor de persoon voor wie de site is gemaakt. Niet "Wij helpen bedrijven groeien", maar "Krijg meer boekingen uit je eigen regio zonder advertenties". Niet "Jouw betrouwbare partner in wellness", maar "Yogales in Amsterdam voor beginners en gevorderden".
Een sterke kop beantwoordt twee vragen tegelijk. Wat is dit? Is het iets voor mij? Als een bezoeker je kop leest en beide kan beantwoorden, heb je het belangrijkste werk op de pagina gedaan. Kan hij dat niet, dan moet de kop eerst opnieuw voordat je iets anders optimaliseert.
Schrijf vijf tot tien versies voordat je kiest. De eerste versie is bijna nooit de goede. Haal bijvoeglijke naamwoorden weg. Schrap woorden als "toonaangevend", "innovatief" en "betrouwbaar", want die zeggen niets wat een bezoeker zonder bewijs gelooft. Vervang beschrijvingen van het bedrijf door beschrijvingen van wat de bezoeker krijgt.
Wat voegt de subkop toe wat de kop niet doet?
De subkop staat direct onder de kop en vervolgt wat de kop begon. Zijn taak is niet om de kop in andere woorden te herhalen. Hij voegt een laag concrete informatie toe die de kop door zijn opzet niet kan dragen.
Een goede kop is kort en krachtig. Die kortheid is een voordeel, geen beperking. In de subkop zet je de details die de kop moest weglaten. Noemt je kop het resultaat, dan noemt de subkop hoe je dat levert. Noemt de kop voor wie het is, dan noemt de subkop het concrete resultaat dat ze krijgen.
Houd de subkop op maximaal twee of drie zinnen. Hij moet in een oogopslag te lezen zijn. Lange subkoppen die je hele werkwijze uitleggen of alles opsommen wat je aanbiedt, horen in een latere sectie, niet bovenaan de pagina waar bezoekers nog beslissen of ze blijven.
Wat moet zichtbaar zijn above the fold?
Above the fold is het deel van de pagina dat een bezoeker ziet voordat hij scrolt. De naam komt uit de krantendruk, waar de verhalen boven de fysieke vouw op de voorpagina de kranten verkochten. Op een website is het principe hetzelfde. Wat je ziet zonder te scrollen bepaalt of een bezoeker überhaupt gaat scrollen.
In je sectie above the fold staan vier dingen. De kop. De subkop. Een duidelijke call-to-action. En genoeg visuele context zodat de bezoeker snapt wat voor site dit is. Al het andere kan lager op de pagina komen.
De grootste fout in deze sectie is hem vullen met iets moois maar onduidelijks. Een afbeelding over het hele scherm zonder tekst. Een video op de achtergrond waar de kop onder verdwijnt. Een slogan die te abstract is om iets te zeggen. Deze sectie verdient zijn plek met duidelijkheid, niet met esthetiek. Beide kunnen samengaan, maar duidelijkheid wint als ze botsen.
Wil je dieper ingaan op hoe de vouw het gedrag van gebruikers beïnvloedt en wat bezoekers als eerste opvallen? Lees dan het artikel over wat above the fold betekent op een website.
Waar hoort social proof op de homepage?
Social proof op een homepage neemt de twijfel weg die een nieuwe bezoeker van nature voelt bij een bedrijf dat hij niet kent. Reviews, getuigenissen, klantlogo's, stukjes uit klantverhalen en vermeldingen in media laten allemaal zien dat anderen voor dit bedrijf hebben gekozen en het de moeite waard vonden.
De plek maakt uit. Social proof helemaal onderaan een lange pagina bereiken de meeste bezoekers nooit. Zet je een rij klantlogo's of een korte review direct onder de sectie above the fold, dan houd je het momentum van de kop vast. De bezoeker leest de kop, snapt waar de site voor is en ziet meteen bevestiging dat anderen dit bedrijf vertrouwen. Zo bouw je geloofwaardigheid op het moment dat het het hardst nodig is, voordat de bezoeker iets anders heeft gelezen.
De review of getuigenis die je toont moet specifiek zijn. "Samenwerken met hen heeft mijn bedrijf veranderd" is minder nuttig dan "We gingen van drie aanvragen per maand naar twintig nadat we onze website opnieuw bouwden met deze sjablonen." Een concreet resultaat is geloofwaardig op een manier die een algemene aanbeveling niet is.
Voor een volledig overzicht van hoe social proof werkt en welke vormen er zijn, lees je het artikel over social proof op een website. Daar staat per soort waar het het best werkt.
Hoe beschrijf je je diensten of producten op de homepage?
Een homepage is niet de plek voor volledige beschrijvingen van diensten. Bezoekers die op je homepage landen zijn nog niet toe aan zoveel detail. Ze bepalen nog of je relevant voor ze bent. Een homepage die opent met lange dienstbeschrijvingen voordat de bezoeker heeft besloten te blijven, duwt hem weg voordat hij iets leest.
De goede aanpak is een korte overzichtssectie. Noem elke dienst of productcategorie. Voeg een zin toe over wat het doet of voor wie het is. Link naar de eigen pagina waar de bezoeker het volledige beeld krijgt. Zo'n opzet doet twee dingen. Ze vertelt de bezoeker snel wat je aanbiedt. Ze stuurt hem ook naar de juiste pagina voor zijn specifieke behoefte, en daar vindt de conversie echt plaats.
Som in dit stadium geen functies op. Functies horen op de dienst- of productpagina, waar de bezoeker al geïnteresseerd is en vergelijkt. Zeg op de homepage wat de bezoeker krijgt, niet wat de dienst bevat. "Websites die hoog scoren in Google" is relevanter voor een twijfelende bezoeker dan "Maatwerk-HTML, SEO-metadata en responsive design inbegrepen."
Wat moet de call-to-action op de homepage zeggen en waar moet hij naartoe?
Elke homepage heeft een primaire call-to-action nodig. Dat is de ene actie die je het liefst wilt dat een bezoeker onderneemt na het landen. Een gesprek boeken. Een gratis proefperiode starten. Sjablonen bekijken. Een offerte aanvragen. Er hoort één primaire CTA te zijn, geen vier die om aandacht strijden en de bezoeker alle kanten op sturen.
De CTA moet above the fold staan, als onderdeel van de kopsectie. Hij moet ook halverwege de pagina terugkomen en nog eens bij de onderkant. Een bezoeker die voorbij de vouw leest en onderaan komt zonder nog een CTA te zien, moet terug omhoog scrollen om te handelen. Die frictie kost conversies.
Schrijf de knoptekst actief en specifiek. "Aan de slag" en "Meer informatie" zijn zwak, omdat ze niets beschrijven. "Start je gratis proefperiode", "Boek een gratis gesprek" en "Bekijk de prijzen" zijn beter, omdat ze precies zeggen wat er gebeurt als je klikt. Hoe specifieker de knoptekst, hoe hoger de klikratio meestal is, omdat de bezoeker weet wat hij kan verwachten.
Een volledige uitleg over hoe CTA's werken en hoe je ze schrijft voor verschillende pagina's en situaties vind je bij wat een call-to-action op een website is.
Wat hoort er niet op een homepage?
Neem een homepage die leest als een brochure en je vindt steeds dezelfde vier dingen die er niet thuishoren. De bedrijfsgeschiedenis. Een algemene missie. Een muur van tekst over het oprichtingsverhaal. Menu-zware secties die vanaf de homepage naar elke pagina van de site proberen te linken.
De bedrijfsgeschiedenis hoort op de over-ons-pagina, waar een bezoeker die je achtergrond belangrijk vindt haar kan vinden. Een missie in abstracte taal ("Wij geloven in het versterken van gemeenschappen met innovatieve oplossingen") zegt niets tegen een bezoeker die een specifieke dienst zocht. Het oprichtingsverhaal is belangrijk voor investeerders en journalisten, niet voor een eerste bezoeker die in tien seconden beslist of hij blijft.
Te veel tekst is het meest voorkomende probleem op homepages. Lange alinea's vertragen de bezoeker en geven het signaal dat de pagina moeite kost om te begrijpen. Gebruik op een homepage korte zinnen, veel witruimte en visuele breaks tussen secties. De hoeveelheid tekst is het minimum dat nodig is om de bezoeker verder te helpen, niet het maximum dat de ontwerper kwijt kan.
Waarin verschilt homepagetekst van een dienstenpagina of over-ons-pagina?
Elke pagina op een website heeft een eigen taak, en de tekst moet die taak weerspiegelen. Homepagetekst is breed en snel. Ze beantwoordt wie, wat en waarom in een paar regels en stuurt de bezoeker naar de juiste plek. Een dienstenpagina is gericht en gedetailleerd. Ze beantwoordt alle vragen die een bezoeker heeft over één dienst, neemt bezwaren weg en stuurt op conversie. Een over-ons-pagina bouwt de relatie tussen de bezoeker en de mensen achter het bedrijf.
De homepage schrijven zoals je een dienstenpagina schrijft is een veelgemaakte fout. Een dienstenpagina mag lang zijn, omdat de bezoeker die haar leest al geïnteresseerd is. Hij is doorgeklikt vanaf de homepage, dus hij heeft al besloten dat je relevant bent. Een homepage heeft die luxe niet. De bezoeker beslist nog, dus de tekst moet sneller werken en slanker blijven.
De homepage schrijven zoals je een over-ons-pagina schrijft is de andere veelgemaakte fout. Een over-ons-pagina gaat over jou. Een homepage gaat over wat de bezoeker krijgt. Zodra homepagetekst gaat over de geschiedenis, waarden of interne werkwijze van het bedrijf, doet ze niet meer waar de homepage voor is.
Voor een stapsgewijze uitleg over het schrijven van een dienstenpagina als een bezoeker voorbij de homepage is, lees je het artikel over hoe je een dienstenpagina schrijft.
Hoe lang moet een homepage zijn?
De lengte van een homepage hangt af van je verkoopproces, niet van een streefaantal woorden. Een eenvoudig product met een duidelijke doelgroep kan een korte homepage hebben. Een dienstverlener met meerdere aanbiedingen en een langere overwegingsfase kan een langere hebben. De goede lengte is de lengte die een gemiddelde bezoeker nodig heeft om genoeg informatie te krijgen voor de volgende stap.
Een handige toets is je analytics bekijken. Verlaat de gemiddelde bezoeker de pagina zonder voorbij de vouw te scrollen, dan is een langere pagina niet het probleem. Dan is de kop of de CTA het probleem. Scrollen bezoekers bijna helemaal naar beneden en vertrekken ze dan zonder te handelen, dan is de pagina misschien te lang, of de CTA onderaan niet duidelijk genoeg.
In de praktijk heeft een homepage voor een dienstverlener meestal een kopsectie nodig, een kort overzicht van diensten, een sectie met social proof en één duidelijke CTA-sectie. Dat kan goed in 300 tot 500 woorden zichtbare tekst, verdeeld over goed ontworpen secties. Sommige bedrijven hebben meer nodig. De toets is altijd of elke sectie zijn plek verdient door de bezoeker naar de volgende stap te brengen.
Visuele hiërarchie helpt bij keuzes over lay-out net zozeer als bij keuzes over tekst. Het artikel over wat visuele hiërarchie is legt uit hoe de opbouw van een pagina het oog en de aandacht van een bezoeker stuurt.
Hoe beïnvloedt de gebruikerservaring keuzes in je homepagetekst?
Tekst en ontwerp werken op een homepage samen. De manier waarop secties zijn geordend, hoeveel witruimte de tekst omringt en de volgorde waarin de bezoeker elk stuk informatie tegenkomt, bepalen allemaal of de tekst aankomt. Sterke tekst in een lay-out die haar tegenwerkt, levert nog steeds slechte resultaten op.
Een homepage met te veel tekst vooraan, voordat de bezoeker context heeft, jaagt mensen weg voordat ze bij de inhoud komen die ze had vastgehouden. Een homepage waarbij sterke tekst verstopt zit in een druk raster of een kleurenschema met weinig contrast, verliest bezoekers die waren omgezet als de informatie makkelijker te scannen was. De keuze voor de tekst en de keuze voor de lay-out kun je niet los van elkaar maken.
Het artikel over wat UX-ontwerp is laat zien hoe principes van gebruikerservaring op je hele site gelden, ook voor hoe bezoekers pagina's lezen en er doorheen navigeren.
Zo regelt WEMASY homepagetekst
De Websitebouwer van WEMASY bevat homepagesjablonen die zijn opgebouwd rond de onderdelen uit dit artikel. Elk sjabloon heeft een kopsectie, een overzicht van diensten, een sectie met social proof en CTA's above the fold en onderaan de pagina. In de pagina-instellingen vind je SEO-velden voor de metatitel en metabeschrijving van de homepage, die je los van de pagina-inhoud aanpast. Alle pagina's, ook de homepage, zijn standaard responsive op desktop, tablet en mobiel.
Bekijk wat erbij zit op de WEMASY Websitebouwer of bekijk de abonnementen op de prijspagina.
Veelgestelde vragen
Hoe lang moet een homepagekop zijn?
Een homepagekop werkt het best met 6 tot 12 woorden. Kort genoeg om in een oogopslag te lezen, specifiek genoeg om de bezoeker te vertellen wat de site doet en voor wie die is. Langere koppen verliezen de lezer vaak voordat de zin af is. Heeft je kop meer dan 12 woorden nodig om duidelijk te zijn, dan moet de tekst scherper, niet langer.
Moet een homepage prijzen bevatten?
Dat hangt af van je bedrijfsmodel. Bij eenvoudige producten of abonnementen met transparante prijzen kan een korte prijssectie of een link naar de prijspagina op de homepage frictie verminderen. Bij dienstverleners met wisselende prijzen is de homepage niet de plek voor bedragen. Stuur bezoekers dan naar een offerte- of boekingsformulier waar de prijs besproken kan worden op basis van hun situatie.
Hoeveel call-to-actions moet een homepage hebben?
Eén primaire call-to-action, herhaald op twee of drie plekken op de pagina. De primaire CTA staat altijd above the fold, waar een bezoeker hem ziet zonder te scrollen. Een tweede plek halverwege vangt bezoekers die een stuk lezen en klaar zijn om te handelen. Een derde onderaan vangt degenen die alles lezen voordat ze beslissen. Meerdere verschillende CTA's die om aandacht strijden verlagen de conversie.
Wat is de grootste fout bij het schrijven van een homepage?
Schrijven over het bedrijf in plaats van voor de bezoeker. Een homepage die opent met de geschiedenis, waarden of zelfbeschrijving van het bedrijf laat de bezoeker zelf uitzoeken of dat voor hem relevant is. Bezoekers doen dat werk niet. Ze vertrekken. Een homepage die opent met wat de bezoeker krijgt, voor wie het is gemaakt en wat hij daarna moet doen, houdt mensen op de pagina.
Kan de Websitebouwer van WEMASY helpen met de opbouw van een homepage?
De Websitebouwer van WEMASY bevat homepagesjablonen met vaste secties voor de kop, het overzicht van diensten, social proof en CTA's. De sjablonen zijn gebouwd op de lay-outprincipes voor duidelijke, snel ladende homepages. Je past elke sectie direct aan en wijzigt de inhoud zonder code aan te raken. Bekijk de WEMASY Websitebouwer voor de volledige lijst met sjablonen.