Je website op een telefoon: hier haken klanten af

De telefoon is je etalage

Ruim de helft van het webverkeer in Nederland komt van een telefoon: 54,69% volgens Statcounter in augustus 2026. Voor een lokaal bedrijf is dat vaak nog meer. Iemand staat voor een dichte deur, heeft net lekkage, of zoekt 's avonds op de bank een kapper.

Tegelijk wordt er nog veel op de computer besloten. Volgens Thuiswinkel ging in de eerste helft van 2025 46% van de online aankopen via desktop, tegen 40% via mobiel. Je site moet dus op allebei werken. Maar op de telefoon is het ontwerp het krapst, en gaat het het vaakst mis.

Eén kolom, tekst eerst

Op een telefoon staat elk blok in één kolom. En de tekst komt vóór het beeld. Een grote foto bovenaan elk blok duwt je boodschap uit beeld, en een bezoeker ziet dan scherm na scherm plaatjes zonder te weten waarom.

Uitzondering: je werk is het product, zoals bij een fotograaf of een interieurbouwer. Dan mag het beeld voorop, zolang de kop en de knop in het eerste scherm blijven.

Alles moet te raken zijn

Een vingertop is 1,6 tot 2 centimeter breed. Knoppen en links die kleiner zijn, raak je mis. Nielsen Norman Group adviseert daarom minstens 1 bij 1 centimeter voor alles wat je aantikt, met ruimte ertussen. De toegankelijkheidsrichtlijnen (WCAG 2.2) leggen de ondergrens op 24 bij 24 pixels.

Controleer vooral:

• Je telefoonnummer. Is het een link die direct belt? Een nummer dat je moet overtypen, kost je telefoontjes.
• Links in je footer, die vaak piepklein en dicht op elkaar staan.
• Keuzerondjes en vinkjes in je formulier.

Een vaste balk onderin

Veel mensen bedienen hun telefoon met één hand. In waarnemingen van Steven Hoober hield 49% de telefoon met één hand vast, 36% in de ene hand terwijl de andere tikte, en 15% met twee handen. Een grote knop onderin het scherm is dus makkelijk te raken.

Een vaste balk onderin werkt daarom goed, met hooguit twee acties. Een fysiotherapeut: "Afspraak maken | Bellen". Een verhuizer: "Offerte | App ons". Twee regels:

• De balk verdwijnt zodra een formulier of toetsenbord open is.
• Hij is smal. Een balk die een kwart van het scherm vult, maakt je site kleiner.

Een menu dat je vindt

Een menu achter drie streepjes wordt minder gebruikt dan je denkt. In onderzoek van Nielsen Norman Group werd verborgen navigatie op mobiel in 57% van de gevallen gebruikt, tegen 86% als de navigatie zichtbaar was.

Doe daarom dit: laat je belangrijkste knop en één tot drie links zichtbaar, zoals Diensten, Prijzen en Contact. Zet de rest achter een knop met het woord "Menu" erop, niet alleen drie streepjes. Heb je maar vier links of minder, laat ze dan gewoon allemaal zien.

Snelheid

Op een telefoon, buiten, met matig bereik, merk je elke seconde. Google meet drie dingen, en je site haalt ze als:

• het hoofdbeeld binnen 2,5 seconde zichtbaar is (LCP),
• een tik binnen 200 milliseconden reageert (INP),
• niets verspringt tijdens het laden (CLS van 0,1 of minder).

Dat het uitmaakt, liet Vodafone zien: een 31% snellere laadtijd van het hoofdbeeld leverde 8% meer verkopen op. Het belangrijkste wat je zelf kunt doen: één goed gecomprimeerde afbeelding bovenaan (AVIF of WebP), hooguit twee lettertypes, en chatwidgets en andere scripts als laatste laden.

Wat op een telefoon extra irriteert

• Een pop-up die de pagina afdekt, of een chat die vanzelf opengaat.
• Een video die vanzelf start en data verbruikt.
• Tekst kleiner dan 16 pixels, of grijs op grijs.
• Tabellen die zijwaarts scrollen. Zet prijspakketten onder elkaar.
• Formuliervelden zonder het juiste type. Een veld voor een telefoonnummer hoort het cijfertoetsenbord te openen.

Test het zelf

Pak je eigen telefoon. Zet wifi uit, zodat je op 4G zit. Open je site met één hand en probeer drie dingen: je bedrijf te bellen, een offerte aan te vragen en je openingstijden te vinden. Lukt iets niet in een paar tikken, dan lukt het je klanten ook niet.

Kort samengevat

• Eén kolom, tekst vóór beeld, kop en knop in het eerste scherm.
• Alles wat je aantikt minstens 1 bij 1 centimeter, telefoonnummers als belknop.
• Een smalle vaste balk onderin met hooguit twee acties.
• Een zichtbare knop "Menu" en een site die binnen 2,5 seconde staat.

Elke site die we bouwen, ontwerpen we eerst voor de telefoon. Zo werkt een website laten maken bij Webclouds.