Je opent je website op je eigen smartphone, alles ziet er netjes uit, dus je vinkt ‘mobielvriendelijk’ af. Herkenbaar, maar het klopt niet helemaal. Wat jij ziet op je eigen toestel, met je eigen internetverbinding en je eigen schermgrootte, zegt weinig over hoe de rest van je bezoekers de site ervaren. En aangezien meer dan de helft van het webverkeer in Belgie via mobiel binnenkomt, is dit geen detail.
Eén toestel is geen representatieve test
Er bestaan tientallen verschillende schermformaten, besturingssystemen en browsers. Een site die perfect oogt op een recente iPhone kan op een goedkopere Android-telefoon knoppen tonen die te klein zijn om aan te klikken, tekst die overlapt, of een menu dat niet opent. Als jij toevallig een nieuw toestel met een snelle verbinding hebt, zie je nooit de problemen die een deel van je bezoekers wel tegenkomt.
Snelheid op mobiel is een ander verhaal dan op wifi
Thuis of op kantoor surf je waarschijnlijk via wifi. Veel van je klanten bekijken je site echter onderweg, met 4G of zelfs een zwakker signaal. Een website die op wifi in anderhalve seconde laadt, kan op mobiel data zomaar het dubbele of drievoudige aan tijd nodig hebben. Beelden die niet geoptimaliseerd zijn, wegen op mobiel nog zwaarder door dan op desktop. Google houdt hier ook rekening mee bij het bepalen van je positie in de zoekresultaten, mobiele snelheid telt mee als rankingfactor.
Wat vaak over het hoofd gezien wordt
- Klikbare elementen te dicht bij elkaar: knoppen die op desktop makkelijk te onderscheiden zijn, liggen op een klein scherm soms zo dicht bij elkaar dat bezoekers per ongeluk het verkeerde aanklikken.
- Formulieren die niet werken met een mobiel toetsenbord: een telefoonnummerveld dat geen numeriek toetsenbord opent, of een adresveld zonder automatisch aanvullen, zorgt voor afhakers.
- Pop-ups die het volledige scherm innemen: op desktop een klein venster, op mobiel plots het hele scherm blokkerend, met een sluitknop die nauwelijks te vinden is.
- Horizontaal scrollen: als een tabel, afbeelding of vast element breder is dan het scherm, moet de bezoeker opzij scrollen. Dat werkt storend en oogt onprofessioneel.
- Tekst die te klein is om te lezen zonder in te zoomen: vaak het gevolg van een desktop-ontwerp dat simpelweg verkleind is in plaats van herdacht voor mobiel.
Hoe test je het dan wel correct
De beste aanpak is een combinatie van echte toestellen en technische tools. Vraag aan collega’s, familie of klanten om je site op hun eigen telefoon te openen, het liefst toestellen die verschillen van het jouwe. Let daarbij niet alleen op hoe het eruitziet, maar ook of alles werkt: kan je een formulier invullen, een product bestellen, een telefoonnummer aantikken om te bellen.
Daarnaast helpt het om je site technisch te laten doorlichten. Onze gratis SiteCheck-scanner controleert onder andere hoe snel je website laadt en waar de knelpunten zitten, ook specifiek voor mobiel. Zo krijg je op enkele minuten tijd een concreet beeld zonder dat je zelf alles manueel moet uittesten.
Mobiel is het uitgangspunt, niet een extra
Het is intussen achterhaald om een website eerst voor desktop te bouwen en mobiel als bijzaak te behandelen. Bij een goed uitgevoerd webproject wordt net andersom gewerkt: mobiel als vertrekpunt, desktop als uitbreiding daarop. Dat heet mobile-first denken, en het is precies hoe wij te werk gaan bij het bouwen van nieuwe websites.
Twijfel je of jouw huidige website mobiel wel echt goed presteert, of merk je zelf al ergernissen op wanneer je door je eigen site scrollt op je telefoon? Laat het gerust even nakijken, dan weet je meteen waar je aan toe bent.