# Mobielvriendelijke website: waar moet je site aan voldoen?

Een mobielvriendelijke website werkt goed op elk scherm. Lees waar het in de praktijk misgaat, wat Google verwacht en hoe je je site zelf test.

Een mobielvriendelijke website past zich aan het scherm aan, is leesbaar zonder inzoomen en heeft knoppen en links die je met een duim kunt raken. Omdat Google sites primair op hun mobiele versie beoordeelt, bepaalt de telefoonervaring inmiddels ook je vindbaarheid.

## Wat maakt een website mobielvriendelijk?

De basis is een responsief ontwerp: één site die zijn layout aanpast aan de schermbreedte, in plaats van een aparte mobiele versie. Kolommen stapelen onder elkaar, menu's klappen in en afbeeldingen schalen mee. Technisch begint dat bij de viewport-instelling in de pagina; ontbreekt die, dan toont de telefoon een uitgezoomde desktopsite waar niemand op wil lezen.

Daarbovenop komen de details die het verschil maken tussen werkbaar en prettig: tekst die groot genoeg is om zonder zoomen te lezen, knoppen met voldoende ruimte eromheen, formulieren met het juiste toetsenbord per veld (cijfers bij een telefoonnummer) en geen content die breder is dan het scherm waardoor je horizontaal moet scrollen.

## Google beoordeelt je site op mobiel

Google gebruikt al jaren mobile-first indexing: de crawler bekijkt en beoordeelt primair de mobiele versie van je pagina's. Content die op mobiel verborgen of weggelaten is, telt dus niet mee. Een site die op desktop compleet oogt maar op telefoon uitgekleed is, concurreert in de zoekresultaten met zijn zwakste versie.

Snelheid weegt op mobiel bovendien zwaarder, omdat verbindingen wisselvalliger en toestellen trager zijn. De <a href="/kennisbank/core-web-vitals">Core Web Vitals</a> worden gemeten bij echte bezoekers, en dat zijn er op de meeste sites meer op telefoon dan op desktop. Mobielvriendelijkheid en snelheid zijn daarmee twee kanten van dezelfde opgave.

## Waar het in de praktijk misgaat

De problemen die scans het vaakst vinden zijn zelden spectaculair. Tap-targets die te dicht op elkaar staan, zodat je het verkeerde raakt: een navigatielink boven een knop, twee icoontjes tegen elkaar. Lettergroottes onder de 16 pixels die op een klein scherm onleesbaar worden. Tabellen of brede afbeeldingen die de pagina laten overlopen. Pop-ups die op desktop een hoekje innemen maar op mobiel het hele scherm blokkeren zonder bereikbare sluitknop.

Voor tap-targets bestaat een concrete ondergrens: de WCAG 2.2-richtlijnen hanteren minimaal 24 bij 24 CSS-pixels voor een aanraakdoel, en in de praktijk mikken ontwerpers op zo'n 44 tot 48 pixels voor comfortabel duimgebruik. Hier raken mobiel en <a href="/kennisbank/digitale-toegankelijkheid">toegankelijkheid</a> elkaar: wat met een duim lastig te raken is, is dat met een tremor of beperkt zicht helemaal.

## Zo test je het zelf

De snelste eerste check is je eigen telefoon, niet de ontwikkelaarsweergave van je browser. Open de site op een echt toestel, liefst een ouder model, en probeer de drie belangrijkste taken uit te voeren: iets vinden via het menu, een formulier invullen, een pagina lezen. Waar je zelf inzoomt, misklikt of wacht, doet je bezoeker dat ook.

Voor een systematische controle scant WebYes je site binnen de pijler mobiel op de meetbare punten: viewport-configuratie, leesbare lettergroottes, tap-targets en content die buiten het scherm valt. De bevindingen staan per pagina in het rapport, zodat je gericht kunt verbeteren in plaats van gokken.

## Veelgestelde vragen

### Is een aparte mobiele site (m.mijnsite.nl) nog een goed idee?

Nee. Een aparte mobiele site betekent dubbel onderhoud, doorverwijsproblemen en het risico dat de twee versies uit elkaar gaan lopen, terwijl Google juist op de mobiele versie beoordeelt. Responsief ontwerp op één URL is al jaren de standaard.

### Hoe groot moeten knoppen op mobiel zijn?

Houd minimaal 24 bij 24 CSS-pixels aan (de ondergrens uit WCAG 2.2) en mik in de praktijk op 44 tot 48 pixels met wat vrije ruimte eromheen. Belangrijker dan de exacte maat is dat naastgelegen doelen elkaar niet raken, zodat een duim niet per ongeluk het verkeerde element treft.

### Telt mobielvriendelijkheid mee in de WebYes-score?

Ja. Mobiel is een van de vier pijlers, naast snelheid, veiligheid en toegankelijkheid. De scan controleert onder meer de viewport, lettergroottes, tap-targets en horizontale overloop op de gescande pagina's.