Landingspagina’s: een handleiding voor beginners

Een landingspagina is een pagina die specifiek is ontworpen om je bezoeker één enkele actie uit te laten voeren. Denk hier aan het kopen van een product of dienst, het inschrijven voor een nieuwsbrief of het invullen van een formulier.

De term landingspagina is in het leven geroepen omdat het de pagina is waar een bezoeker “landt” na het klikken op een Google-advertentie, een Facebook bericht, een nieuwsbrief of een andere bron.

Hoe verschilt dit van een normale pagina?

Op andere pagina’s, zoals een homepagina, zijn er (meestal) meerdere call to actions (CTA’s) die om de aandacht van je bezoekers vragen.

Kijk bijvoorbeeld naar de homepagina van Start24:

Een CTA knop voor een dienstenpagina, artikelen die binnen tig verschillende categorieën vallen… Er zijn allerlei dingen gaande en we hopen niet één specifieke actie te bereiken wanneer bezoekers op deze pagina landen.

(Overigens zijn er websites wiens homepage wél een landingspagina is. Denk bijvoorbeeld aan SaaS-bedrijven die maar één product verkopen. De gewenste actie op deze pagina’s is meestal dat je je inschrijft voor hun free trial.)

Op een landingspagina daarentegen is het zonneklaar wat je van je bezoekers verwacht. Er is maar één duidelijke CTA (die vaak meerdere keren herhaald wordt op de pagina).

Waarom converteren ze zo goed?

Het codewoord hier is “focus.”

Landingspagina’s hebben slechts één CTA en mikken bovendien op een zeer specifieke doelgroep. Je kunt precies uitvogelen bij welk klantsegment deze CTA het beste aansluit, en vervolgens dit segment naar je pagina leiden. Bijvoorbeeld via targeted Facebook-advertenties.

Met een breed ingestoken shoppagina met talloze productcategorieën kun je dit niet doen.

Als je voor het eerst een landingspagina ontwerpt, laat je dan vooral inspireren door de besten in het vak. Onderstaande landingspagina’s behoren tot mijn persoonlijke favorieten.

De homepagina van Slack

Slack’s homepage is beeldschoon. Het is een vrij eenvoudige pagina, met een in het oog springende achtergrondkleur, aanlokkelijke tekst en aantrekkelijke afbeeldingen.

De pagina bevat bovenaan een video die binnen een paar minuten super helder uiteenzet wat Slack zo goed maakt. 68% van de mensen prefereren video over tekst wanneer het gaat om het uitleggen van een nieuw product of dienst.

Kies je als bezoeker voor de geschreven vorm, dan zie je een perfecte mengeling van prachtige, duidelijke afbeeldingen en spaarzame tekst die het product beschrijft. Ze laten hier op subtiele wijze ook social proof zien door te tonen hoe grote multinationals als Target Slack gebruiken.

De productpagina van Bony to Beastly

Er zijn een paar dingen die me erg aanspreken aan deze productpagina. Zo wordt er direct duidelijk gemaakt voor wie precies dit product geschikt is, met een vleugje humor. Ook bevat het een heel duidelijke, catchy belofte (“We’ll teach you how to gain 20 pounds in 20 weeks”).

Wanneer je begint te lezen wordt direct de opleiding van het team medegedeeld, evenals een niet-goed-geld-terug garantie. Beiden wekken vertrouwen op. Daarna wordt het programma in detail uiteengezet en zie je de resultaten van hun cliënten.

Bony to Beastly kan niet steunen op een grote merknaam en enorme marketingmachine. Toch komt deze landingspagina meteen legitiem over, zet het een goede waarde propositie neer en converteert daardoor uitstekend.

De homepagina van Pipedrive

De homepage van Pipedrive is een landingspagina zonder fratsen. Hij is kort en heeft een eenvoudige structuur:

• Above the fold zie je een afbeelding van het product en een knop die je aanstuurt om het gratis uit te proberen
• Een stel tabs die veel gestelde vragen over Pipedrive behandelen
• Een vergelijking met grotere, concurrerende CRM-systemen
• Reviews van gebruikers
• Product statistieken
• En tot slot dezelfde CTA-knop als bovenaan

Ook bevat de pagina een video van 60 seconden die het product laat zien. Het is een uitstekende pagina die je zonder al te veel moeite weet te overtuigen.

1. Voeg alle cruciale elementen toe

