Mobiele conversie voor B2B: waarom je site op smartphone leads laat liggen

Mobiele conversie blijft achter omdat je B2B-site voor desktop is ontworpen.

Hij is daarna “ook nog” mobiel gemaakt. Knoppen staan te dicht op elkaar en formulieren zijn te lang.

De belangrijkste call-to-action verdwijnt uit beeld en de pagina laadt traag op een mobiel netwerk.

Het verdict: vier hefbomen bepalen je mobiele conversie: grote tap-targets, korte formulieren, een sticky CTA en snelle laadtijd. Trek die check door over je hele site.

Hieronder: waarom mobiel achterblijft en hoe je elke hefboom concreet verbetert.

Waarom converteert mobiel verkeer slechter dan desktop?

Omdat de bezoeker in een lastigere context zit en je site daar niet op is ingericht.

De mobiele context

Iemand op een smartphone werkt onder andere omstandigheden:

• hij tikt met een duim;
• hij heeft een klein scherm;
• hij zit soms op een traag netwerk;
• hij wordt sneller afgeleid.

Komt die persoon op een pagina met kleine knoppen, een formulier van tien velden en een trage laadtijd?

Dan haakt hij af voor hij iets invult.

Het eerste mobiele bezoek beslist

In B2B speelt daar nog iets bovenop: de aankoopbeslissing is zelden een impulsactie.

Iemand ontdekt je bedrijf vaak mobiel, bijvoorbeeld tijdens een korte zoekopdracht of via een link in een mail.

Later wil hij op desktop verder.

Dat eerste mobiele bezoek bepaalt of je in de running blijft.

Voelt de smartphone-ervaring rommelig aan, dan verlies je vertrouwen nog voor je inhoud is gelezen.

Elke stap telt

Mobiele conversie gaat dus niet alleen om de uiteindelijke aanvraag.

Het gaat om elke stap die de bezoeker naar dat contactmoment leidt.

Google kijkt bovendien eerst naar je mobiele versie. Wat dat betekent voor je vindbaarheid, lees je bij mobile-first indexing.

Waar zie je het lek?

Kijk niet alleen naar je conversieratio per apparaat.

Kijk ook hoe ver mobiele bezoekers scrollen. Leg desktop en mobiel naast elkaar in GA4: een groot verschil in conversieratio bij vergelijkbaar verkeer wijst op een mobiel probleem, niet op een slecht aanbod.

Een gratis heatmaptool zoals Microsoft Clarity toont dat per pagina:

De publieke homepage van Microsoft Clarity, oktober 2026. Scrolldiepte toont hoeveel bezoekers het eerste scherm verlaten.

Haakt een groot deel af voor je CTA in beeld komt, dan weet je waar je moet beginnen. Hoe je zulke opnames leest, staat in heatmaps gebruiken.

Het goede nieuws: mobiele conversie is geen mysterie.

Het draait om een handvol concrete dingen die je kunt nakijken en verbeteren.

Het grotere plaatje van een website die leads oplevert, staat in onze gids over een B2B-website laten maken.

Begin bij de pagina met het meeste mobiele verkeer.

Hoe groot moeten knoppen en links op mobiel zijn?

Minstens 48 bij 48 pixels, met zo’n 8 pixels ruimte ertussen.

Twee normen naast elkaar

Tap-targets moeten groot genoeg zijn om met een duim raak te tikken.

En ze moeten genoeg ruimte tussen elkaar hebben.

De Lighthouse-audit van Google noemt doelen van 48 bij 48 pixels veilig.

Voor de tussenruimte is 8 pixels een goed startpunt.

De toegankelijkheidsnorm WCAG 2.2 legt de ondergrens op 24 bij 24 CSS-pixels. Dat is een minimum, geen comfortabel doel.

Zo verhouden die twee zich:

Waar het op mobiel misloopt

Drie fouten zie je op bijna elke B2B-site:

• Te kleine of te dichte links. Menu-items, filters of voetnootlinks staan zo dicht op elkaar dat je mis-tikt.
• Knoppen die niet als knop ogen. Een tekstlink in een lange zin is moeilijk te raken.
• Te veel keuzes naast elkaar. Drie knoppen op een rij worden drie te smalle knoppen.

Elke mis-tik is frustratie, en een kans dat iemand afhaakt.

Bijvoorbeeld: stel dat je dienstenpagina onderaan drie knoppen naast elkaar toont: “Offerte”, “Bel ons” en “Brochure”. Op een smal scherm stapel je ze, met “Offerte” bovenaan als primaire actie.

Toegankelijk en converterend tegelijk

Dit is meteen een toegankelijkheidskwestie.

Grotere, beter gespreide tap-targets helpen mensen met motorische beperkingen. En iedereen die onderweg met één hand bedient.

Meer hierover lees je in onze UX best practices voor B2B en in je website toegankelijk maken.

Toegankelijk en converterend lopen hier gelijk op.

Waarom haken bezoekers af bij mobiele formulieren?

Omdat elk extra veld op een klein scherm extra werk en extra twijfel betekent.

Het toetsenbord neemt het halve scherm in

Op desktop typt iemand een lang formulier nog wel uit.

Op een smartphone neemt het schermtoetsenbord de helft van het scherm in.

Datzelfde formulier voelt dan als een drempel.

Vier ingrepen die werken

Een paar concrete ingrepen die mobiele formulieren sterk verbeteren:

• Vraag minder. Naam, e-mail of telefoon en een korte vraag is vaak genoeg.
• Gebruik het juiste toetsenbord. Een telefoonveld opent het numerieke toetsenbord.
• Toon labels en fouten duidelijk. Labels boven het veld, fouten direct bij het veld.
• Maak verzenden een grote knop. Geen klein linkje, maar een volle actieknop.

