• UI & UX

Krijg de klik: 8 tips voor effectief CTA-ontwerp

  • Felix Rose-Collins
  • 7 min read
Krijg de klik: 8 tips voor effectief CTA-ontwerp

Intro

De eerste pagina van de Google-zoekresultaten bereiken en de aandacht van uw publiek trekken is een echte uitdaging, want mensen klikken zelden op een resultaat op pagina twee. Uw site optimaliseren voor SEO is een must om dit doel te bereiken.

Maar dit betekent niet dat een plaats in de top-tien u automatisch een goed conversiepercentage oplevert. U kunt inderdaad een toename van het websiteverkeer verwachten, maar er is nog een ander element dat cruciaal is voor conversies - een effectieve oproep tot actie.

De belangrijkste rol van een CTA is bezoekers naar de volgende stap te leiden en hen aan te moedigen actie te ondernemen - zich inschrijven voor een nieuwsbrief, een ebook downloaden, een product of dienst kopen, of zich aanmelden voor een proefperiode.

Een slecht ontworpen CTA is echter zo goed als geen CTA, omdat die geen kliks en geen conversies oplevert.

In dit artikel behandelen we de beste tips voor het ontwerpen van onweerstaanbare CTA's waarop uw prospects alleen maar kunnen klikken. Lees verder voor meer informatie!

1. Gebruik een sticky sidebar CTA

Bij CTA's gaat het erom de aandacht van bezoekers te trekken en hen te laten klikken.

Sommige webpagina's, zoals homepages of blogberichten, hebben veel inhoud, en het is gemakkelijk voor CTA's om op te gaan in alle andere elementen en praktisch onzichtbaar te worden.

Maak kennis met Ranktracker

Het alles-in-één platform voor effectieve SEO

Achter elk succesvol bedrijf staat een sterke SEO-campagne. Maar met talloze optimalisatietools en -technieken om uit te kiezen, kan het moeilijk zijn om te weten waar te beginnen. Nou, vrees niet meer, want ik heb precies het ding om te helpen. Ik presenteer het Ranktracker alles-in-één platform voor effectieve SEO

We hebben eindelijk de registratie voor Ranktracker helemaal gratis geopend!

Maak een gratis account aan

Of log in met uw gegevens

Voer een sticky sidebar CTA in.

Deze zwevende knop zit vast aan de zijkant van een webpagina en blijft zichtbaar terwijl de gebruiker omhoog en omlaag scrolt, zonder opdringerig of storend te zijn. U hoeft zich geen zorgen te maken of een potentiële klant uw geweldige aanbieding vergeet terwijl hij een artikel leest of klantbeoordelingen bekijkt.

ATH Sport geeft 10% korting op de eerste bestelling en promoot deze incentive op hun homepage en op hun hele website door een sticky sidebar CTA te implementeren met de tekst "Bespaar 10%". Op die manier worden bezoekers er subtiel aan herinnerd om actie te ondernemen en de korting te claimen.

Use a sticky sidebar CTA (Bron: ATH Sport)

2. Maak gebruik van negatieve ruimte

Een van de grootste fouten die u kunt maken met uw CTA is deze te begraven in het midden van een enorm blok tekst. Dat is een gegarandeerde manier voor bezoekers om hem te missen en weg te gaan zonder te converteren.

Wees niet bang om gebruik te maken van negatieve ruimte, dat wil zeggen het gedeelte van een ontwerp dat niet wordt ingenomen door tekst of andere elementen. Door uw CTA te omringen met witruimte kunt u een visuele onderbreking creëren die de aandacht van de kijker op de knop vestigt.

Hoe minder afleiding rond de CTA, hoe beter er geklikt kan worden.

Maak kennis met Ranktracker

Het alles-in-één platform voor effectieve SEO

Achter elk succesvol bedrijf staat een sterke SEO-campagne. Maar met talloze optimalisatietools en -technieken om uit te kiezen, kan het moeilijk zijn om te weten waar te beginnen. Nou, vrees niet meer, want ik heb precies het ding om te helpen. Ik presenteer het Ranktracker alles-in-één platform voor effectieve SEO

We hebben eindelijk de registratie voor Ranktracker helemaal gratis geopend!

Maak een gratis account aan

Of log in met uw gegevens

Flamingo geeft de CTA op hun homepage voldoende ademruimte en scheidt deze van de andere elementen, waardoor de aandacht van bezoekers wordt gevestigd op het hoofddoel - het toevoegen van hun verloftracker aan Slack. Ondanks veel witruimte ziet het ontwerp er niet leeg of onafgewerkt uit, dus het vinden van de juiste balans is essentieel.

Leverage negative space (Bron: Flamingo)

3. Een gevoel van urgentie creëren

Urgentie en schaarste zijn krachtige drijfveren voor conversie, en daarom moet u deze psychologische principes opnemen in uw CTA-kopie.