De meeste landingspagina’s zijn opgebouwd uit dezelfde bouwstenen. Zorg dat je deze allemaal toevoegt. Verlaat de gebaande paden niet:

• Een hoofdtitel en (optioneel) een subtitel
• Een korte beschrijving van je aanbod wat duidelijk de waarde communiceert
• Minstens één duidelijke afbeelding van het product of de dienst
• Vertrouwenwekkende elementen zoals testimonials, statistieken en een niet-goed-geld-terug garantie
• Een duidelijke CTA of contactformulier

2. Laat je titel aansluiten bij de advertentie

Wanneer iemand via een Google-advertentie op je landingspagina terecht komt, zorg dan dat de titel van de landingspagina en je aanbod hier naadloos op aansluit.

Wanneer mensen klikken op een advertentie voor een gratis deal en vervolgens op je pagina erachter komen dat er een addertje onder het gras zit, dan zal je direct hun vertrouwen verliezen.

Daarbij komt dat wanneer de titel van je landingspagina anders is dan die van je advertentie, dit tot verwarring leidt bij je bezoekers. Ze zullen zich afvragen of ze wel op de juiste pagina zijn.

3. Less is more

Zoals met website design altijd geldt: less is more. Een landingspagina die bomvol zit met afleidingen en onnodige franjes converteert slechter dan een eenvoudig ogende, overzichtelijke pagina.

• Gebruik veel witruimte (korte zinnen, veel paragrafen, genoeg ruimte om je afbeeldingen heen)
• Gebruik een makkelijk leesbaar lettertype (minimaal 18 pixels)
• Voeg functionele afbeeldingen toe, geen afbeeldingen die enkel ter decoratie dienen

4. Benadruk de waarde van je aanbod

Mensen zijn meer geïnteresseerd in de waarde die je aanbod hen biedt, dan in een rits aan productspecificaties. In plaats van alleen te schrijven “dit product bevat XYZ” is het voor een geïnteresseerde bezoeker interessanter om te lezen “dankzij dit product kun je X vergroten met Y%.”

Communiceer de waarde van je aanbod superduidelijk. Ga er niet vanuit dat je bezoeker instinctief begrijpt waarom je product haar leven beter maakt.

5. Maak een fantastische CTA

Call to actions zijn ontzettend belangrijk. Ze kunnen het verschil betekenen tussen iemand die je site verlaat en een conversie. Toch besteden veel adverteerders veel te weinig aandacht aan hun CTA’s.

Zo zie je vaak dat CTA-knoppen er nauwelijks uitspringen doordat ze geen contrasterende kleur gebruiken, of de tekst niet tot de verbeelding spreekt.

6. Testen, testen en testen

Zelfs de beste copywriters en grafisch ontwerpers kunnen vaak niet voorspellen welke tekst of afbeeldingen leiden tot de beste conversies. Wat jezelf aanspreekt rijmt niet altijd met de acties die je bezoekers ondernemen.

Zorg daarom dat je je landingspagina’s test. Je kunt dit doen door te A-B testen (stuur verkeer naar twee versies van dezelfde pagina’s in parallel). Zorg dat je per test maar één variabele aanpast. Zo kun je langzaamaan helder krijgen welk type landingspagina voor jou het beste converteert.

Grote bedrijven zoals Slack en AirBnB voeren een eindeloos aantal testen uit op hun landingspagina’s. Uiteindelijk liegt de harde data niet. Blijf dus testen (zij het wellicht op een kleinere schaal dan de grote jongens).

Mocht je niet heel ervaren zijn met web development, dan kun je gelukkig nog steeds met gemak een landingspagina in elkaar zetten. Zonder technische kennis.

Met WordPress

Heb je je site gemaakt met WordPress, dan kun je gebruik maken van een paginabouwer zoals Divi of Elementor. Deze drag-and-drop tools zijn twee van de populairste manieren om een landingspagina te maken met WordPress. Je kunt beide tools installeren als plugin.

Je kunt je landingspagina ook direct te bouwen met WordPress Gutenberg. Dit is wat ikzelf doe. Het voordeel hiervan is dat de performance van je pagina’s een stuk beter is dan met een paginabouwer. En als je gebruik maakt van een plugin als Kadence Blocks, heb je even veel ontwerp mogelijkheden als met Divi of Elementor.

In deze handleiding laat ik je zien hoe je een WordPress website met Kadence maakt. In het laatste hoofdstuk vind je precies welke plugins ik geïnstalleerd heb om zelf pagina’s te kunnen bouwen.