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 landing page te krijgen, zijn deze een goede kandidaat voor conversie optimalisatie (CRO).

Verschil met een microsite

Waar een landing page 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 werkt 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, te leren van de pagina's van je concurrenten, en daarna optimalisatie op de landingpagina toe te passen. Alleen op die manier zul je de beste landingspagina maken die effectief bezoekers uit jouw doelgroep converteert. Een website review kan je hierbij helpen om snel veel nieuwe mogelijke verbeterpunten aan het licht te krijgen.

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 landing page 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 landingpage 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 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 landingpage 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 en andere vormen van validatie heeft uitgevoerd 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

Landing page optimalisatie vereist een andere aanpak dan het optimaliseren van een 'normale' website. Het belangrijkste verschil is dat een landingspagina meestal specifiek is ontworpen om een bepaalde actie of conversie te stimuleren. Dit zorgt ervoor dat elk je een landingspagina gerichter kunt optimaliseren. Denk daarbij aan het inzetten van bepaalde persuasieve teksten, knoppen, layout, en foto's. Een normale website heeft daarentegen vaak meerdere doelen zoals informatie verstrekken, naamsbekendheid bevorderen, wat het soms moeilijker maakt om deze gericht te optimaliseren. Een ander verschil is dat landing pages vaak een veel nauwere focus hebben en gericht zijn op een specifiek publiek. Dit betekent dat de inhoud en het ontwerp afgestemd moeten worden op de specifieke behoeften en de interesses van dat publiek. Denk daarbij ook aan een duidelijke waardepropositie en unieke voordelen. Ook hier geldt overigens weer dat een normale website vaak minder gericht is en bijvoorbeeld een bredere doelgroep probeert aan te spreken. Ten slotte is het meten van het succes van een landingspagina vaak eenvoudiger dan het meten van het succes van een normale website. Aangezien het doel van een landingpage is om een specifieke actie te stimuleren, zoals het aantrekken van leads of het stimuleren van een aankoop, is het gemakkelijker om het conversiepercentage te meten en te analyseren.

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.