Hoe optimaliseer je een landingspagina voor mobiel

Een landingspagina die op mobiel converteert, laadt binnen een paar seconden en leest zonder inzoomen. Bedienen gaat met één duim. Dat klinkt logisch, maar de meeste pagina's worden nog steeds op een groot scherm ontworpen en daarna in een telefoonformaat geperst. Draai dat om, en je ziet het terug in je conversie.

Waarom verdient mobiel een eigen aanpak?

Meer dan de helft van je bezoekers komt binnen via een telefoon. Google kijkt bovendien eerst naar de mobiele versie van je pagina om te bepalen hoe je rankt, niet naar de desktopversie. Een pagina die alleen op een groot scherm klopt, verliest dus twee keer.

Daar komt de context bij. Een mobiele bezoeker zit in de trein, wacht ergens op of scrolt op de bank. Het geduld is korter en de afleiding groter, dus elke seconde wachten en elke onhandige knop kost je klanten. Waarom je ontwerp daarom bij het kleine scherm begint, lees je in onze blog over waarom mobile-first geen optie meer is.

Hoe snel moet je landingspagina laden op mobiel?

Mik op een laadtijd binnen 3 seconden. Duurt het langer, dan is een flink deel van je bezoekers al weg voordat je aanbod in beeld komt. Op een mobiele verbinding telt elke kilobyte dubbel.

De grootste winst zit bijna altijd in afbeeldingen. Verklein ze, lever ze in een modern formaat zoals WebP en laad foto's onder de vouw pas als de bezoeker erheen scrolt. Schrap daarna scripts die je niet nodig hebt, want elke tracking-tool en chatwidget laadt mee. Meer snelheidswinst vind je in onze blog over hoe een snellere website meer klanten oplevert.

Hoe maak je tekst leesbaar op een klein scherm?

Gebruik een lettergrootte van minimaal 16 pixels voor je lopende tekst. Kleiner dwingt mensen tot inzoomen en dat doet bijna niemand. Houd alinea's kort, op een telefoon oogt een alinea van vijf zinnen al als een muur.

Je belangrijkste boodschap hoort in het eerste scherm, zonder scrollen zichtbaar. Op mobiel is dat eerste scherm klein, dus wees streng: één kop met één knop eronder, plus hooguit één zin uitleg. Hoe je dat eerste beeld inricht, lees je in onze blog over waarom above the fold zo zwaar weegt.

Hoe zorg je dat knoppen en formulieren werken met een duim?

Google adviseert tikdoelen van minimaal 48 bij 48 pixels. Kleinere knoppen leiden tot mistikken, zeker bij links die dicht op elkaar staan. Zet je belangrijkste knop in het onderste deel van het scherm, daar rust de duim van nature.

Formulieren zijn op mobiel de plek waar conversie sneuvelt. Vraag alleen wat je echt nodig hebt. Drie velden invullen op een telefoon is te doen, tien velden voelt als werk. Stel per veld het juiste toetsenbordtype in, zodat bij een telefoonnummer meteen het cijferblok verschijnt, en laat de browser gegevens automatisch aanvullen.

Overweeg daarnaast een knop die meeloopt tijdens het scrollen. Op een lange mobiele pagina raakt de bovenste knop snel uit beeld, terwijl een vaste balk onderaan altijd binnen duimbereik blijft. Verkoop je een dienst waarbij bellen logisch is? Maak je telefoonnummer dan klikbaar, zodat één tik genoeg is om het gesprek te starten.

Wat laat je weg op de mobiele versie?

Snoeien werkt op mobiel beter dan toevoegen. Een zijbalk, een lange video die automatisch afspeelt of een tweede menu: op een klein scherm leiden ze alleen maar af van je aanbod. Elke seconde aandacht die niet naar je knop gaat, is verloren.

Wees ook terughoudend met schermvullende pop-ups. Google waardeert pagina's met opdringerige mobiele vensters lager en bezoekers klikken ze geïrriteerd weg. Wanneer een pop-up wel werkt, lees je in onze blog over pop-ups die helpen of schaden.

Hoe test je of je mobiele landingspagina goed staat?

Begin met Google PageSpeed Insights. Die tool laat zien hoe snel je pagina laadt op een mobiele verbinding en geeft concrete verbeterpunten, van te grote afbeeldingen tot scripts die de boel ophouden. Schrik niet van een lage score na de eerste meting. Werk de punten bovenaan de lijst af en meet opnieuw, want daar zit het grootste effect.

De beste test blijft je eigen telefoon. Ondernemers die wij spreken bekijken hun pagina vrijwel altijd op een laptop en zelden op het toestel waar hun klanten op zitten. Doorloop de pagina zelf en vul het formulier in. Let op elk moment van twijfel of irritatie, want precies daar verlies je bezoekers. Splits daarna in je statistieken de mobiele conversie van desktop, zodat je ziet waar het verschil zit.

Zo begin je vandaag

Pak je telefoon en open je eigen landingspagina. Check de laadtijd, lees de tekst zonder in te zoomen en probeer het formulier in te vullen met één duim. Alles wat jou irriteert, irriteert je bezoekers ook.

Verbeter eerst de snelheid en het formulier, daar zit de snelste winst. Wil je weten hoeveel conversie er op mobiel blijft liggen bij jouw pagina? We kijken er graag naar. Plan een gratis gesprek via empowers.nl/contact.