De meeste bezoekers komen op je site via hun telefoon. Google weet dat, en beoordeelt sinds jaren de mobiele versie van je website, niet de desktopversie. Wat er op een groot scherm gebeurt, telt eigenlijk nauwelijks meer mee.
Toch worden veel websites nog steeds op een breed scherm ontworpen en daarna ‘ook even’ mobiel gemaakt. Dat is de verkeerde volgorde.
Responsive is het minimum, geen doel
Responsive webdesign betekent dat je layout meebeweegt met de schermbreedte. Dat is inmiddels vanzelfsprekend. Het zegt alleen niets over de vraag of je site op een telefoon ook prééttig werkt.
Een pagina kan technisch perfect meeschalen en toch onbruikbaar zijn: knoppen te klein, tekst te lang, formulier te veeleisend.
Acht punten waar het in de praktijk op vastloopt
- Te kleine raakvlakken: knoppen en links onder de 44 bij 44 pixels zijn met een duim lastig te raken
- Tekst die je moet inzoomen: onder de 16 pixels wordt lezen vermoeiend
- Horizontaal scrollen: meestal veroorzaakt door een tabel of afbeelding die breder is dan het scherm
- Verspringende layout: als afbeeldingen zonder vaste afmetingen laden, schuift de tekst weg onder je vinger
- Pop-ups die het scherm vullen: vervelend op desktop, dodelijk op mobiel
- Formulieren met te veel velden: elk extra veld kost invullers
- Menu’s met te veel niveaus: drie keer tikken voordat je ergens bent, is twee keer te veel
- Zware afbeeldingen: op een mobiele verbinding is elke onnodige megabyte merkbaar
Ontwerp vanaf de kleinste maat
De praktische omslag is simpel: begin bij het smalste scherm en werk naar boven. Dat dwingt je om te kiezen wat er echt toe doet, want op 375 pixels breed past nu eenmaal niet alles.
Wat je overhoudt, is meestal ook op desktop de sterkere pagina. Beginnen bij desktop werkt andersom niet: dan moet je onderweg dingen weglaten, en dat voelt als verlies in plaats van als keuze.
Snelheid is op mobiel geen bijzaak
Een telefoon heeft minder rekenkracht en vaker een wisselende verbinding. Dezelfde pagina die op je laptop vlot laadt, kan op een telefoon in de trein traag aanvoelen.
De grootste winst zit bijna altijd in afbeeldingen: het juiste formaat, een modern bestandstype en lazy loading voor alles wat pas lager op de pagina staat.
Veelgestelde vragen over mobiele websites
Heb ik een aparte mobiele website nodig?
Nee. Een aparte mobiele site op een eigen adres levert dubbele content en dubbel onderhoud op. Eén responsive website die zich aanpast aan het scherm is de standaard.
Wat is mobile-first indexing precies?
Google gebruikt de mobiele versie van je pagina om te bepalen waarover je gaat en hoe goed je pagina is. Staat er op mobiel minder inhoud dan op desktop, dan telt alleen die kleinere versie mee.
Hoe test ik of mijn site mobielvriendelijk is?
Begin bij het rapport over gebruiksvriendelijkheid op mobiel in Search Console en pak daarna je eigen telefoon. Probeer een formulier in te vullen en iets te zoeken, dat legt problemen bloot die geen enkele test toont.
Telt mobiele snelheid mee voor mijn positie?
Ja, laadsnelheid en stabiliteit van de layout zijn onderdeel van hoe Google pagina’s beoordeelt. Ze wegen minder zwaar dan relevantie, maar bij vergelijkbare pagina’s geven ze de doorslag.
Wil je dit bij de bron goed aanpakken? Kijk dan bij website laten maken of technische SEO.