Een Goede Landingspagina Maken en Optimaliseren

Met een landingspagina kun je bezoekers gericht informatie geven over een onderwerp. Welke onderdelen zet je in, en wat zijn goede voorbeelden?

Wat is een landingspagina?

Eigenlijk is een landingspagina niet veel meer dan een pagina op een website waar bezoekers kunnen 'landen'. Meestal worden dergelijke pagina's geoptimaliseerd voor bepaalde trefwoorden. Door de goede focus van landingspagina's kunnen zij vaak betere posities en quality scores behalen op Google dan 'normale' pagina's (die over het algemeen met minder focus opgezet zijn). Omdat er direct of indirect vaak veel geld wordt betaald om bezoekers op een landingspagina te krijgen, zijn deze een goede kandidaat voor conversie optimalisatie (CRO).

Verschil met een microsite

Waar een landingspagina meestal één onderwerp behandelt, is dit bij een microsite vaak een (gerelateerde) groep aan onderwerpen. Een microsite zal ook per definitie uit meer dan één pagina bestaan, en is vaak losgekoppeld van de reguliere website. Een microsite kan bijvoorbeeld een geschikte strategie zijn gekoppeld aan een offline campagne voor een nieuwe dienst. Doordat een microsite vaak is losgekoppeld van de reguliere website is het soms ook mogelijk om deze in een aangepaste vormgeving te tonen.

Goede landingspagina maken

Landingspagina's komen in alle soorten en maten. Van een pagina met enkel een grote kop en een invulveld voor een e-mail adres, tot meterslange long form sales copy pagina's. Belangrijk om je te beseffen is dan ook dat er geen 'one size fits all' is voor dit type pagina's. Een perfecte landingspagina bestaan dan ook niet. Wat namelijk perfect werk voor de ene doelgroep, of een bepaald type product, zal mogelijk de plank volledig misslaan in een andere situatie. Het is hierom dan ook belangrijk om onderzoek te doen met je doelgroep en te leren van de pagina's van je concurrenten. Alleen op die manier zul je de beste landingspagina maken die effectief bezoekers uit jouw doelgroep converteert.

Belangrijke onderdelen

Ondanks dat iedere landingspagina uniek is, zijn er wel een aantal onderdelen die veel gebruikt worden op de meeste landingspagina's.

  • Merknaam: Zeker wanneer het hier gaat om een bekend merk is het belangrijk om de naam (en het logo) duidelijk te tonen. Bezoekers zullen de merknaam dan immers zien (en herkennen) wat kan helpen om het vertrouwen in de pagina te verhogen.
  • Unieke waardepropositie: Wat bieden de producten of diensten die worden aangeboden op deze pagina aan de bezoeker? Hoe gaan deze zijn of haar leven beter maken, of helpen om hun beoogde doelen te bereiken? Zorg ervoor dat de unieke waardepropositie in een goed leesbaar lettertype op de pagina wordt getoond.
  • Unieke verkooppunten: Dit zijn de belangrijkste redenen waarom een bezoeker bij jou moet kopen in plaats van bij een concurrent. Bieden jouw producten of diensten bepaalde unieke voordelen? Zijn deze bijvoorbeeld goedkoper, sneller, sterker, duurzamer of efficiënter dan die van andere partijen? Probeer het aantal unieke verkooppunten in eerste instantie te beperken tot de allerbelangrijkste om te voorkomen dat de bezoekers overspoeld wordt.
  • Actie knoppen: De zogenaamde call-to-action knoppen geven de belangrijkste macro conversie aan die je wilt dat bezoekers ondernemen. Mogelijk gaat het hier om het inschrijven voor de bèta versie van jullie nieuwe product of het doneren aan het goede doel waarvoor deze landingspagina is aangemaakt. Zorg ervoor dat deze knop een opvallende kleur heeft ten opzichte van de rest van de pagina, er overduidelijk uit ziet als een klikbaar element, en een tekst heeft die goed omschrijft wat er gaat gebeuren zodra een bezoeker er op klikt.
  • Formulier: Dit kan gaan om één enkel invulveld voor een e-mail adres of een formulier met tientallen velden. Hoe dan ook is het echter belangrijk om aan bezoekers duidelijk te maken waarom het nodig dat zij deze informatie in moeten vullen om hun doel te bereiken. Hierbij kan het bijvoorbeeld helpen om te vermelden dat hun gegevens met de grootst mogelijk zorg verwerkt zullen worden, en niet worden gedeeld met derden.
  • Afbeelding: In veel gevallen toont de bovenste afbeelding de dienst of product 'in actie'. Ook kan het helpen om de unieke waardepropositie of één of meerdere unieke verkooppunten visueel weer te geven.
  • Referenties: Deze onderdelen (die ook wel testimonials worden genoemd) kunnen helpen om bezoekers meer vertrouwen te geven in de pagina. Het toevoegen van zaken als een foto, naam, en functietitel kan helpen om de referenties krachtiger te maken. Indien er sprake is van voldoende volume zouden ook zaken als reviews of beoordelingen aan de pagina kunnen worden toegevoegd.
  • Logo's van klanten: Dergelijke logo's kunnen helpen om het vertrouwen van bezoekers te verhogen. Houd er hierbij wel rekening mee dat de logo's moeten passen bij het type product of dienst dat op de landingspagina wordt aangeboden. Wanneer deze namelijk is gericht op grote bedrijven en de enige klanten die je op dit moment hebt bediend MKB bedrijven zijn, dan zullen de logo's veel minder krachtig zijn (of misschien zelfs de conversieratio verlagen).

