Controleer zelf of je website mobielvriendelijk is: de test die de meeste ondernemers overslaan

Wil je weten of je website echt mobielvriendelijk is? Leg je telefoon niet naast je bureaubladscherm en kijk niet alleen naar hoe je site eruitziet in een brede browservensterpreview. Pak een gewoon smartphonetoestel, liefst een ouder model, schakel wifi uit en open je eigen site via 4G. Dat is de test die de meeste ondernemers overslaan, en precies die test toont hoe een klant je site écht ervaart onderweg.

Waarom de browserpreview je bedriegt

Veel ondernemers checken mobielvriendelijkheid door hun browservenster smaller te slepen of de ingebouwde "mobiele weergave" van de browser te gebruiken. Dat toont hoe de site er responsief uitziet qua lay-out, maar het meet niet de echte snelheid, niet het echte aanraakgedrag van vingers op een klein scherm, en niet hoe de site aanvoelt op een trager netwerk. Een site kan er in die preview prima uitzien en toch traag laden, te klein aanvoelen om te bedienen, of net iets breder zijn dan het scherm waardoor bezoekers opzij moeten scrollen. Die problemen merk je pas op een echt toestel.

Stappenplan: test je site in 15 minuten op een echt toestel

1. Pak een smartphone die minstens twee tot drie jaar oud is. Nieuwe topmodellen verbergen trage laadtijden, oudere toestellen tonen de realiteit voor een groter deel van je bezoekers.
2. Zet wifi uit en gebruik mobiel data (4G). Ga naar de instellingen van je toestel en zet wifi tijdelijk uit, zodat je de test op mobiel netwerk doet in plaats van op je snelle kantoor- of thuiswifi.
3. Open je website zoals een bezoeker dat zou doen: typ je domeinnaam in, of klik door vanaf een Google-zoekresultaat.
4. Doorloop je belangrijkste pagina's: de homepage, een productpagina of dienstenpagina, en je contactpagina. Dat zijn de pagina's waar bezoekers meestal binnenkomen en waar ze een beslissing nemen.
5. Let bewust op elk van de vier punten uit de checklist hieronder, en noteer bij elk punt "oké" of "probleem".
6. Test ook je contactformulier of belknop: vul een naam en e-mailadres in, en kijk of je mogelijk zonder frustratie kan verzenden of bellen.
7. Herhaal de test op een tweede toestel als je die hebt (bijvoorbeeld een collega's telefoon), want schermgrootte en besturingssysteem verschillen, en wat op het ene toestel goed werkt, hapert soms op het andere.

De checklist: vier dingen die er echt toe doen

Loop deze vier punten na op elke pagina die je test.

1. Leesbare tekst zonder inzoomen. Kan je elke paragraaf gewoon lezen zonder te pinchen of in te zoomen? Moet je voortdurend zoomen om een zin te ontcijferen, dan is de tekst te klein ingesteld voor mobiel.
2. Knoppen en links groot genoeg om met een vinger te raken. Probeer bewust met je duim op een knop, link of menu-item te tikken zonder eerst in te zoomen. Mik je ernaast, of raak je per ongeluk een ander element, dan staan de klikgebieden te dicht op elkaar of zijn ze te klein.
3. Geen horizontaal scrollen. Scroll je verticaal door de pagina en moet je op een bepaald moment ook opzij schuiven om de rest van een regel of een afbeelding te zien, dan past een element niet binnen de schermbreedte. Dat wijst meestal op een vaste breedte ergens in de opmaak, of op een afbeelding die niet is aangepast aan het scherm.
4. Snelle weergave. Voelt het laden van de pagina traag aan op 4G? Moet je merkbaar wachten voor tekst en knoppen zichtbaar en bruikbaar worden? Dan is dat een signaal dat er werk aan de snelheid is, los van hoe de site eruitziet.

Noteer per pagina en per punt of het probleem zich voordoet. Een simpel overzicht met vier kolommen en een vinkje of kruisje per pagina volstaat om een duidelijk beeld te krijgen.

Wat Google zelf als maatstaf gebruikt

Google publiceert eigen richtlijnen over mobielvriendelijkheid, te vinden via de officiële Google Search Central documentatie over "mobile-friendly" en "mobile usability". Die richtlijnen benoemen exact dezelfde soort problemen als in de checklist hierboven: tekst die te klein is om te lezen, klikbare elementen die te dicht bij elkaar staan, content die breder is dan het scherm, en het ontbreken van een viewport-instelling in de code. Google gebruikt sinds enkele jaren mobile-first indexing, wat betekent dat de mobiele versie van je site het uitgangspunt is voor hoe Google je pagina's beoordeelt en indexeert. Wil je naast je eigen handmatige test ook een geautomatiseerde check, dan vind je in Google Search Console (gratis, met een Google-account te koppelen aan je site) een rapport over mobiele bruikbaarheid dat problemen per pagina oplijst. Google PageSpeed Insights geeft daarnaast een concreet inzicht in laadsnelheid op mobiel, los van uiterlijk.

Zelf-scan: leg dit naast jouw site

Ga je eigen site nu na op deze vragen, per belangrijke pagina:

• Kan ik elke tekstblok lezen zonder in te zoomen?
• Kan ik met mijn duim, zonder in te zoomen, elke knop en link precies raken?
• Scroll ik ooit onbedoeld opzij tijdens het lezen?
• Voelt de pagina traag aan op 4G, met een merkbare wachttijd voor ik iets kan aanklikken?
• Kan ik het contactformulier of de belknop mogelijk zonder frustratie gebruiken?

Staat er ergens een kruisje bij een probleem, dan weet je meteen waar je moet beginnen. Vaak zit het probleem bij één terugkerend element, zoals een navigatiemenu, een tabel, of een ingesloten video die niet is aangepast aan kleine schermen.

Deze test kost een kwartier en zegt meer over hoe klanten je site ervaren dan een half uur staren naar een browserpreview op je bureaublad. Loop je vast bij het interpreteren van de resultaten, of blijkt de site meer werk te vragen dan je tijd toelaat, dan denkt HisarWeb graag mee over een oplossing die bij je situatie past.