Waar op letten

Mobielvriendelijkheid van uw website controleren nu Googles testtool is verdwenen

Mobielvriendelijkheid van uw website controleren nu Googles testtool is verdwenen
Foto: Santeri Viinamäki — CC BY-SA 4.0 · Wikimedia Commons

Er is geen aparte Google-tool meer voor deze check

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.

Controleer eerst met de browser die u al heeft

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.

Test op een echt toestel als dat kan

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.

De meest voorkomende mobiele problemen

  • Tekst die te klein is om te lezen zonder in te zoomen.
  • Knoppen of links die zo dicht op elkaar staan dat de verkeerde wordt aangeraakt.
  • Een menu dat op mobiel niet opent of een overlay die niet meer weg te tikken is.
  • Content die breder is dan het scherm, waardoor bezoekers horizontaal moeten scrollen.
  • Pop-ups of cookiebanners die het grootste deel van het scherm innemen zonder duidelijke manier om ze te sluiten.

Eén technisch detail dat veel problemen in één keer verklaart

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.

Als u problemen vindt

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.

Veelgestelde vragen

Telt mobielvriendelijkheid nog mee voor mijn positie in Google?
Ja. Google beoordeelt sites primair op basis van de mobiele versie (mobile-first indexering), ook al is de losse test verdwenen. Een site die slecht werkt op mobiel, presteert daardoor ook in de zoekresultaten slechter.
Heb ik een aparte mobiele site nodig?
Voor vrijwel alle sites niet. Een responsief ontwerp dat zich automatisch aanpast aan het schermformaat is eenvoudiger te onderhouden en wordt door Google als standaard verwacht.
Hoe test ik zonder zelf allerlei telefoons te bezitten?
Gebruik de apparaat-simulatie in Chrome DevTools voor een eerste indruk, en vraag daarnaast af en toe iemand met een ander toestel om de site kort te doorlopen voor een realistische check.
Wat is de viewport-metatag en waarom is die zo belangrijk?
Het is een regel in de broncode die de browser vertelt de pagina op het schermformaat van het apparaat aan te passen in plaats van een uitgezoomde desktopversie te tonen. Ontbreekt deze regel, dan oogt vrijwel elke pagina op mobiel te klein, ongeacht hoe responsief de rest van het ontwerp is.