• BRUKERGRENSESNITT OG BRUKEROPPLEVELSE

Få klikket: 8 tips for effektiv utforming av CTA

  • Felix Rose-Collins
  • 6 min read
Få klikket: 8 tips for effektiv utforming av CTA

Introduksjon

Å nå den første siden i Googles søkeresultater og få publikums oppmerksomhet er en reell utfordring, ettersom folk sjelden klikker på et resultat på side to. Optimalisering av nettstedet ditt for SEO er et must for å nå dette målet.

Men dette betyr ikke at en topp ti-plassering nødvendigvis vil sikre deg en god konverteringsfrekvens som standard. Det er sant at du kan forvente en økning i trafikken på nettstedet, men det er et annet element som er avgjørende for konverteringer - en effektiv oppfordring til handling.

Hovedoppgaven til en CTA er å lede besøkende til neste trinn og oppmuntre dem til å handle - abonnere på et nyhetsbrev, laste ned en e-bok, kjøpe et produkt eller en tjeneste eller registrere seg for en prøveperiode.

En dårlig utformet CTA er imidlertid like god som ingen, siden den ikke vil generere klikk og legge til rette for konverteringer.

I denne artikkelen skal vi dekke de beste tipsene for å designe uimotståelige CTA-er som potensielle kunder ikke kan la være å klikke på. Les videre for å lære mer!

1. Bruk en sticky sidebar CTA

CTA-er handler om å fange de besøkendes oppmerksomhet og få dem til å klikke.

Noen nettsider, for eksempel hjemmesider eller blogginnlegg, har mye innhold, og det er lett for CTA-er å smelte sammen med alle de andre elementene og bli praktisk talt usynlige.

Møt Ranktracker

Alt-i-ett-plattformen for effektiv søkemotoroptimalisering

Bak enhver vellykket bedrift ligger en sterk SEO-kampanje. Men med utallige optimaliseringsverktøy og teknikker der ute å velge mellom, kan det være vanskelig å vite hvor du skal begynne. Vel, frykt ikke mer, for jeg har akkurat det som kan hjelpe deg. Vi presenterer Ranktracker alt-i-ett-plattformen for effektiv SEO.

Vi har endelig åpnet registreringen til Ranktracker helt gratis!

Opprett en gratis konto

Eller logg inn med påloggingsinformasjonen din

Skriv inn en sticky sidebar CTA.

Denne flytende knappen er festet til siden av en nettside og forblir synlig når brukeren blar opp og ned på siden uten å være for påtrengende eller distraherende. Du trenger ikke å bekymre deg for om en potensiell kunde vil glemme det fantastiske tilbudet ditt mens de leser en artikkel eller sjekker ut kundeanmeldelser.

ATH Sport gir 10 % rabatt på den første bestillingen og promoterer dette insentivet på hjemmesiden og på hele nettstedet ved å implementere en CTA på siden med teksten "Spar 10 %". På den måten blir besøkende subtilt påminnet om å handle og kreve rabatt.

Use a sticky sidebar CTA (Kilde: ATH Sport)

2. Utnytte negativt rom

En av de største feilene du kan gjøre med CTA-en din, er å begrave den midt i en massiv tekstblokk. Det er en sikker måte for besøkende å gå glipp av det og forlate uten å konvertere.

Ikke vær redd for å få mest mulig ut av negativ plass, det vil si det området i et design som ikke er okkupert av tekst eller andre elementer. Ved å omgi CTA-en din med hvit plass kan du skape en visuell pause som bidrar til å trekke seerens oppmerksomhet mot knappen.

Jo færre distraksjoner rundt CTA, jo mer klikkbart vil det være.

Møt Ranktracker

Alt-i-ett-plattformen for effektiv søkemotoroptimalisering

Bak enhver vellykket bedrift ligger en sterk SEO-kampanje. Men med utallige optimaliseringsverktøy og teknikker der ute å velge mellom, kan det være vanskelig å vite hvor du skal begynne. Vel, frykt ikke mer, for jeg har akkurat det som kan hjelpe deg. Vi presenterer Ranktracker alt-i-ett-plattformen for effektiv SEO.

Vi har endelig åpnet registreringen til Ranktracker helt gratis!

Opprett en gratis konto

Eller logg inn med påloggingsinformasjonen din

Flamingo gir CTA-en på hjemmesiden deres nok pusterom og skiller den fra de andre elementene, og trekker dermed de besøkendes oppmerksomhet mot hovedmålet - å legge til permisjonssporing i Slack. Til tross for mye hvit plass ser ikke designet tomt eller uferdig ut, så det er viktig å finne den rette balansen.