De rest van je vragen stel je later, in het eerste gesprek.

Het juiste toetsenbord instellen

Het juiste toetsenbord regel je in de HTML van je formulier.

Met het attribuut inputmode bepaal je welk virtueel toetsenbord verschijnt. Zo opent tel een telefoonklavier met cijfers, en email een toetsenbord met de @.

Dat scheelt tikwerk en fouten.

Je webbouwer heeft er een paar minuten werk aan. Vraag het mee bij elke nieuwe formulierpagina, zodat het geen losse correctie achteraf wordt.

Let op: inputmode controleert niets. Wil je een geldig e-mailadres afdwingen, gebruik dan ook het juiste invoertype.

Lees ook

Voor de bredere logica achter kortere, hoger converterende formulieren is er onze pagina over formulieren optimaliseren. Wat je in het veld en op de knop zet, lees je bij microcopy en UX writing.

Veel B2B-leads komen via één pagina binnen. Loop dat contactformulier dus met dezelfde mobiele blik na.

Verdiep je ook in hoe je een dienstenpagina opbouwt die leads oplevert.

Juist daar valt of staat de aanvraag.

Werkt een sticky CTA op mobiel echt?

Ja: een knop die meescrollt, houdt de volgende stap altijd binnen handbereik.

Waarom het werkt

Op een klein scherm scrollt iemand veel.

De bovenkant van de pagina, waar je hoofd-CTA vaak staat, is snel uit beeld.

Een vaste actiebalk onderaan houdt “Plan een gesprek” of “Vraag een offerte” in beeld. Precies waar de duim al rust.

Drie aandachtspunten

Zodat een sticky CTA helpt in plaats van stoort:

• Houd het bij één primaire actie. Kies de logische volgende stap voor de meeste bezoekers.
• Neem niet te veel ruimte in. Een dunne balk onderaan volstaat.
• Laat hij niets afdekken. Test of de balk geen tap-targets of je formulier bedekt.

Een sticky balk die over je verzendknop valt, kost je meer leads dan hij oplevert.

Tekst en vorm

Welke tekst en vorm het beste werkt, hangt af van je aanbod en je publiek.

Voor inspiratie over formulering en plaatsing zie onze voorbeelden van call-to-actions.

Belangrijk blijft: je belooft niets wat je niet waarmaakt.

Je maakt de volgende stap gewoon makkelijk.

Hoeveel schaadt een trage laadtijd je mobiele conversie?

Veel: op een mobiel netwerk haken bezoekers af voor de pagina volledig staat.

Mobiel is trager dan kantoor

Mobiele toestellen hebben minder rekenkracht.

Ze zitten vaker op een wisselend netwerk dan een desktop op kantoor.

Dezelfde pagina die op kantoor vlot laadt, kan onderweg traag en springerig aanvoelen.

De drie Core Web Vitals

Google meet die ervaring met de Core Web Vitals. Dit zijn de grenzen voor een goede ervaring:

Google beoordeelt dat op het 75e percentiel van je paginabezoeken, apart per apparaat. Elk meetpunt heeft een eigen uitleg: LCP, INP en CLS.

Eén zwak meetpunt volstaat om te falen

Juist op mobiel scoren sites hier vaak het slechtst. Dat zien we ook op onze eigen site:

Onze eigen mobiele velddata in PageSpeed Insights, oktober 2026. LCP is goed (1,9 s), maar één zwak meetpunt (CLS 0,13) laat de beoordeling falen.

Een snelle LCP redt je dus niet als de lay-out verspringt terwijl iemand wil tikken.

In Search Console zie je hoeveel pagina’s hetzelfde probleem hebben:

Het Core Web Vitals-rapport in onze eigen Search Console, oktober 2026: 349 URL’s met een CLS-probleem op mobiel.

Zo’n rapport groepeert URL’s per probleem. Je lost één sjabloon op en tientallen pagina’s verbeteren tegelijk.

Waar de winst zit

De meeste winst zit onder de motorkap:

• lichtere afbeeldingen;
• minder zware scripts;
• vaste afmetingen, zodat de lay-out niet verspringt.

Draait je site op WordPress? Dan is een overvloed aan plugins vaak een verborgen rem. Lees hoe te veel WordPress-plugins je site traag en kwetsbaar maken.

Een dieper overzicht vind je in ons artikel over Core Web Vitals. Hoe je ze stap voor stap oplost, staat in Core Web Vitals verbeteren.

Meet je eigen pagina eerst met de website-snelheidstest.

Snelheid is een conversiefactor

Snelheid is hier geen technische luxe.

Een bezoeker die afhaakt door een trage of springerige pagina, telt nooit mee als lead.

Daarom sturen wij op leads en omzet en niet op losse vanity-cijfers.

Een mooie maar trage mobiele pagina levert je niets op.

De korte samenvatting

Mobiele conversie blijft achter wanneer mobiel er pas na het desktopontwerp bij komt.

De vier hefbomen

De hefbomen zijn telkens dezelfde:

Trek die check door over je hele site, van homepage tot contactpagina. Eén zwakke schakel kost je de lead.

Een website lost niet alles op. Maar een echt mobiel-eerst gebouwde site laat geen leads meer onnodig liggen. Wat responsive design daarvoor moet doen, lees je apart.

Je volgende stap

Sta je nog voor de bouw of vernieuwing? Lees dan eerst hoe je website-offertes eerlijk vergelijkt, zodat je niet betaalt voor een site die mobiel alsnog leads laat liggen.

Wil je dit voor jouw website laten aanpakken, met de focus op leads?

Neem contact op voor een mobiele check van je belangrijkste pagina’s.