Als gespecialiseerd CRO bureau zien we dagelijks hoeveel winst er te behalen valt door websites écht mobielvriendelijk te maken. Toch onderschatten veel online retailers het belang van mobile CRO optimalisatie nog steeds.

Steeds meer bezoekers bekijken je webshop via hun telefoon, maar vaak converteren ze een stuk minder goed dan desktopgebruikers. Enerzijds hebben desktopgebruikers doorgaans een hogere koopintentie: ze nemen meer tijd, hebben meer focus en ronden hun aankoop liever af op een groter scherm. Anderzijds verschilt mobiel gedrag binnen CRO duidelijk van desktopgedrag: gebruikers zijn vluchtiger, scrollen sneller en haken sneller af bij zelfs kleine frustraties zoals lange laadtijden of lastig bereikbare call-to-action knoppen. Juist omdat mobiele bezoekers zo snel afhaken bij frictie, is mobile CRO optimalisatie essentieel.

In dit artikel lees je waarom mobile CRO belangrijker is dan ooit, welke typische valkuilen mobiele sites parten spelen en hoe je met UX- en snelheidverbeteringen jouw mobiele conversie verhoogt. We geven praktische tips en voorbeelden uit onze eigen A/B-test trajecten.

Waarom mobile CRO belangrijker is dan ooit

Mobiel verkeer domineert inmiddels in veel sectoren: meer dan de 70% van alle e-commerce bezoeken gebeurt op een smartphone. Tegelijkertijd blijven mobiele conversiepercentages achter. Desktopbezoekers converteren gemiddeld bijna twee keer zo vaak als mobiele bezoekers. Dat verschil betekent dat er op mobiel enorm veel ruimte is om te groeien in conversie. Iedere procentpunt verbetering op mobiel kan je totale omzet flink verhogen.

Toch wordt mobile CRO vaak nog onderschat. Lange tijd lag de focus op desktop, terwijl mobiel erbij werd gedaan als “het kleine broertje”. Nu consumenten gewend zijn aan soepele mobiele apps en snelle mobiele webshops van grote spelers, verwachten ze diezelfde vloeiende ervaring overal. Wie dat niet biedt, verliest klanten aan concurrenten met een betere mobile UX.

Opvallend is dat zelfs grote bekende webshops hier nog stappen kunnen maken. Uit recent onderzoek bleek dat 81% van de toonaangevende e-commerce sites slechts middelmatig scoort op mobiele gebruiksvriendelijkheid, en geen enkele site kreeg het predicaat “uitstekend”. Met andere woorden: vrijwel iedereen laat steken vallen op mobiel, zelfs de marktleiders. Mobile-first optimalisatie is dus geen luxe meer, maar een noodzaak om niet achter te blijven.

(Weet je niet zeker wat een goed conversieratio is voor jouw branche? Bekijk dan eerst ons artikel Wat is de gemiddelde conversieratio en hoe kun je deze verbeteren? voor benchmarks.)

Typische valkuilen op mobiele websites

Veelvoorkomende problemen maken dat mobiele bezoekers afhaken waar dat niet nodig is. Hieronder enkele typische valkuilen die we vaak tegenkomen op mobiele sites:

Belangrijke knoppen buiten bereik:

Elementen zoals add-to-cart of checkout-knoppen staan soms bovenaan de pagina of te ver uit de “duimzone”. Gebruikers die met één hand hun telefoon bedienen, kunnen er lastig bij. Gevolg: minder kliks op cruciale call-to-actions.

Probeer je voor te stellen dat je je telefoon in één hand hebt, hoe lastig is het om met je duim bij de winkelwagen knop te komen?

Te veel witruimte boven de vouw

Op desktop is er genoeg ruimte, waardoor witruimte tussen elementen helpt om het overzicht te bewaren. Op mobiel blijft diezelfde witruimte bestaan, waardoor belangrijke onderdelen uit beeld raken. Bezoekers moeten dan onnodig veel scrollen om cruciale informatie te vinden.