Neem een voorbeeld aan Amazon en hun slimme "Only 1/2/3 left in stock" disclaimer die zelfs besluiteloze klanten ertoe aanzet het product meteen te bestellen voordat iemand anders het inpikt.

Mensen zien producten die schaars zijn of bijna zijn uitverkocht als waardevoller, wat op zijn beurt de angst om iets te missen (FOMO) aanwakkert. U kunt op dit fenomeen inspelen door CTA-copy te maken die draait om beperkte productbeschikbaarheid.

Om de urgentie te benadrukken gebruikt u woorden als Nu, Onmiddellijk of Vandaag.

De CTA op de homepage van Bed Bath & Beyond is een goed voorbeeld van een combinatie van urgentie en schaarste. Klanten worden uitgenodigd om "nu te winkelen" omdat de aanbieding geldig is tot 8 januari, maar deze kans wordt nog eens extra beperkt door de toevoeging "zolang de voorraad strekt". Het feit dat de CTA zelf zich in een grote rode banner boven de vouw bevindt, maakt hem nog opvallender en overtuigender.

Create a sense of urgency - Bed Bath & Beyond (Bron: Bed Bath & Beyond)

De homepage van januari heeft een CTA met een iets andere kijk op urgentie. De zorgvuldig gekozen formulering "Word lid van de wachtlijst" creëert een buzz rond de app en genereert vraag door te suggereren dat er andere potentiële klanten zijn die ongeduldig wachten op de lancering. Deze eenvoudige maar intrigerende CTA werkt omdat hij een enigszins exclusieve uitstraling heeft - het is alsof je op een lijst van een VIP-club komt.

Create a sense of urgency - January (Bron: januari)

4. Neem krachttermen op

Zoals hun naam al aangeeft, hebben power words het vermogen om emotie op te roepen bij uw potentiële klanten. 95% van de aankoopbeslissingen zijn onbewust, wat betekent dat gevoelens een belangrijke rol spelen in het proces.

Dus, inclusief krachtige woorden zoals

  • Gratis
  • Verbazingwekkend
  • Nieuw
  • Effectief
  • Gemakkelijk
  • Onmiddellijk
  • Gegarandeerd
  • Geen risico.
  • Gecertificeerd
  • Beschermd
  • Getest
  • Geverifieerd
  • Extra

zal de juiste snaar raken bij uw publiek en hen tot actie aanzetten.

Zoals u ziet, zijn sommige van deze woorden bedoeld om klanten ervan te overtuigen dat het veilig is om op de knop te klikken en een aankoop te doen of zich in te schrijven voor een nieuwsbrief. Andere zijn gericht op het benadrukken van de waardepropositie van uw aanbod.

De homepage van Evernote belooft gebruikers dat ze hun leven kunnen organiseren met de app, terwijl de CTA hen verleidt zich gratis aan te melden. En wie kan zo'n verleidelijk aanbod weigeren?

Include power words - Evernote (Bron: Evernote)

Op dezelfde manier nodigt de CTA op de homepage van BaseLang gebruikers uit om te beginnen met hun Spaanse lessen voor "slechts $1", wat het op één na beste is van het aanbieden van een gratis service. De algemene berichtgeving van het merk is krachtig met behulp van andere krachtige woorden zoals "onbeperkt" of "all-you-can-eat", die beide de waarde communiceren van het aanbod dat potentiële klanten een week kunnen proberen en een symbolisch bedrag van $1 betalen.

Include power words - BaseLang (Bron: BaseLang)

5. Laat uw CTA eruit springen

U hebt waarschijnlijk wel eens gehoord van de 15-secondenregel, volgens welke u slechts een kwart minuut hebt om de aandacht van uw bezoekers te trekken. Dat geeft u niet veel speelruimte, wat betekent dat u snel moet handelen en ervoor moet zorgen dat de CTA een van de eerste dingen is die mensen opvallen wanneer ze op uw webpagina terechtkomen.

Wat kleur toevoegen is een van de beste manieren om dit doel te bereiken. Er zijn verschillende meningen over welke kleur de conversie verhoogt, maar de jury is er nog niet uit. We kunnen echter gerust concluderen dat het er niet zozeer om gaat of je rood, groen, blauw of geel kiest, maar dat het gaat om het creëren van contrast.

U kunt bijvoorbeeld zogenaamde complementaire kleuren gebruiken die zich aan weerszijden van het kleurenwiel bevinden. Als uw webpagina overwegend blauw is, zal een oranje CTA een sterk contrast vormen.

De homepage van Menlo Caoching is wit en grijs, dus het gedurfde rood dat ze kozen voor de CTA maakt hem onmiddellijk zichtbaar. Het ontwerp profiteert ook van de negatieve ruimte, die de CTA-knop extra accentueert en doet opvallen tegen de neutrale achtergrond.

