Wat MKB moet weten
- 1. Sticky CTA-button bovenaan of onderaan. 2. Click-to-call via tel:-link. 3. Korte formulieren (max 4 velden). 4. Vermijd carousels (gebruikers swipen zelden). 5. Single column layout (geen vergelijkings-tabel zonder horizontale scroll). 6. Auto-focus eerste input. 7. Numeric keyboard voor telefoonnummer (type=tel). 8. Geen popups bij landing. 9. Test op echte device, niet alleen Chrome DevTools.
Waarom mobiele conversie achterblijft
De gemiddelde mobiele conversie van een MKB-site in Nederland ligt rond de 1,3 procent. Op desktop is dat 2,1 procent. Dat verschil is geen toeval. De aandacht van een mobiele bezoeker is korter, de context vaak druk en de tikgrootte beperkt tot een duim. Wie zijn site bouwt vanuit een desktop-mindset levert mobiel een halve site op. Dat kost geld en het is bijna altijd op te lossen zonder een complete rebuild.
Wat helpt is de site beoordelen alsof je zelf de bezoeker bent. Sta op een drukke parkeerplaats, het is buiten 22 graden, je kind staat aan je broek te trekken en je hebt drie minuten voordat je weer naar binnen moet. Kun je dan binnen die drie minuten een offerte aanvragen op jouw eigen site? Bij negen op de tien sites is het antwoord nee. Het formulier is te lang, de telefoon-knop staat te ver in de footer, de cookie-banner overlapt de CTA en het toetsenbord springt over de helft van het scherm.
De fixes die het meest opleveren zijn paradoxaal genoeg de simpelste. Een sticky telefoon-knop in de header verdubbelt vaak het aantal mobiele bellers binnen een week. Een autocomplete-attribuut op het adresveld scheelt zo'n 22 seconden invultijd per formulier. Een primaire CTA in een gecontrasteerde kleur in plaats van een outline-knop tilt de tikratio met soms wel 30 procent. Geen rocket science, gewoon vakwerk.
De negen fixes uitgewerkt
Een korte opsomming is niet genoeg om de fix daadwerkelijk te implementeren. Daarom hieronder per tip wat je doet, wat je vermijdt en hoeveel impact je mag verwachten.
1. Sticky CTA-knop. Plaats een primaire actie permanent in beeld, bijvoorbeeld onderaan met een vaste hoogte van 56 pixels. De knop moet altijd dezelfde tekst hebben, bijvoorbeeld Bel nu of Vraag offerte. Geen wisselende labels, geen tweede knop ernaast. Vermijd de gewoonte om de hele balk klikbaar te maken, dat veroorzaakt mis-tikken bij scrollen.
2. Click-to-call via tel-link. Een nummer als tel:+31297000000 opent direct de bel-app op iOS en Android. Combineer dit met een data-conversion="call"-attribuut zodat je in je analytics ziet hoe vaak er gebeld wordt. Bij Keurmeesters, het energielabel-bureau dat we in mei 2026 live brachten, is 38 procent van de mobiele conversies een telefoongesprek geweest in de eerste twee weken na lancering.
3. Korte formulieren. Maximaal vier velden voor de eerste stap. Naam, e-mail, telefoon, vraag. Postcode, huisnummer en bedrijfsnaam kunnen later. Onderzoek van het Baymard Institute laat zien dat ieder extra veld de conversie met circa 4,5 procent verlaagt. Voor een MKB-formulier met negen velden betekent dat ruwweg een halvering versus een formulier met vier velden.
4. Vermijd carousels. Mobiele bezoekers swipen zelden door een carousel met meer dan drie slides. De doorzwiep-ratio voor slide vier is gemiddeld onder de 1 procent. Toon je belangrijkste boodschap in een statische hero en gebruik de ruimte eronder voor concrete bewijzen. Logo-strips van klanten, een korte case-uitsnede, een quote met een echte naam.
5. Single column layout. Alles onder elkaar, geen twee kolommen die mobiel ineens onder elkaar springen. Gebruik display: grid met expliciete breakpoints in plaats van twee floats die mobiel een raar volgordeprobleem geven. Tabellen met meer dan drie kolommen werken niet op mobiel. Vervang ze door een lijst met label-waarde-paren of een uitvouwbare card per regel.
6. Auto-focus eerste input. Op een dedicated contact-pagina kun je het eerste invoerveld direct activeren met het autofocus-attribuut. Het toetsenbord komt meteen omhoog en de bezoeker hoeft niet eerst het veld zelf te zoeken. Niet doen op de homepage, want dan blokkeert het toetsenbord de hero. Wel doen op een formulierpagina waar het doel duidelijk is.
7. Numeric keyboard. Gebruik type="tel" voor telefoonnummers en inputmode="numeric" voor postcodes, BTW-nummers en huisnummers. Dat schakelt direct het numerieke toetsenbord in. Het scheelt gemiddeld twee tikken per veld en voorkomt fouten bij invullen.
8. Geen popups bij landing. Een popup die binnen tien seconden na binnenkomst verschijnt, jaagt 27 procent van de mobiele bezoekers weg, blijkt uit Google's research. Wacht minstens 30 seconden, gebruik exit-intent of toon de popup pas na het bekijken van twee pagina's.
9. Test op echte device. Chrome DevTools-mobile-emulatie geeft een ruwe schatting. Het mist alles wat met touch-precisie, accugebruik, mobiele data of werkelijke render-snelheid te maken heeft. Iedere oplevering bij ons gaat door een hand-test op een echte Android van vier jaar oud en een echte iPhone met iOS 16.
Uitgebreid stappenplan voor implementatie
Ga je deze fixes zelf doen, plan ze in deze volgorde. De volgorde is gekozen op impact gedeeld door benodigde werktijd.
- Sticky telefoon-knop met
tel:-link toevoegen in de header op mobiel. - Cookie-banner naar onderkant van het scherm verplaatsen en niet over de primaire CTA laten vallen.
- Formulier inkorten tot vier velden voor de eerste stap.
- Autocomplete-attributen toevoegen op naam, e-mail, telefoon en adres.
- Inputmode-attributen toevoegen voor postcode, telefoon en huisnummer.
- Carousels vervangen door een statische hero met een duidelijke H1 en CTA.
- Tabellen met vier of meer kolommen omzetten naar een mobiele lijst-variant.
- Popups uitstellen tot minstens 30 seconden of vervangen door een sticky banner.
- Een echte conversie-tracker installeren die telefoonklikken, formulier-submits en WhatsApp-klikken apart meet.
- Test op een echte Android en iPhone, niet alleen in DevTools.
- Lighthouse-score op mobiel meten en streven naar minimaal 90.
- Real User Monitoring inbouwen zodat je veldgegevens hebt over CWV.
- Een week later opnieuw meten en vergelijken met de baseline van voor de fixes.
Wat de cijfers laten zien
Een conversiepercentage zegt niets zonder volume. Een site met 50 bezoekers per maand en een conversie van 6 procent levert minder op dan een site met 5000 bezoekers en 1 procent. De vraag is dus altijd, waar zit de bottleneck? Bij weinig verkeer ligt het probleem bij vindbaarheid en moet je investeren in SEO en advertenties. Bij veel verkeer maar weinig conversie ligt het probleem bij de site zelf en zijn deze negen fixes je startpunt.
Gebruik de verliescalculator op designcheck.nl/verliescalculator om in te schatten hoeveel omzet je mist door een suboptimale mobiele conversie. Reken met conservatieve aannames. Een gemiddelde klantwaarde van €120 voor lokale dienstverleners is realistisch. Voor B2B-trajecten ligt dat al snel op €1500 tot €4000. Per branche schat de calculator een typische conversieratio in, vergelijkt die met jouw situatie en geeft een richtbedrag voor de potentiële winst.
Wanneer DesignCheck zinvol is
Onze pakketten starten bij €1.995 voor een Starter-site die voldoet aan alle negen fixes en mobiel een Lighthouse-score boven de 95 haalt. Bij €3.995 in Groei voegen we een conversie-dashboard toe waarmee je per maand ziet hoe de fixes presteren. Bij €6.995 in Premium krijg je e-commerce-functionaliteit, een aangepaste BAG-API of CRM-integratie en een uitgebreide structured-data-setup voor lokale vindbaarheid.
We werken wereldwijd, met thuisbasis Mijdrecht voor de Nederlandse markt. Bij iedere klant leveren we een conversie-baseline in week één, een dashboard in week twee en een eerste optimalisatie-ronde in week vier. Geen vaste contracten, geen retainer-druk. Je betaalt voor wat we leveren en niet voor een licentie op een eigen tool.
Sectorspecifieke conversie-patronen
Een uniforme aanpak voor alle MKB-bedrijven werkt niet. Conversie-patronen verschillen sterk per branche. Hieronder een paar veelvoorkomende sectoren met hun eigen optimalisatie-prioriteiten.
Voor lokale dienstverleners zoals hoveniers, elektriciens en stukadoors is de telefoon-knop de belangrijkste conversie-trigger. Tussen de 45 en 60 procent van de mobiele conversies gaat via telefoon, niet via formulier. Zet daarom een sticky telefoon-knop in de header en een grote Bel-knop in de hero. Het formulier is back-up, niet het primaire kanaal.
Voor adviseurs zoals accountants, juristen en consultants is het tegenovergestelde waar. Mobiele bezoekers willen vaak eerst lezen voordat ze contact opnemen. Een formulier dat een gesprek inplant is hier krachtiger dan een directe telefoon-link. Combineer met social proof, klantnamen en cases, om vertrouwen op te bouwen voordat de bezoeker zijn gegevens invoert.
Voor webshops geldt dat het winkelmandje-icoon en de zoekfunctie de belangrijkste mobiele elementen zijn. Plaats het winkelmandje rechtsboven en de zoekbalk direct daaronder, of verstop hem achter een vergrootglas-icoon dat een grote tikgebied heeft. Een hovenier zonder zoekfunctie kan zonder, een webshop met meer dan 30 producten niet.
Voor bouwbedrijven en aannemers werken portfolio-foto's harder dan tekst. Toon een swipebare galerij van eerdere projecten boven de fold, met locatie en jaar als ondertitel. De primaire CTA komt na het scrollen door de galerij. Bezoekers oordelen visueel binnen vier seconden, lezen pas daarna.
A/B-testing op mobiel — wat werkt
Niet elke optimalisatie is een uitgemaakte zaak. Sommige keuzes vereisen testen op je eigen bezoekers. Hieronder de vier tests die wij het vaakst draaien voor MKB-klanten en hun typische uitkomsten.
Test 1, sticky telefoon-knop versus statische telefoon-knop in de header. De sticky variant wint vrijwel altijd, met een gemiddelde toename van 18 tot 35 procent in telefoon-klikken. Het verschil zit in de bereikbaarheid tijdens scrollen, niet in de visuele prominentie.
Test 2, formulier van vier velden versus formulier van zeven velden. Het kortere formulier wint in 90 procent van de gevallen, met gemiddeld 22 procent meer inzendingen. De uitzondering zit bij hoge-waarde-B2B waar pre-kwalificatie via extra velden de lead-kwaliteit verbetert. Bij Keurmeesters gebruiken we drie velden voor de eerste stap en stellen vervolgvragen pas na de eerste submit.
Test 3, telefoonnummer als tekst versus telefoonnummer als knop. De knop wint met 50 tot 80 procent meer klikken. Mensen vergeten dat een telefoonnummer in tekstvorm tikbaar is op moderne browsers, een knop maakt het expliciet.
Test 4, popup na 10 seconden versus popup na 30 seconden versus geen popup. Geen popup wint vrijwel altijd op mobiel, behalve voor bezoekers die langer dan 90 seconden op de pagina zijn. Bouw daarom een exit-intent of een tijd-vertraagde popup, niet een directe.
Wat doe je vandaag?
Zet je telefoon op tafel en open je site. Klok hoe lang het duurt om je eigen offerte aan te vragen. Schrijf de exacte stappen op. Iedere stap waar je twee keer moet tikken of moet zoeken is een conversie-lek. Bij meer dan drie van die haperingen, vraag de gratis audit aan en stuur je eigen tijdmeting mee. Onze analyse begint met jouw beleving en niet met een generieke tool-uitdraai. We werken wereldwijd vanuit Mijdrecht, met een Nederlandse focus en internationale ervaring.