Bij de website van Prontowonen zie je dit duidelijk terug als je mobiel en desktop vergelijkt. Hoeveel extra elementen zie jij op de desktopversie (boven) vergeleken met de mobiele versie (onder)?

Te kleine tekst in afbeeldingen:

De tekst in afbeeldingen op desktop is vaak goed leesbaar, maar wordt op mobiel zo verkleind dat deze lastig of zelfs niet meer te lezen is.

Kijk bijvoorbeeld naar de homepage van Dare to Drink Different. De categorietitels en beschrijvingen zijn op mobiel slecht leesbaar. Kun jij lezen wat er in de beschrijving van het rode vak staat?

Overlay-popups die storen:

Denk aan cookie-meldingen, chat-knoppen of nieuwsbrief-popups die een groot deel van het mobiele scherm innemen. Als zo’n element lastig weg te klikken is of content blokkeert, jaagt het gebruikers weg.

Zelfs bij grote websites zoals XXLNutrition is de UX nog niet perfect. Je ziet bijvoorbeeld in de winkelwagen dat de chatknop over de prijs van het product heen valt.

Niet mobielvriendelijke formulieren:

Lange invulvelden, verplichte accountregistratie en verkeerde toetsenborden (bijv. geen numeriek keypad voor postcode of telefoonnummer) maken het invullen op mobiel omslachtig. Verbazingwekkend genoeg laat ~87% van de mobiele sites ongewenste autocorrectie aan staan waar dat niet hoort, en veel sites vragen om onnodig veel informatie. Heb je het telefoonnummer bijvoorbeeld niet écht nodig? Vraag het dan niet. Zelfs optionele velden kunnen bijdragen aan het gevoel dat er teveel gevraagd van ons wordt. Elke extra veld in een checkout-formulier op mobiel kost dus conversie.

De check-out van Schoenspecialist zit vol met overbodige velden en woordgrappen. Dit is een goed voorbeeld van hoe het níét moet. Houd je check-out zo simpel en efficiënt mogelijk. Heb je veel zakelijke aankopen? Weergeef dan een checkbox met "Zakelijke aankoop? ☑" en toon alleen de extra velden als deze is aangevinkt. Zo hoeven de meeste bezoekers geen onnodige velden te zien.

Trage laadtijd:

Mobiele gebruikers zijn nog ongeduldiger, zeker als ze onderweg of aan het multitasken zijn. Een site die pas na een aantal seconden bruikbaar is, voelt te traag. We zien de bouncerate exponentieel stijgen en conversiepercentage dalen naarmate de laadtijd toeneemt. Hierover meer in de volgende sectie.

UX en snelheid als succesfactoren op mobiel

Op mobiel is er weinig ruimte voor fouten. Een bezoeker wil snel en soepel door je site kunnen navigeren, zonder te wachten of zoeken. Twee factoren bepalen het succes: gebruiksvriendelijkheid (UX) en laadsnelheid.

Een goede mobiele UX voorkomt afhakers

Een goede mobiele gebruikerservaring draait om eenvoud en duidelijkheid. Zorg dat de belangrijkste acties moeiteloos uitgevoerd kunnen worden:

• Navigatie is intuïtief

• Teksten zijn leesbaar zonder inzoomen

• Knoppen zijn groot genoeg om met één vinger aan te tikken

• Belangrijke elementen (prijs, USP’s, call-to-action) staan boven de vouw

Je wilt dat bezoekers niet hoeven nadenken of scrollen om te vinden wat ze zoeken. Hoe minder obstakels, hoe hoger de kans dat ze converteren.

Waarom snelheid zo’n grote rol speelt

Laadsnelheid heeft directe invloed op conversie. Kleine verschillen maken al impact:

• 0,1 seconde snellere laadtijd kan conversie verhogen met 8%

• Elke extra seconde vertraging verlaagt conversie met gemiddeld 7%

Maar het blijft niet bij omzetverlies. Google gebruikt mobile-first indexing. Een trage mobiele site schaadt dus je SEO. En bijna de helft van de bezoekers keert niet terug na een trage ervaring.

Hoe snel is jouw site?