Best practices

Hoewel landingspagina's misschien geen onderdeel zijn van de primaire website, betekent dit niet dat alle best practices van een goede site maar overboord kunnen. Zo is het ook voor een landingspagina belangrijk dat deze voldoet aan de volgende kenmerken: 100% uptime, snelle laadtijd, goede toegankelijkheid, mobiel vriendelijk, intuïtieve vormgeving, heldere informatie, zinvolle afbeeldingen, behulpzame foutmeldingen, etc.

Rekening houden met de vouw

De vouw (ook wel fold genoemd) verwijst naar het onderdeel van de pagina dat zichtbaar is zonder dat een bezoeker hoeft te scrollen. Deze beschikbare ruimte is uiteraard sterk afhankelijk van het formaat scherm waar een bezoeker naar kijkt. Doordat een landingspagina vaak het eerste contact is dat je met een bezoeker zult hebben, is het des te belangrijker om te zorgen dat de juiste informatie boven de vouw wordt getoond. Om te zien welke informatie er per apparaat boven de vouw wordt getoond kun je bijvoorbeeld gebruikmaken van de Mobile Emulator in Google Chrome.

Landingspagina

Landingspagina voorbeeld met uitleg

  • Merknaam: De merknaam en het logo van Shopify wordt als bovenste element op de pagina getoond en nogmaals herhaald in de kop daaronder.
  • Unieke waardepropositie: De waardepropostie 'Sell online with Shopify' wordt goed zichtbaar boven de vouw in beeld gebracht.
  • Unieke verkooppunten: Shopify heeft er voor gekozen om alleen hun belangrijke unieke verkooppunt 'Trusted by over 1,000,000 businesses worldwide' boven de vouw te tonen. Aanvullende verkooppunten zoals de beschikbare thema's en prijs worden pas zichtbaar nadat een bezoeker heeft gescrold op de pagina. Interessant om hierbij op te merken is dat er hierin nog een extra laag is aangebracht doordat de vetgedrukte kopjes van de verkooppunten eigenlijk de belangrijkste informatie al tonen.
  • Actie knoppen: Zowel boven de vouw als onderaan de pagina toont Shopify een 'Start free trial' knop. Doordat de vormgeving relatief rustig is hoeft er geen enorm constrasterende kleur gebruikt te worden om de knop op te laten vallen. Verder beschrijft de tekst eenduidig wat er gaat gebeuren als een bezoeker op de knop klikt.
  • Formulier: In dit geval bestaat het formulier uit slechts één invulveld. Shopify heeft hier gekozen een standaard wit veld met daarin duidelijk als placeholder vermeld welke informatie er van de bezoeker wordt verwacht.
  • Afbeelding: Shopify toont een redelijke generieke afbeelding van een website en een dashboard. Mogelijk dat zij deze afbeelding nog personaliseren op basis van de zoekterm waarmee bezoekers op de landingspagina uitkomen.
  • Referenties: In dit geval wordt er slechts één referentie getoond, namelijk de twee regels tekst onderaan de pagina.
  • Logo's van klanten: De logo's die onderaan de pagina worden getoond zeggen mij persoonlijk niet zoveel. Mogelijk dat Shopify ook hierop personalisatie toepast op basis van de zoekterm, zodat de logo's relevanter worden voor bezoekers.

Mogelijke verbeteringen

Hoewel mijn vermoeden is dat Shopify al een groot aantal AB testen gedraaid zal hebben op deze pagina, zijn er altijd wel potentiële verbeteringen te bedenken. Enkele voorbeelden:

  • Een van de drie voordelen er visueel uit laten springen met een andere kleur.
  • De melding 'no credit card required' onder het invulveld zou vetgedrukt kunnen worden.
  • Unieke voordelen als een balk bovenaan de pagina tonen.
  • Een foto aan de referentie toevoegen die onderaan de pagina wordt getoond.
  • Er zou een video toegevoegd kunnen worden met positieve ervaringen van klanten.

Andere voorbeelden

Hoewel Shopify een goed voorbeeld is van een landingpagina is, zoals eerder aangegeven, iedere situatie uniek. Om inspiratie op te doen kun je dan ook bijvoorbeeld een website als LandingFolio bekijken.

Landingspagina optimaliseren

Eigenlijk verschilt het optimaliseren van een landingspagina maar weinig van het optimaliseren van een 'normale' pagina. Zo is het bijvoorbeeld nog steeds belangrijk om de doelgroep te betrekking bij dit proces. Ook kan een website review helpen om snel veel nieuwe verbeterpunten aan het licht te krijgen. Wanneer er voldoende verkeer is, kun je ook bezig gaan met A/B testing als vorm van meer geavanceerde landingspagina optimalisatie.

Conclusie

Landingspagina's vormen een belangrijke onderdeel van een succesvolle online marketing aanpak. Zorg ervoor dat alle best practices voor websites ook op deze pagina's worden toegepast en probeer te leren van goede voorbeelden van andere partijen. Net als bij gewone websites of webshops is dan de volgende stap om de ervaring van bezoekers te blijven optimaliseren, met als doel tevreden bezoekers en meer conversies.

Gratis adviesgesprek
Benieuwd naar de mogelijkheden? Plan dan een gratis adviesgesprek van 1 uur.