Ruim de helft van alle websitebezoeken komt inmiddels van een telefoon. Werkt je site daar niet goed, dan mis je dagelijks kansen: iemand die tijdens de lunchpauze snel je openingstijden wil checken, een klant die onderweg een offerte aanvraagt, een bezoeker die via social media op je pagina belandt.
Gelukkig is een goede mobiele ervaring geen ingewikkeld project. Het zijn vooral duidelijke keuzes rond leesbaarheid, snelheid en bediening met de duim, die je stap voor stap kunt doorvoeren.
In dit artikel lees je wat mobielvriendelijkheid precies inhoudt, wat het je oplevert, hoe je zelf test en welke stappen het meeste verschil maken.
Wat is een mobielvriendelijke website?
Simpel gezegd: een site die fijn werkt op een klein scherm. Alles past in beeld, tekst is leesbaar en knoppen zijn makkelijk aan te tikken. Maar er zit meer achter dan alleen 'passen op het scherm'.
- Tekst die leesbaar is zonder in te zoomen.
- Duidelijke menu's en knoppen die je met je duim raakt.
- Pagina's die snel laden, ook op mobiel internet.
- Geen elementen die alleen op een groot scherm werken.
- Formulieren die zonder gedoe in te vullen zijn met een telefoontoetsenbord.
Een veelgemaakte denkfout is dat een site die er op een telefoon 'wel oké' uitziet, ook automatisch prettig werkt. Dat is niet hetzelfde. Een menu dat technisch werkt maar drie tikken kost om bij het contactformulier te komen, is niet mobielvriendelijk, ook al ziet het er netjes uit.
Wat levert het op?
- Een sterke eerste indruk: mobiel is meestal het eerste contact.
- Betere posities: zoekmachines beoordelen je mobiele versie.
- Meer aanvragen: bellen, bestellen en afspreken gaat makkelijker.
- Voorsprong: veel concurrenten hebben dit nog niet op orde.
Het effect is vaak groter dan bedrijven verwachten. Een dienstverlener die zijn telefoonnummer bovenaan de mobiele pagina plaatste als aanklikbare knop, in plaats van onderaan in de footer, zag het aantal telefonische aanvragen merkbaar stijgen. Simpelweg omdat bellen vanaf een telefoon dan in één tik kan, zonder scrollen of kopiëren.
Snelheid en gebruiksgemak op mobiel zijn dus niet alleen prettig, ze bepalen direct hoeveel mensen je boodschap überhaupt te zien krijgen.
Hoe weet je of je site het goed doet?
Kijk verder dan je eigen toestel
Bekijk je site op een klein toestel, een ouder toestel en een tablet. Vraag ook iemand anders om iets te zoeken en kijk mee waar diegene vastloopt.
Gebruik daarnaast een snelheidstest zoals PageSpeed Insights. Die laat zien hoe snel je site laadt en waar mobiel de knelpunten zitten. Let daarbij vooral op de tijd tot het grootste zichtbare element geladen is: dat bepaalt hoe snel een bezoeker daadwerkelijk iets te zien krijgt, meer dan een technische totaalscore.
Test ook onder realistische omstandigheden. Een site die razendsnel laadt op wifi op kantoor, kan op een treinverbinding met wisselend bereik alsnog traag aanvoelen. Zet je telefoon eens bewust op een langzamer netwerktype om dit te ervaren.
Snelle zelftest in vijf minuten
- Open je site op je eigen telefoon met mobiel internet, niet wifi
- Vul het contactformulier volledig in zonder in te zoomen
- Tel het aantal tikken tot je bij het telefoonnummer of contactformulier bent
- Sluit een eventuele pop up en kijk of dat in één tik lukt
- Draai je telefoon horizontaal en verticaal en controleer of alles blijft kloppen
Mobiele check
Benieuwd hoe je site scoort op mobiel?
Ik test je belangrijkste pagina's op leesbaarheid, snelheid en bedienbaarheid en stuur je de verbeterpunten.
Even sparren over je mobiele siteZo maak je je site mobielvriendelijk
- 01Kies een ontwerp dat meeschaalt
Het ontwerp moet zich automatisch aanpassen aan elk schermformaat, niet alleen aan een desktopvenster.
- 02Test op meerdere schermen
Een klein toestel, een ouder toestel, een tablet en een compacte laptop geven samen een realistisch beeld.
- 03Zorg dat je site snel laadt
Grote afbeeldingen en zware effecten zijn de meest voorkomende oorzaak van traagheid op mobiel.
- 04Maak knoppen groot genoeg
Houd ongeveer 48 bij 48 pixels aan en zet knoppen niet te dicht op elkaar.
- 05Vermijd schermvullende pop ups
Werk liever met een vaste, kleine balk boven- of onderin het scherm.
- 06Houd tekst kort en scanbaar
Mobiele lezers scannen. Gebruik duidelijke koppen, korte alinea's en zet het belangrijkste bovenaan.
- 07Vereenvoudig formulieren
Vraag alleen wat echt nodig is en zorg dat het juiste toetsenbord verschijnt, bijvoorbeeld cijfers bij een telefoonnummerveld.
Even checken: is jouw site klaar?
- Past je site zich aan elk schermformaat aan?
- Is alles leesbaar zonder in te zoomen?
- Zijn knoppen groot genoeg en goed te raken?
- Laadt je site snel op mobiel internet?
- Blijven pop ups beperkt en weg te klikken?
- Is je telefoonnummer aanklikbaar in plaats van alleen leesbaar?
Veelgemaakte fouten op mobiel
Sommige problemen komen zo vaak voor dat ze bijna standaard zijn geworden, terwijl de oplossing meestal simpel is.
Komt vaak voor
- Menu dat pas na drie tikken bij de juiste pagina komt
- Tekst die kleiner wordt bij een breder scherm in plaats van groter
- Pop up die meteen bij binnenkomst het hele scherm vult
- Formulier met tien velden voor een simpele aanvraag
Werkt beter
- Belangrijkste acties direct zichtbaar in het hoofdmenu
- Leesbare tekstgrootte die meeschaalt met het scherm
- Kleine balk die pas verschijnt na wat scrollen
- Formulier met alleen naam, contactgegevens en vraag
Tot slot
Een site die goed werkt op mobiel is geen extraatje meer, maar de standaard. Begin klein: test je site, pas een paar dingen aan en meet opnieuw. Je hoeft niet alles tegelijk te veranderen om al verschil te merken in het aantal aanvragen.