Met Google PageSpeed Insights krijg je direct inzicht:

1. Vul je URL in

2. Bekijk je score voor mobiel (en desktop)

3. Zie welke onderdelen vertragen en waar winst te behalen valt

Typische vertragende elementen zijn:

• Grote, niet-gecomprimeerde afbeeldingen

• Trage fonts of scripts

• Overbodige third-party tools

• CSS en JavaScript die de weergave blokkeren

Meer hulp nodig?

Bekijk gratis onze Handleiding Laadsnelheid voor e-commerce sites. Je vindt er concrete tips waarmee je vandaag nog kunt starten.

Tips voor mobile-first optimalisatie

Hoe kun je je website mobile-first optimaliseren? Hier enkele praktische tips:

Ontwerp voor de “duimzone”.

Houd bij het design rekening met hoe mensen hun telefoon vasthouden. Plaats primaire knoppen (zoals In winkelwagen) onderaan het scherm, waar de duim ze makkelijk kan raken. Denk ook aan voldoende witruimte rondom klikbare elementen zodat je niet per ongeluk iets anders aantikt.

Bij Coolblue staat de winkelwagen knop altijd bij de duim, zodat bezoekers er gemakkelijk bij kunnen.

Eerst mobiel, dan pas desktop

Begin bij nieuwe ontwerpen met de mobiele versie. Zo dwing je jezelf te focussen op de kern: wat móet de gebruiker zien of kunnen op een klein scherm? Zaken die op mobiel niet passen of niet essentieel blijken, kun je op desktop altijd uitbreiden. Deze aanpak voorkomt een “volle” desktoppagina die je achteraf moet terugbrengen tot iets bruikbaars op mobiel.

Zorg voor duidelijke navigatie

Gebruik een heldere menustructuur en zorg dat de gebruiker altijd weet waar hij is. Een veelgebruikte oplossing is een hamburger-menu, maar geef daarin duidelijk aan op welke pagina of categorie de bezoeker zich bevindt. Vermijd complexe meerlaagse menu’s die lastig te bedienen zijn op touchscreens.

Om het mobiele bezoekers nog gemakkelijker te maken kun je overwegen om afbeeldingen aan je menu toe te voegen.

Optimaliseer formulieren

Houd formulieren zo kort mogelijk en vraag alleen wat je écht nodig hebt. Gebruik voor mobiele velden de juiste invoertypen (numeriek toetsenbord voor cijfers, automatische hoofdletters uit bij e-mail en namen, etc.). Overweeg om login en registratie-opties te vereenvoudigen, bijvoorbeeld met een social media account.

In de check-out van Asos kun je gemakkelijk een account aanmaken door social media accounts.

Maak belangrijke elementen sticky

Maak belangrijke elementen zoals de winkelwagenknop, filteropties of andere functies sticky op mobiel. Een filteroptie die direct zichtbaar is (zonder te klikken) kan veel opleveren. Vooral omdat filterende bezoekers vaak meer koopintentie hebben. Zorg er wel voor dat zo’n element niet te veel ruimte inneemt.

Op de categoriepagina van Mediamarkt zijn de functies "selecteer je winkel", filteren en sorteren sticky gemaakt. Zo blijven ze altijd klikbaar tijdens het scrollen.

Test en analyseer continu

Ga niet uit van aannames, maar onderbouw je optimalisaties met data. Gebruik bijvoorbeeld heatmaps en sessierecordings om te zien waar mobiel gebruikers vastlopen (zie onze selectie van de beste CRO-tools voor tools die hierbij helpen).

Wil je iets aanpassen? Test dan eerst het effect, het liefst met een A/B-test. Wat op een andere shop werkt, werkt vaak niet voor jouw webshop.

Conclusie

Kortom: Mobile CRO moet nu bovenaan je prioriteitenlijst staan. Bekijk je mobiele site kritisch, vermijd de valkuilen en voer de tips stap voor stap in. Blijf testen wat werkt voor jouw publiek. Zo werk je toe naar een mobiele winkelervaring die net zo goed is als op desktop, of zelfs beter converteert.