De meeste mensen bekijken je site op hun telefoon. Toch zijn veel websites op mobiel een worsteling. Deze gids laat in zes stappen zien hoe je een echt mobielvriendelijke website maakt.
Een mobielvriendelijke website past zich automatisch aan het scherm van de bezoeker aan, of dat nu een telefoon, tablet of computer is. Teksten blijven leesbaar, knoppen blijven aantikbaar en de pagina blijft snel, zonder dat je hoeft te knijpen of zijwaarts te scrollen.
De basis hiervoor heet responsive design: één website die meebeweegt met elk schermformaat. Het is geen extraatje meer, maar de standaard waaraan elke moderne site moet voldoen.
Voor de meeste websites komt het merendeel van het verkeer inmiddels van mobiele apparaten. Een bezoeker die op zijn telefoon afhaakt omdat je site niet werkt, komt zelden terug; je verliest hem aan een concurrent die het wél goed doet.
Google kijkt bovendien primair naar de mobiele versie van je site om je positie te bepalen (mobile-first indexing). Een site die op mobiel slecht werkt, scoort dus ook slechter in de zoekresultaten. Mobiel is daarmee zowel voor je bezoekers als voor je vindbaarheid bepalend.
Vroeger bouwden sommige bedrijven een aparte mobiele website. Dat is achterhaald. Met responsive design heb je één site die zich vloeiend aanpast aan elk scherm, wat onderhoud eenvoudig houdt en je SEO ten goede komt.
De inhoud herschikt zich: kolommen worden onder elkaar geplaatst, menu’s vouwen samen tot een handig knopje, en beelden schalen mee. Google legt de principes hiervan uit in zijn richtlijnen voor responsive webdesign.
Op een klein scherm is leesbaarheid alles. Gebruik voldoende grote letters zodat niemand hoeft in te zoomen, en zorg voor genoeg ruimte tussen regels en elementen. Een muurtje van kleine tekst jaagt mobiele bezoekers weg.
Knoppen en links moeten groot genoeg zijn om met een duim te raken, met voldoende ruimte ertussen. Niets is zo frustrerend als per ongeluk de verkeerde knop aantikken. Wat op een muis met pixelprecisie werkt, moet op mobiel met een duim te bedienen zijn.
Mobiele bezoekers zitten vaker op een tragere of wisselende verbinding, dus snelheid weegt op mobiel extra zwaar. Een site die op wifi nog acceptabel laadt, kan onderweg onbruikbaar traag zijn.
De grootste winst zit ook hier in geoptimaliseerde afbeeldingen en slanke techniek. In onze gids over website snelheid verbeteren lees je hoe je dat aanpakt. Test je site juist op een telefoon en een mobiele verbinding, niet alleen op je snelle kantoorscherm.
De simpelste test: pak je telefoon en gebruik je eigen site zoals een klant dat zou doen. Loopt het bestel- of contactproces soepel, of stuit je op gedoe? Vaak voel je de knelpunten meteen.
Kijk daarnaast in Google Analytics hoe mobiele bezoekers zich gedragen; haken ze vaker af dan desktopbezoekers, dan is daar werk te doen. Twijfel je, vraag dan een gratis check aan, dan kijken we mee waar je op mobiel klanten verliest.
Vaak deels, omdat veel moderne thema’s responsive zijn. Maar leesbaarheid, snelheid en bediening op mobiel vragen alsnog aandacht. Een responsive thema is een goede start, geen garantie.
Nee. Een aparte mobiele site is achterhaald. Met responsive design heb je één website die zich aan elk scherm aanpast, wat eenvoudiger te onderhouden is en beter voor je SEO.
Ja, sterk. Google beoordeelt primair de mobiele versie van je site (mobile-first indexing). Een site die op mobiel slecht werkt, scoort daardoor ook lager in de zoekresultaten.
Gebruik je site op je eigen telefoon en let op leesbaarheid, snelheid en bediening. Kijk ook of mobiele bezoekers in je statistieken vaker afhaken. Wij doen op verzoek een gratis mobiele check.
Vertel ons over je project en we komen binnen één werkdag bij je terug.
Vertel ons over je project en we komen binnen één werkdag bij je terug.