Een bezoeker scrollt door je website. Hij of zij leest je aangeboden dienst, ziet waarom het interessant is. En dan... gebeurt er niets. De knop "Bel ons" of "Vraag offerte aan" staat ergens onderaan, of nog erger: pas nadat een derde scroll. Halverwege geeft je bezoeker het op.

Dit gebeurt vaker dan je denkt. Veel ondernemers ontwerpen hun website als een lineaire brochure, niet als een plek waar dingen gebeuren. De call-to-action (CTA) staat ergens, maar niet daar waar je hand al hoe dan ook is.

De positie van je CTA bepaalt letterlijk hoeveel van je bezoekers actie ondernemen. Hier zetten we uit waarom.

Het duimbereik-principe: mobiel denken

Ruim 70 procent van het webverkeer komt inmiddels van mobiel. Dat betekent dat je website eerst en vooral moet werken op een telefoon. En op een telefoon geldt een natuurwet: je duim bereikt comfortabel het onderste derde van het scherm. Alles daarbuiten vereist een extra beweging, is minder waarschijnlijk.

Je CTA moet in dit bereik staan. Niet eronder, niet erbovenin waar je het moet zien. Op ooghoogte van je duim.

Dit klinkt abstract, dus een voorbeeld: als je op een telefoon een artikel leest en halverwege een sterk argument hoort waarom je iets moet doen, dan knikt die duim. De actie voelt natuurlijk. Je lezer onderbreekt niet, scrollt niet terug naar zoeken, twijfelt niet.

Die positie is geen toeval. Het is design dat aansluit bij hoe mensen daadwerkelijk hun telefoon gebruiken.

Visuele hiërarchie: de CTA moet opvallen

Maar positie alleen volstaat niet. Je CTA moet ook herkenbaar zijn als knop, niet als gewone tekstlink. Een duidelijke kleur, contrast met de achtergrond, en ruimte eromheen zodat je oog het ziet.

We zien regelmatig websites waar drie of vier potentiële CTA's om aandacht schreeuwen. De bezoeker weet niet wat hij of zij moet doen, en doet dus helemaal niks. Eén duidelijke CTA per sectie werkt beter. Eentje waar je geen twijfel over hebt.

De tekst erop moet ook werken. "Klik hier" is geen CTA. "Plan een gratis gesprek" of "Bekijk onze diensten" is duidelijker. Je bezoeker weet exact wat hij of zij krijgt als de hand erop tikt.

Een praktijkvoorbeeld: de tandartspraktijk uit Heerlen

We werken regelmatig met tandartsen, kappers en beauty-ondernemers uit Limburg en Brabant. Een tandartspraktijk in Heerlen merkte dat zij via de website zelden directe afspraken kregen. Veel site-bezoeken, weinig patiënten.

We hebben twee dingen veranderd:

Allereerst: de CTA "Afspraak maken" stond onder een lange tekst over de behandeling. We zetten die knop hoger op het scherm, op het moment dat de bezoeker zelf denkt "dit zou ik willen".

Ten tweede: de knop was grijs op wit. Niet opvallend. We maakten hem blauw met wit contrast. Meer pop, meer duidelijkheid.

Binnen twee weken steeg het aantal aanvragen merkbaar. De bezoeker wist waar hij of zij op moest klikken, en kon dat doen op het moment dat het logisch was.

Het effect op je conversies

Dit voorbeeld staat niet alleen. Een slechtgeplaatste of onduidelijke CTA leidt tot verlies: bezoekers die geïnteresseerd zijn, maar niet door de finish gaan. Ze gaan naar een concurrent, of ze vergeten het helemaal.

Een goed geplaatste, duidelijke CTA werkt als wegwijzer. Die onderbreeking, die extra click, die scrollbeweging: je voorkomt die allemaal door te zorgen dat de volgende stap vanzelfsprekend is.

En dat is niet marketing-magie. Het is design dat aansluit bij gedrag.

Een vuistregel voor jezelf

Als je je website maakt of aanpast, stel jezelf deze vragen:

Bereikt mijn duim de CTA op mobiel comfortabel?

Is het duidelijk wat er gebeurt als ik erop klik?

Staat de CTA op het moment dat het logisch voelt, niet ergens onderaan als een gedachte die je bent vergeten?

Zit je twijfelt, test het. Open je website op je telefoon. Lees de pagina als een bezoeker. Op welk moment denk je "nu wil ik dit"? Daar hoort de knop.

We zien regelmatig sites waarbij dat moment en de knopplaatsing niet bij elkaar horen. Het verschil dat afstemming maakt, is soms 20 tot 30 procent meer conversies. Dat is geen klein getal.