Open Google Analytics van een willekeurige MKB-website in Nederland. Kijk naar het percentage mobiele bezoekers.
Grote kans: het is meer dan 70%.
Toch worden de meeste websites nog steeds ontworpen op een groot beeldscherm. De ontwerper zit achter een 27-inch monitor, de klant keurt het goed op een laptop, en niemand checkt hoe het er op een iPhone uitziet.
Tot de site live gaat en driekwart van de bezoekers een matige ervaring krijgt.
Dit artikel gaat over waarom mobile-first denken niet optioneel is, maar de basis van elke goede website.
De cijfers: mobiel domineert
Laten we even kijken naar de feiten:
- 75% van al het webverkeer wereldwijd komt van mobiele apparaten
- In Nederland ligt dat percentage rond de 70-75%, afhankelijk van de branche
- Voor lokale zoekopdrachten ("kapper bij mij in de buurt", "loodgieter spoed") is het zelfs 85%+
- 90% van de smartphone-gebruikers heeft weleens een aankoop gedaan via hun telefoon
Als jij een lokaal bedrijf hebt, een dienstverlener bent, of een webshop runt, dan is je mobiele website niet een variant van je echte website. Het IS je echte website.
Google indexeert mobile-first
Dit is misschien wel het belangrijkste punt in dit hele artikel.
Sinds 2021 gebruikt Google uitsluitend de mobiele versie van je website voor indexering en ranking. Dit heet mobile-first indexing.
Wat betekent dat concreet?
- Google's crawler bezoekt je website als een mobiel apparaat
- De mobiele versie bepaalt je positie in de zoekresultaten
- Content die alleen op desktop zichtbaar is, telt niet mee
- Als je mobiele site trager is dan je desktop site, is dat je werkelijke snelheid voor Google
Je kunt de mooiste desktop website ter wereld hebben. Als je mobiele versie ondermaats is, dan is je website ondermaats. Punt.
Wat is mobile-first design?
Mobile-first design betekent dat je het ontwerpproces begint bij het kleinste scherm en van daaruit opschaalt naar grotere schermen.
Dat klinkt logisch, maar het is het tegenovergestelde van hoe de meeste websites worden gebouwd. Traditioneel ontwerp je eerst de desktop versie (want daar zit je achter) en maak je die daarna "responsive" voor mobiel.
Het probleem met die aanpak: je begint met alle ruimte van de wereld en moet daarna gaan schrappen en verkleinen. Dat leidt tot compromissen.
Met mobile-first begin je met de essentie. Wat moet een bezoeker op zijn telefoon absoluut zien en kunnen doen? Dat wordt je basis. Daarna voeg je voor grotere schermen extra elementen toe.
Mobile-first vs responsive: wat is het verschil?
Responsive design betekent dat je website zich aanpast aan het schermformaat. De layout verandert, elementen verschuiven, tekst wordt kleiner of groter. Dit is een technische eigenschap.
Mobile-first design is een ontwerpfilosofie. Je begint bij mobiel en bouwt op naar desktop. Het resultaat is ook responsive, maar de prioriteiten liggen anders.
Een responsive website kan nog steeds een slechte mobiele ervaring bieden. Een mobile-first website doet dat per definitie niet.
Aparte mobiele site vs responsive: doe het niet
Vroeger was het populair om een aparte mobiele website te hebben. Je had dan www.jouwsite.nl voor desktop en m.jouwsite.nl voor mobiel.
Doe dit niet. Om meerdere redenen:
- Dubbel onderhoud: je moet twee websites bijhouden
- SEO problemen: Google kan in de war raken met twee versies van dezelfde content
- Inconsistente ervaring: bezoekers krijgen een andere site afhankelijk van hun apparaat
- Redirect overhead: de doorverwijzing van desktop naar mobiel kost laadtijd
De standaard in 2026 is een enkele website die responsive is en mobile-first ontworpen. Geen compromissen.
Hoe herken je een slechte mobiele website?
Je hoeft geen expert te zijn om dit te zien. Pak je telefoon en open je eigen website. Check deze punten:
Tekst te klein om te lezen
Als je moet inzoomen om tekst te lezen, is je website niet mobielvriendelijk. Tekst moet minimaal 16 pixels zijn op mobiel.
Knoppen te klein of te dicht bij elkaar
Google's richtlijn: tappable elementen moeten minimaal 48x48 pixels zijn, met minimaal 8 pixels tussenruimte. Als je met je duim op de verkeerde knop drukt, is het te krap.
Horizontaal scrollen
Als je naar links of rechts moet scrollen om alle content te zien, past je layout niet op het scherm. Dit mag nooit voorkomen.
Trage laadtijd op 4G
Niet iedereen zit op WiFi. Test je website op een mobiele verbinding. Als het langer dan 3 seconden duurt, verlies je bezoekers.
Pop-ups die het scherm blokkeren
Google straft websites die op mobiel het hele scherm blokkeren met pop-ups. Een kleine banner onderaan is prima. Een pop-up die je eerst moet wegklikken voordat je iets kunt lezen is een ranking killer.
Test je eigen website
Wil je weten hoe mobielvriendelijk je website is? Gebruik deze tools:
Google PageSpeed Insights
Ga naar pagespeed.web.dev en test je site. Let specifiek op de mobiele score. Alles onder de 90 is een signaal dat er werk aan de winkel is.
Chrome DevTools
Open je website in Chrome op je computer, druk op F12, en klik op het telefoon-icoontje linksboven. Je kunt nu je website bekijken zoals die eruitziet op verschillende telefoons.
De simpelste test
Pak je eigen telefoon. Open je website. Probeer alles te doen wat een klant zou doen: navigeren, lezen, een formulier invullen, bellen. Als iets stroef voelt, voelt het voor je klanten ook stroef.
Wat maakt een goede mobiele website?
Een goede mobiele website heeft deze eigenschappen:
Snelle laadtijd
Onder de 2,5 seconden voor de eerste meaningful paint. Dit bereik je met geoptimaliseerde afbeeldingen, minimale JavaScript en een snel framework.
Duimvriendelijke navigatie
Menus, knoppen en links zijn groot genoeg om met je duim te bedienen. De belangrijkste acties zitten binnen bereik van je duim (onderkant van het scherm).
Leesbare typografie
Minimaal 16px voor bodytekst, voldoende regelafstand (1.5x), en genoeg contrast tussen tekst en achtergrond.
Duidelijke call-to-action
Op mobiel heb je minder ruimte. Dat betekent: wees duidelijk over wat je wilt dat de bezoeker doet. Een prominent telefoonnummer, een opvallende knop, een simpel contactformulier.
Click-to-call
Als je een lokaal bedrijf hebt, moet je telefoonnummer klikbaar zijn op mobiel. Klinkt vanzelfsprekend, maar je zou versteld staan hoeveel websites dit niet hebben.
Hoe wij het aanpakken
Bij Agentic Webdesign bouwen we elke website mobile-first. Niet als afterthought, maar als uitgangspunt.
Onze websites zijn gebouwd met Next.js en Tailwind CSS. Dat betekent:
- Mobile-first CSS: we beginnen bij het kleinste scherm en bouwen op
- Geoptimaliseerde afbeeldingen: automatisch geconverteerd naar het juiste formaat en formaat per scherm
- Minimale JavaScript: alleen wat nodig is, niets meer
- 100/100 PageSpeed: op mobiel, niet alleen op desktop
Het resultaat is een website die op elk apparaat perfect werkt. Of je bezoeker nu op een iPhone SE zit of op een 4K monitor.
De bottom line
Mobiel is geen trend meer. Het is de standaard. Je website moet op een telefoon net zo goed werken als op een computer. Eigenlijk beter, want daar komen de meeste bezoekers.
Google beoordeelt je op je mobiele site. Je bezoekers ervaren je via hun telefoon. Als die ervaring niet goed is, verlies je op beide fronten.
Wil je een website die op elk apparaat perfect werkt? Start hier en we bouwen hem voor je. Mobile-first, razendsnel, 100/100 op PageSpeed. Websites vanaf 399 euro.