In de meeste branches komt meer dan de helft van het verkeer via mobiel. Toch wordt een website vaak gebouwd en goedgekeurd op een groot scherm. Op een laptop ziet alles er netjes uit. Op een telefoon is de situatie vaak heel anders.
Dat kost je aanvragen en omzet. Een bezoeker die niet kan vinden wat hij zoekt, gaat niet mailen of bellen. Hij sluit de pagina en klikt op de volgende zoekresultaat. In dit artikel lees je hoe je zelf ziet wat je mobiele bezoekers zien en waar je kunt verbeteren.
Waarom een groot scherm je een verkeerd beeld geeft
Op je werkplek zit je achter een groot scherm, met een snelle internetverbinding en een muis. Je bezoeker staat in de trein, zit op de bank of loopt door de winkelstraat. Hij heeft één hand vrij en soms een wisselend netwerk.
Het verschil is groter dan alleen de schermgrootte. Een menu dat op desktop prima werkt, kan op een telefoon een lange lijst worden. Een mooie achtergrondfoto kan het laden flink vertragen. Een formulier met tien velden voelt op een klein scherm al snel als werk.
Ook Google kijkt vooral naar de mobiele versie van je site. Dat heet mobile first indexing: Google beoordeelt en rangschikt je pagina’s op basis van wat een telefoon te zien krijgt. Een zwakke mobiele site is dus ook een zwakke plek voor je vindbaarheid.
Pak je eigen telefoon
De beste test kost niets. Pak je eigen telefoon en doe wat een klant zou doen. Een tool die een telefoon nabootst op je computer is handig voor de eerste controle, maar vervangt een echt toestel niet. Je voelt pas op een echte telefoon wat irritant is.
Zo pak je het aan:
- Zet wifi uit en open je site op 4G. Zo ervaar je de snelheid zoals veel bezoekers die ervaren.
- Zoek je bedrijf op via Google, zoals een nieuwe klant dat zou doen.
- Probeer iets te kopen, een offerte aan te vragen of je aan te melden voor de nieuwsbrief.
- Draai je telefoon eens op zijn kant en kijk of de pagina nog klopt.
- Vraag een collega of familielid om hetzelfde te doen, het liefst met een andere telefoon.
Let op alles wat je irriteert. Denk aan kleine knoppen, pop-ups die het scherm blokkeren en tekst die je moet inzoomen om te lezen. Schrijf het meteen op. Na een paar minuten heb je vaak al een lijstje met verbeterpunten.
Test ook op meer dan één toestel. Een oudere telefoon met een kleiner scherm laat vaak problemen zien die je op een nieuw toestel niet ziet.
Maak je site duimvriendelijk
De meeste mensen bedienen hun telefoon met één duim. Dat bepaalt wat goed werkt. Je duim is breder dan een muisaanwijzer en reikt niet overal. De bovenhoeken van het scherm zijn lastig te bereiken.
Houd deze vuistregels aan:
- Grote knoppen: maak knoppen en links minimaal ongeveer 44 pixels hoog, zodat je ze zonder vergissen aantikt.
- Ruimte ertussen: zet aantikbare elementen niet dicht op elkaar. Anders tik je steeds de verkeerde.
- Belangrijkste actie binnen bereik: plaats de knop waar het om draait onder de duim, niet boven in een hoek.
- Telefoonnummer om aan te tikken: zorg dat een nummer direct belt als je erop tikt.
- Leesbare tekst: gebruik een lettergrootte die je zonder zoomen leest, met genoeg witruimte.
- Korte menu’s: beperk het aantal keuzes, zodat bezoekers niet eindeloos hoeven te scrollen.
Veel sites zetten de belangrijkste knop bovenaan in de kop. Op een telefoon kan een knop die meescrolt onderaan het scherm beter werken. Test wat bij jouw bezoekers past.
Snelheid op mobiel
Snelheid merk je op mobiel veel sterker dan op desktop. De verbinding is vaak trager en een telefoon heeft minder rekenkracht. Een pagina die op kantoor in een seconde laadt, kan onderweg flink langer duren.
Twee dingen vertragen een site het vaakst: grote afbeeldingen en zware scripts. Een script is een stukje code dat de site extra laat doen, zoals een chatvenster, een tracker of een animatie. Elk script moet worden gedownload en uitgevoerd.
Wat je eraan kunt doen:
- Verklein afbeeldingen voordat je ze uploadt en kies een moderne bestandsvorm.
- Laat afbeeldingen pas laden als ze in beeld komen. Dat heet lazy loading.
- Schrap scripts die niets toevoegen. Vraag jezelf bij elk script af of iemand het nog gebruikt.
- Gebruik geen video die automatisch start op mobiel.
Google meet de gebruikservaring met de Core Web Vitals. Dat zijn een paar metingen over laadsnelheid, reactiesnelheid en of de pagina stabiel blijft tijdens het laden. Je ziet ze onder andere in Google Search Console en in de tool PageSpeed Insights. Kijk daar altijd naar de mobiele score, niet alleen naar de desktopscore.
Formulieren en afrekenen op mobiel
Op een telefoon haken bezoekers het vaakst af bij formulieren. Typen op een klein scherm kost moeite. Elk extra veld vergroot de kans dat iemand stopt.
Vraag dus alleen wat je echt nodig hebt. Voor een eerste aanvraag zijn een naam, een e-mailadres en een bericht vaak genoeg. Zorg ook dat het juiste toetsenbord verschijnt. Bij een telefoonnummer hoort een cijfertoetsenbord, bij een e-mailadres een toetsenbord met een apenstaartje.
Een veelvoorkomend beeld: een webshop laat bezoekers eerst een account aanmaken voordat ze kunnen afrekenen. Op desktop gaat dat nog. Op een telefoon moet de klant een wachtwoord verzinnen, een lang adresformulier invullen en een pop-up wegklikken. De winkelwagen blijft vol, maar de bestelling komt niet binnen. Wie zelf een bestelling test op 4G, ziet dit direct. De oplossing is vaak eenvoudig: bestellen zonder account, minder velden en de adresgegevens automatisch aanvullen.
Bekijk ook je pop-ups. Een venster dat het hele scherm vult en een klein kruisje heeft, is op mobiel een obstakel. Google kijkt kritisch naar pop-ups die de inhoud direct bedekken, dus het kan ook je vindbaarheid raken.
Meet waar bezoekers afhaken
Je eigen test geeft een eerste indruk. Cijfers laten zien hoe groot het probleem echt is. Bekijk in je analysetool de gegevens per apparaat. Vergelijk mobiel met desktop op onder andere:
- het aantal bezoekers dat meteen weer vertrekt;
- de tijd die bezoekers op een pagina doorbrengen;
- het aantal aanvragen of aankopen per bezoek.
Is het verschil groot, dan ligt daar je kans. Veel bezoekers, maar weinig resultaat op mobiel, wijst vaak op een probleem in de ervaring.
Met een heatmap zie je daarna waar mensen op tikken en hoe ver ze scrollen. Sessieopnames laten zien hoe een echte bezoeker door de site beweegt. Zo zie je bijvoorbeeld iemand drie keer op een knop tikken die niet reageert. Houd hierbij rekening met privacy: informeer bezoekers en vraag toestemming waar dat nodig is.
Pas niet alles tegelijk aan. Verbeter eerst de plek waar de meeste bezoekers afhaken, meet het effect en ga dan door met de volgende.
Veelgestelde vragen
Is een responsive website hetzelfde als een mobielvriendelijke website?
Nee. Een responsive site past zich aan het scherm aan, maar dat zegt niets over gebruiksgemak. Knoppen kunnen nog steeds te klein zijn en pagina’s nog steeds traag. Alleen testen op een echte telefoon laat zien of het goed werkt.
Hoe vaak moet ik mijn site op mobiel testen?
Test na elke grotere aanpassing, zoals een nieuw ontwerp, een nieuwe plug-in of een nieuw formulier. Doe daarnaast een paar keer per jaar een volledige controle. Zo zie je ook problemen die sluipenderwijs zijn ontstaan.
Moet ik eerst de snelheid of het ontwerp verbeteren?
Begin bij wat bezoekers het meest hindert. Dat is vaak een trage pagina of een formulier dat niet werkt. Die verbeteringen zijn meestal snel gedaan en hebben direct effect. Pas daarna ga je werken aan de details van het ontwerp.
Plan een gratis kennismaking van 30 minuten
Wil je weten hoe jouw site er op een telefoon voor staat? Adventio Marketing in Amersfoort kijkt graag met je mee. In een gratis kennismaking van 30 minuten bekijken we samen je site op mobiel en bespreken we waar de grootste kansen liggen. Je krijgt concrete punten waarmee je direct aan de slag kunt, zonder verplichtingen. Neem contact met ons op en plan een moment dat jou past.