Leverage negative space (Kilde: Flamingo)

3. Skape en følelse av at det haster

Haster og knapphet er kraftige konverteringsdrivere, og derfor bør du inkludere disse psykologiske prinsippene i CTA-teksten din.

Ta et stikkord fra Amazon og deres smarte "Bare 1/2/3 igjen på lager"-ansvarsfraskrivelse som ber selv ubesluttsomme kunder om å bestille produktet med en gang før noen andre snapper det.

Folk oppfatter produkter som er knappe eller i ferd med å bli utsolgt som mer verdifulle, noe som igjen utløser frykten for å gå glipp av (FOMO.) Du kan spille på dette fenomenet ved å lage CTA-tekst som dreier seg om begrenset produkttilgjengelighet.

For å understreke at det haster, bruk tidsord som Nå, Umiddelbart eller I dag.

CTA på hjemmesiden til Bed Bath & Beyond er et godt eksempel på å kombinere både haster og knapphet. Kundene inviteres til å "Handle nå" ettersom tilbudet er gyldig til og med 8. januar, men denne muligheten minimeres ytterligere ved å legge til "Så langt lageret rekker". Det faktum at CTA i seg selv er innenfor et stort rødt banner plassert over folden, gjør det enda mer slående og overbevisende.

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

Januars hjemmeside har en CTA med et litt annerledes syn på haster. Den nøye utformede formuleringen "Bli med på ventelisten" skaper oppmerksomhet rundt appen og genererer etterspørsel ved å antyde at det er andre potensielle kunder som utålmodig venter på lanseringen. Denne enkle, men spennende CTA-en fungerer fordi den gir en litt eksklusiv stemning - det er som å komme på listen til en VIP-klubb.

Create a sense of urgency - January (Kilde: januar)

4. Inkluder kraftord

Som navnet antyder, har kraftord evnen til å vekke følelser hos potensielle kunder. 95 % av kjøpsbeslutninger er ubevisste, noe som betyr at følelser spiller en viktig rolle i prosessen.

Så, inkludert kraftord som

  • Gratis
  • Forbløffende
  • Ny
  • Effektiv
  • Lett
  • Øyeblikkelig
  • Garantert
  • Ingen risiko
  • Sertifisert
  • Beskyttet
  • Testet
  • Verifisert
  • Ekstra

vil treffe den rette tonen hos publikum og få dem til å handle.

Som du kan se, tar noen av disse ordene sikte på å overbevise kundene om at det er trygt å klikke på knappen og foreta et kjøp eller abonnere på et nyhetsbrev. Andre fokuserer på å fremheve tilbudets verdiforslag.

Evernotes hjemmeside lover brukerne at de vil kunne organisere livet sitt med appen, mens CTA lokker dem til å registrere seg gratis. Og hvem kan si nei til et så fristende tilbud?

Include power words - Evernote (Kilde: Evernote)

På samme måte inviterer BaseLangs hjemmeside CTA brukerne til å komme i gang med spanskundervisningen for "bare 1 dollar", noe som er det nest beste etter å tilby gratis tjenester. Merkevarens overordnede budskap er slagkraftig ved hjelp av andre kraftfulle ord som "ubegrenset" eller "all-you-can-eat", som begge kommuniserer verdien av tilbudet som potensielle kunder kan prøve ut i en uke og betale en symbolsk avgift på 1 dollar.

Include power words - BaseLang (Kilde: BaseLang)

5. Få din CTA til å poppe opp

Du har sikkert hørt om 15-sekundersregelen, som sier at du bare har et kvart minutt på deg til å fange de besøkendes oppmerksomhet. Dette gir deg ikke mye handlingsrom, noe som betyr at du må handle raskt og sørge for at CTA er noe av det første folk legger merke til når de lander på nettsiden din.

Å sprute litt farge er en av de beste måtene å oppnå dette målet på. Det er forskjellige meninger om hvilken farge som øker konverteringer, men juryen er fortsatt ute på denne. Det er imidlertid trygt å konkludere med at det ikke handler så mye om hvorvidt du velger rødt, grønt, blått eller gult, men om å skape kontrast.

Du kan for eksempel bruke såkalte komplementære farger som er på motsatte sider av fargehjulet. Hvis nettsiden din for det meste er blå, vil en oransje CTA skape en sterk kontrast.

