Mobielvriendelijke website:
je telefoon is de baas.

Even eerlijk: wanneer keek jij voor het laatst op een desktop iets op? Waarschijnlijk kun je het je niet eens herinneren. Je pakt je telefoon. En zo doet iedereen het. Een mobielvriendelijke website is daarom geen leuk extraatje meer, het is gewoon het beginpunt van alles wat je online doet.

De meeste bezoekers komen al via mobiel

Bij vrijwel elk bedrijf dat ik bouw of beheer, zie ik in de statistieken hetzelfde beeld: het grootste deel van de bezoekers komt binnen via een telefoon. Vaak ruim zestig tot zeventig procent. Iemand zoekt onderweg een loodgieter, scrolt 's avonds op de bank door je Instagram, of tikt jouw bedrijfsnaam in tijdens een gesprek aan de keukentafel. Allemaal mobiel.

Dat betekent dat de telefoon niet langer "de kleine versie" van je website is. Het is de hoofdversie. En als die hoofdversie niet werkt, maakt het niet uit hoe mooi je site op een groot scherm oogt. De meeste mensen zien dat grote scherm namelijk nooit.

Je website wordt niet beoordeeld op het scherm waar jij hem op bouwt, maar op het scherm waarop je partner hem voor het eerst opent. En dat is een telefoon.

Mobile-first: zo bouw ik, en zo denkt Google

"Mobile-first" klinkt als jargon, maar het idee is simpel. In plaats van een website voor een groot scherm te ontwerpen en die daarna met moeite plat te knijpen tot telefoonformaat, draai je het om. Je begint bij de telefoon. Wat moet hier staan, in welke volgorde, met welke knop? Wat overbodig is op klein formaat, is dat op groot formaat meestal ook.

Google denkt precies zo. Sinds een aantal jaar gebruikt de zoekmachine standaard de mobiele versie van je site om je te beoordelen en te ranken. Dat heet mobile-first indexing. Met andere woorden: wat Google op een telefoon ziet, bepaalt waar je staat in de zoekresultaten, ook voor mensen die later op een laptop zoeken. Een rommelige mobiele site kost je dus niet alleen bezoekers, maar ook vindbaarheid. Wil je daar dieper in duiken, dan helpt mijn artikel over een snelle website je verder, want snelheid en mobiel hangen sterk samen.

De fouten die je bezoekers kosten

De meeste mobiele ellende komt terug op een handvol klassiekers. Loop ze even langs met je eigen site erbij:

• Knoppen te klein of te dicht op elkaar. Een duim is geen muiscursor. Zit een knop te krap, dan tikt iemand mis, raakt geïrriteerd en haakt af.
• Trage laadtijd. Op een mobiele verbinding telt elke seconde dubbel. Zware foto's en overbodige scripts laten mensen wegklikken voordat je site überhaupt verschijnt.
• Tekst die niet meeschaalt. Moet iemand inzoomen om je tekst te lezen, dan is de drempel al te hoog. Goede mobiele tekst lees je gewoon, recht uit je hand.
• Opdringerige pop-ups. Een schermvullende pop-up die je amper kunt wegklikken, is op een telefoon dodelijk. Het kruisje is te klein, de bezoeker is weg.

Het frustrerende is dat al deze fouten onzichtbaar blijven zolang jij alleen op je eigen laptop kijkt. Daar werkt alles prima. Pak daarom je telefoon en doorloop je eigen site als een echte bezoeker: vul een formulier in, klik een paar dingen aan, scroll naar je contactgegevens. Voelt het stroef, dan voelen je partners dat ook.

Wat goed mobiel design wél is

Een mobielvriendelijke website is niet je gewone site, alleen smaller. Het is een site die op een klein scherm net zo logisch aanvoelt als op een groot. In de praktijk betekent dat een paar dingen.

Eén site die meebeweegt

Je hebt geen aparte mobiele website nodig. Dat was tien jaar geleden een ding, maar het is dubbel werk en dubbel onderhoud. Wat je wilt is een responsive site: één website die zich automatisch aanpast aan elk scherm. De inhoud schikt zichzelf netjes, of iemand nu op een telefoon, tablet of grote monitor kijkt.

Ruime knoppen en heldere keuzes

Knoppen die groot genoeg zijn voor een duim, met genoeg ruimte eromheen. Een belknop of WhatsApp-knop die altijd binnen handbereik zit. En per scherm één duidelijke volgende stap, niet vijf dingen die om aandacht vechten. Hoe minder een bezoeker hoeft na te denken, hoe vaker hij doorklikt. Daar gaat het bij elke goede website uiteindelijk om: dat een bezoeker moeiteloos bij de gewenste actie komt.

Snel, licht en zonder ballast

Een mobiele bezoeker zit vaak op een wisselende verbinding. Daarom bouw ik bij NorthByte bewust lichte, snelle sites zonder zware afhankelijkheden. Geen tientallen plugins die elkaar in de weg zitten, geen onnodig zware bestanden. Gewoon een site die meteen verschijnt. Soms is dat zelfs een argument om klein te beginnen met een one-page website: alles op één pagina, razendsnel, en perfect te bedienen met je duim.

Eerlijk: niet elk probleem is een nieuwe website

Hier hoor je mij niet zeggen dat je meteen alles overnieuw moet bouwen. Soms is je site qua opzet prima en zit het pijnpunt in een paar zware foto's of één lompe pop-up. Dat los je op zonder een nieuwe website. Durf die vraag dus eerst te stellen: is mijn site stuk, of heeft hij gewoon onderhoud nodig?

Maar is je site jaren oud, vast gebouwd op een verouderd thema en simpelweg niet gemaakt voor de telefoon, dan blijf je pleisters plakken. Op een gegeven moment is opnieuw beginnen niet de dure keuze, maar de goedkope. Wat dat ongeveer kost en wat je voor 795 euro krijgt, lees je in mijn artikel wat kost een website. En een nieuwe site staat bij mij live binnen 2 weken.

Conclusie: begin bij het kleine scherm

De telefoon is geen bijzaak meer, het is waar je partners jou voor het eerst tegenkomen. Een mobielvriendelijke website is daarom geen technisch detail, maar het verschil tussen iemand die contact opneemt en iemand die geërgerd wegklikt. Test je eigen site eens eerlijk op je telefoon. Loopt het stroef, dan weet je genoeg. En twijfel je wat je beste volgende stap is, opknappen of opnieuw bouwen, leg het me gewoon voor. Ik geef je een eerlijk antwoord, ook als dat antwoord "dit hoeft nog niet" is.