Make your CTA pop (Bron: Menlo Coaching)

6. Wees niet vaag

Verwacht niet dat je bezoekers conclusies trekken over wat er nu gaat gebeuren - vertel het ze.

CTA-knoppen met "Klik hier" of "Verzenden" brengen mensen alleen maar in verwarring, en dat is het slechtste wat je kunt doen.

De kunst is om uw bezoekers duidelijk te maken hoe zij er baat bij hebben om actie te ondernemen en hen te informeren over de volgende stap.

Dropbox gebruikt deze "what's in it for me"-aanpak op hun homepage door hun potentiële klanten te vertellen dat ze door op de CTA-knop te klikken het beste plan voor zichzelf kunnen vinden. Het is duidelijk dat ze op de volgende pagina details, kenmerken en vergelijkingen zullen vinden die hen zullen helpen bij het nemen van een beslissing.

Don’t be vague (Bron: Dropbox)

7. Voeg sociaal bewijs toe

Als het gaat om het converteren van prospects, werkt niets beter dan sociaal bewijs. 87% van de aankoopbeslissingen begint met online onderzoek, terwijl klanten gemiddeld tien beoordelingen lezen voordat ze een bestelling plaatsen.

Maar omdat u niet wilt dat uw potentiële klanten uw website verlaten terwijl ze zoeken naar klantbeoordelingen en getuigenissen, kunt u hen het beste ter plekke sociaal bewijs laten zien voordat u hen de CTA voorlegt.

Zo bouwt u vertrouwen op en neemt u eventuele twijfels over de aankoop weg.

Dat is precies wat Buffer doet op hun homepage. Hun CTA's zijn gekoppeld aan citaten van tevreden klanten die benadrukken hoe het gebruik van het platform hun leven gemakkelijker maakt. Om een extra laag van geloofwaardigheid toe te voegen heeft het merk namen en foto's van klanten opgenomen. Deze eenvoudige tactiek gaat heel ver, want het geeft een gezicht aan de naam en maakt sociaal bewijs authentieker.

Add social proof (Bron: Buffer)

8. Houd de dingen eenvoudig

Alle tips die we tot nu toe hebben besproken, kunnen u de indruk geven dat uw CTA's overdreven moeten zijn om te werken.

Maar de waarheid is dat eenvoud vaak wordt onderschat.

Maak kennis met Ranktracker

Het alles-in-één platform voor effectieve SEO

Achter elk succesvol bedrijf staat een sterke SEO-campagne. Maar met talloze optimalisatietools en -technieken om uit te kiezen, kan het moeilijk zijn om te weten waar te beginnen. Nou, vrees niet meer, want ik heb precies het ding om te helpen. Ik presenteer het Ranktracker alles-in-één platform voor effectieve SEO

We hebben eindelijk de registratie voor Ranktracker helemaal gratis geopend!

Maak een gratis account aan

Of log in met uw gegevens

In veel gevallen zult u goede resultaten behalen door uw CTA eenvoudig te houden, zowel wat het ontwerp als het conversieproces betreft.

De CTA op de homepage van Jira voldoet aan alle voorwaarden met de CTA "Ga verder met Google". Het venijn zit hem in de details, en hoewel er hier ogenschijnlijk niet veel aan de hand is, ligt de effectiviteit van deze CTA in het feit dat het de zaken super eenvoudig maakt voor degenen die besluiten zich aan te melden.

In plaats van een ingewikkeld aanmeldingsproces bespaart Jira gebruikers tijd door ze via hun Google-account toegang te geven tot het platform. Het duurt slechts een paar klikken, en er is geen vervelende formulering die verantwoordelijk is voor veel verlaten registraties en winkelwagentjes. Bovendien bevat de tekst dat magische open-sesamwoord, Gratis, dat in staat is twijfelaars te overtuigen om te klikken en door te gaan.

Keep things simple (Bron: Jira)

Inpakken

De oproep tot actie is misschien het kleinste ontwerpelement op uw webpagina, maar het belang ervan is enorm. Zonder dat weten potentiële klanten niet wat u van hen verwacht en wat hun volgende stap moet zijn. Besteed dus zorgvuldig aandacht aan het ontwerp van uw CTA's en maak ze niet te licht. Met deze tactieken kunt u ervoor zorgen dat de kliks binnenstromen.

Felix Rose-Collins

Felix Rose-Collins

Co-founder

is the Co-founder of Ranktracker, With over 10 years SEO Experience. He's in charge of all content on the SEO Guide & Blog, you will also find him managing the support chat on the Ranktracker App.

Begin Ranktracker te gebruiken... Gratis!

Ontdek wat uw website belemmert in de ranking.

Maak een gratis account aan

Of log in met uw gegevens

Different views of Ranktracker app