Menlo Caochings hjemmeside har hvitt og grått, så den dristige røde fargen de valgte for CTA, gjør den umiddelbart synlig. Designet drar også nytte av det negative rommet, som i tillegg fremhever CTA-knappen og får den til å skille seg ut mot den nøytrale bakgrunnen.

Make your CTA pop (Kilde: Menlo Coaching)

6. Ikke vær vag

Ikke forvent at de besøkende skal trekke konklusjoner om hva som skjer videre - fortell dem det.

CTA-knapper som sier "Klikk her" eller "Send inn" vil bare forvirre folk, og det er det verste du kan gjøre.

Trikset er å kommunisere tydelig til de besøkende hvordan de vil dra nytte av å handle og informere dem om hva neste skritt er.

Dropbox bruker denne "hva får jeg ut av det"-tilnærmingen på hjemmesiden sin ved å fortelle potensielle kunder at de kan finne det beste abonnementet for seg selv ved å klikke på CTA-knappen. Det er åpenbart at de på neste side vil finne detaljer om abonnementet, funksjoner og sammenligninger som vil hjelpe dem med å ta en beslutning.

Don’t be vague (Kilde: Dropbox)

7. Legg til sosiale bevis

Når det gjelder å konvertere potensielle kunder, er det ingenting som fungerer bedre enn sosiale bevis. 87 % av kjøpsbeslutningene starter med undersøkelser på nettet, og kundene leser i gjennomsnitt ti anmeldelser før de legger inn en bestilling.

Men siden du ikke vil at potensielle kunder skal forlate nettstedet ditt mens de søker etter kundeanmeldelser og attester, er det best å vise dem sosiale bevis der før du presenterer dem for CTA.

På denne måten bygger du tillit og fjerner eventuell tvil de måtte ha om kjøpet.

Det er akkurat det Buffer gjør på hjemmesiden sin. CTA-ene deres er kombinert med sitater fra fornøyde kunder som fremhever hvordan bruk av plattformen gjør livet deres enklere. For å legge til enda et lag med troverdighet inkluderte merkevaren kundenes navn og bilder. Denne enkle taktikken kommer langt ettersom den gir navnet et ansikt og gjør det sosiale beviset mer autentisk.

Add social proof (Kilde: Buffer)

8. Hold ting enkelt

Alle tipsene vi har diskutert så langt, kan gi deg inntrykk av at CTA-ene dine må være overdrevne for å fungere.

Men sannheten er at enkelhet ofte undervurderes.

Møt Ranktracker

Alt-i-ett-plattformen for effektiv søkemotoroptimalisering

Bak enhver vellykket bedrift ligger en sterk SEO-kampanje. Men med utallige optimaliseringsverktøy og teknikker der ute å velge mellom, kan det være vanskelig å vite hvor du skal begynne. Vel, frykt ikke mer, for jeg har akkurat det som kan hjelpe deg. Vi presenterer Ranktracker alt-i-ett-plattformen for effektiv SEO.

Vi har endelig åpnet registreringen til Ranktracker helt gratis!

Opprett en gratis konto

Eller logg inn med påloggingsinformasjonen din

I mange tilfeller får du gode resultater ved å holde CTA-en enkel både når det gjelder design og konverteringsprosessen.

Jira's hjemmeside CTA sjekker alle boksene med deres "Fortsett med Google" CTA. Djevelen ligger i detaljene, og selv om det tilsynelatende ikke skjer så mye her, ligger effektiviteten til denne CTA-en i det faktum at den gjør ting superenkelt for de som bestemmer seg for å registrere seg.

I stedet for en komplisert registreringsprosess sparer Jira brukernes tid ved å la dem få tilgang til plattformen via Google-kontoen sin. Det tar bare et par klikk, og det er ingen irriterende skjemautfylling som er ansvarlig for mange forlatte registreringer og handlekurver. I tillegg inneholder kopien det magiske ordet " gratis", som kan overbevise folk som sitter på gjerdet til å klikke og fortsette.

Keep things simple (Kilde: Jira)

Avslutning

Oppfordring til handling er kanskje det minste designelementet på nettsiden din, men det er svært viktig. Uten den vil potensielle kunder ikke vite hva du forventer at de skal gjøre og hva deres neste trekk bør være. Så tenk nøye gjennom utformingen av CTA-ene dine og ikke krenk dem. Disse taktikkene vil hjelpe deg med å sikre at klikkene strømmer inn.

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.

Begynn å bruke Ranktracker... Gratis!

Finn ut hva som hindrer nettstedet ditt i å bli rangert.

Opprett en gratis konto

Eller logg inn med påloggingsinformasjonen din

Different views of Ranktracker app