
Google heeft de losse Mobile-Friendly Test en het bijbehorende rapport over mobiele bruikbaarheid uit Search Console gehaald; wie er vandaag naar zoekt, komt op een dode link uit. Dat betekent niet dat mobielvriendelijkheid er minder toe doet — het merendeel van het verkeer naar de meeste sites verloopt via mobiel — maar wel dat u de controle nu met een combinatie van tools zelf moet samenstellen in plaats van met één druk op de knop.
Open uw site in Chrome, druk op F12 om de ontwikkelaarstools te openen en klik op het icoon voor het apparaat-toolbar (of Ctrl+Shift+M). Kies een paar veelgebruikte schermformaten, bijvoorbeeld een gemiddelde Android-telefoon en een iPhone, en doorloop de belangrijkste pagina's: homepage, een productpagina of blogartikel, en het contactformulier. Let op of de tekst leesbaar is zonder inzoomen, of knoppen ver genoeg uit elkaar staan om niet per ongeluk de verkeerde aan te raken, en of er geen horizontale scrollbalk verschijnt.
PageSpeed Insights test standaard de mobiele versie van een pagina en rapporteert naast snelheid ook toegankelijkheids- en best-practice-punten die vaak samenhangen met mobiel gebruiksgemak, zoals tekst die te klein is om te lezen of klikbare elementen die te dicht op elkaar staan. Het is geen vervanging van de oude test, maar wel de dichtstbijzijnde gratis officiële bron van Google. Zie ook websitesnelheid testen en verbeteren voor de rest van dat rapport.
Een simulatie in de browser dekt niet alles. Vraag zo nu en dan een collega, vriend of familielid om uw site op hun eigen telefoon te openen — verschillende schermgroottes, besturingssystemen en netwerksnelheden laten problemen zien die op uw eigen apparaat niet optreden. Let specifiek op: opent het hamburgermenu, is de zoekfunctie bruikbaar met een duim, en verschijnt er geen pop-up die de hele inhoud bedekt zonder duidelijke sluitknop.
Google hanteert als praktische richtlijn een minimale tekstgrootte van 16 pixels voor lopende tekst op mobiel en een aanraakoppervlak van minstens ongeveer 48 bij 48 pixels voor klikbare knoppen, met voldoende ruimte eromheen. U hoeft dit niet met een liniaal na te meten, maar houd deze maten aan als vuistregel bij het beoordelen van een pagina: is de tekst zonder inzoomen comfortabel te lezen, en kunt u met een duim een knop aantikken zonder de buurknop te raken.
Ontbreekt de viewport-metatag in de broncode van uw pagina, dan toont de browser op mobiel een uitgezoomde desktopversie in plaats van een aangepaste weergave — de meest voorkomende technische oorzaak van een site die er op de telefoon 'gewoon klein' uitziet in plaats van herschikt. Controleer dit door de paginabroncode te bekijken (rechtermuisknop, 'paginabron weergeven') en te zoeken naar `<meta name="viewport"`. Ontbreekt deze regel, dan is dat vrijwel altijd de eerste en meest impactvolle fix bij een slecht scorende mobiele weergave.
Kleine aanpassingen zoals een groter lettertype of meer ruimte tussen knoppen zijn met CSS meestal snel te verhelpen. Een menu dat structureel niet werkt op mobiel of een lay-out die op meerdere schermformaten breekt, wijst vaak op een verouderd thema of een niet-responsief onderdeel dat een grotere ingreep vraagt. Twijfelt u waar het probleem precies zit of hoe groot de aanpassing is, dan test en herstelt Websitechecken de mobiele weergave van uw site in samenhang met de rest van het onderhoud.