• UI & UX

Klikkaa: 8 vinkkiä tehokkaaseen CTA-suunnitteluun

  • Felix Rose-Collins
  • 5 min read
Klikkaa: 8 vinkkiä tehokkaaseen CTA-suunnitteluun

Intro

Googlen hakutulosten ensimmäiselle sivulle pääseminen ja yleisön huomion saaminen on todellinen haaste, sillä ihmiset harvoin klikkaavat toisen sivun tuloksia. Sivuston optimointi SEO:n kannalta on välttämätöntä tämän tavoitteen saavuttamiseksi.

Tämä ei kuitenkaan tarkoita, että kymmenen parhaan joukossa oleva sijoitus takaa sinulle oletusarvoisesti hyvän konversioluvun. On totta, että voit odottaa verkkosivuston kävijämäärän kasvavan, mutta konversioiden kannalta on toinenkin ratkaiseva tekijä - tehokas toimintakutsu.

CTA:n tärkein tehtävä on ohjata kävijöitä kohti seuraavaa askelta ja kannustaa heitä ryhtymään toimiin - tilaamaan uutiskirje, lataamaan e-kirja, ostamaan tuote tai palvelu tai rekisteröitymään kokeiluun.

Huonosti suunniteltu CTA on kuitenkin yhtä hyvä kuin ei mitään, sillä se ei tuota klikkauksia eikä helpota konversioita.

Tässä artikkelissa käsittelemme parhaita vinkkejä vastustamattomien CTA-kohtien suunnitteluun, joita asiakkaasi eivät voi olla klikkaamatta. Lue lisää ja opi lisää!

1. Käytä tahmeaa sivupalkin CTA:ta

CTA-kohtien tarkoituksena on kiinnittää kävijöiden huomio ja saada heidät klikkaamaan.

Joillakin verkkosivuilla, kuten etusivuilla tai blogikirjoituksissa, on paljon sisältöä, ja CTA-kohteet sulautuvat helposti muiden elementtien joukkoon ja jäävät käytännössä näkymättömiin.

Tapaa Ranktracker

All-in-One-alusta tehokkaaseen hakukoneoptimointiin

Jokaisen menestyvän yrityksen takana on vahva SEO-kampanja. Mutta kun tarjolla on lukemattomia optimointityökaluja ja -tekniikoita, voi olla vaikea tietää, mistä aloittaa. No, älä pelkää enää, sillä minulla on juuri oikea apu. Esittelen Ranktracker all-in-one -alustan tehokasta SEO:ta varten.

Olemme vihdoin avanneet Ranktrackerin rekisteröinnin täysin ilmaiseksi!

Luo ilmainen tili

Tai Kirjaudu sisään omilla tunnuksillasi

Kirjoita tahmea sivupalkin CTA.

Tämä kelluva painike kiinnitetään verkkosivun sivulle, ja se pysyy näkyvissä, kun käyttäjä selaa sivua ylös- ja alaspäin ilman, että se on liian tungetteleva tai häiritsevä. Sinun ei tarvitse huolehtia siitä, unohtaako potentiaalinen asiakas mahtavan tarjouksesi lukiessaan artikkelia tai tutustuessaan asiakkaiden arvosteluihin.

ATH Sport antaa 10 % alennuksen ensimmäisestä tilauksesta ja mainostaa tätä kannustinta kotisivuillaan ja koko verkkosivustollaan ottamalla käyttöön tahmean sivupalkin CTA-lukeman "Save 10%". Näin kävijöitä muistutetaan hienovaraisesti toimimaan ja lunastamaan alennus.

Use a sticky sidebar CTA (Lähde: ATH Sport)

2. Hyödynnä negatiivista tilaa

Yksi suurimmista virheistä, jonka voit tehdä CTA-kohtaasi liittäessäsi, on sen hautaaminen keskelle massiivista tekstilohkoa. Se on varma tapa, jolla kävijät eivät huomaa sitä ja lähtevät pois muuntamatta sitä.

Älä pelkää hyödyntää negatiivista tilaa eli aluetta, joka on jätetty ilman tekstiä tai muita elementtejä. Ympäröimällä CTA-painiketta valkoisella tilalla voit luoda visuaalisen katkoksen, joka auttaa kiinnittämään katsojan huomion painikkeeseen.

Mitä vähemmän häiriötekijöitä CTA-kohdan ympärillä on, sitä helpommin sitä klikataan.

Tapaa Ranktracker

All-in-One-alusta tehokkaaseen hakukoneoptimointiin

Jokaisen menestyvän yrityksen takana on vahva SEO-kampanja. Mutta kun tarjolla on lukemattomia optimointityökaluja ja -tekniikoita, voi olla vaikea tietää, mistä aloittaa. No, älä pelkää enää, sillä minulla on juuri oikea apu. Esittelen Ranktracker all-in-one -alustan tehokasta SEO:ta varten.

Olemme vihdoin avanneet Ranktrackerin rekisteröinnin täysin ilmaiseksi!

Luo ilmainen tili

Tai Kirjaudu sisään omilla tunnuksillasi

Flamingo antaa etusivun CTA:lle tarpeeksi tilaa ja erottaa sen muista elementeistä, jolloin kävijöiden huomio kiinnittyy tärkeimpään tavoitteeseen - lomaseurannan lisäämiseen Slackiin. Vaikka valkoista tilaa on paljon, muotoilu ei näytä tyhjältä tai keskeneräiseltä, joten oikean tasapainon löytäminen on avainasemassa.

Leverage negative space (Lähde: Flamingo)

3. Luo tunne kiireellisyydestä

Kiireellisyys ja niukkuus ovat tehokkaita konversiota edistäviä tekijöitä, minkä vuoksi sinun tulisi sisällyttää nämä psykologiset periaatteet CTA-kopioosi.

Ota mallia Amazonista ja sen nokkelasta "varastossa vain 1/2/3 jäljellä" -lausekkeesta, joka kannustaa epäröiviä asiakkaita tilaamaan tuotteen heti ennen kuin joku muu nappaa sen.

Ihmiset pitävät tuotteita, joita on niukasti tai jotka ovat pian loppumassa, arvokkaampina, mikä puolestaan laukaisee pelon siitä, että jää paitsi (FOMO). Voit hyödyntää tätä ilmiötä laatimalla CTA-kopion, joka käsittelee tuotteen rajallista saatavuutta.

Korosta kiireellisyyttä käyttämällä ajoitussanoja, kuten Nyt, Heti tai Tänään.

Bed Bath & Beyondin kotisivun CTA on hyvä esimerkki kiireellisyyden ja niukkuuden yhdistämisestä. Asiakkaita kehotetaan "Osta nyt", koska tarjous on voimassa 8. tammikuuta asti, mutta tämä mahdollisuus on lisäksi minimoitu lisäämällä "Niin kauan kuin tavaraa riittää". Se, että CTA-kohta itse on suuressa punaisessa bannerissa, joka on sijoitettu taiton yläpuolelle, tekee siitä entistäkin silmiinpistävämmän ja vakuuttavamman.

Create a sense of urgency - Bed Bath & Beyond (Lähde: Bed Bath & Beyond)

Tammikuun etusivulla on CTA, jonka kiireellisyys on hieman erilainen. Huolellisesti muotoiltu sanamuoto "Liity odotuslistalle" luo sovelluksen ympärille pöhinää ja synnyttää kysyntää antamalla ymmärtää, että on muitakin potentiaalisia asiakkaita, jotka odottavat malttamattomina lanseerausta. Tämä yksinkertainen mutta kiehtova CTA toimii, koska se antaa hieman eksklusiivisen tunnelman - se on kuin pääsisi VIP-klubin listalle.

Create a sense of urgency - January (Lähde: tammikuu)

4. Sisällytä voimasanat

Nimensä mukaisesti voimasanoilla on kyky herättää tunteita potentiaalisissa asiakkaissasi. 95 prosenttia ostopäätöksistä tehdään alitajuisesti, mikä tarkoittaa, että tunteilla on tärkeä rooli prosessissa.

Joten, mukaan lukien voimasanat kuten

  • Vapaa
  • Amazing
  • Uusi
  • Tehokas
  • Helppo
  • Välittömästi
  • Taattu
  • Ei riskiä
  • Sertifioitu
  • Suojattu
  • Testattu
  • Vahvistettu
  • Extra

iskee oikeaan sointuun yleisössäsi ja saa heidät ryhtymään toimiin.

Kuten näet, joidenkin sanojen tarkoituksena on vakuuttaa asiakkaat siitä, että on turvallista klikata painiketta ja tehdä ostos tai tilata uutiskirje. Toiset keskittyvät korostamaan tarjouksesi arvolupausta.

Evernoten etusivulla käyttäjilleluvataan, että he voivat järjestää elämänsä sovelluksen avulla, ja CTA-kohta houkuttelee rekisteröitymään ilmaiseksi. Ja kuka voisi kieltäytyä näin houkuttelevasta tarjouksesta?

Include power words - Evernote (Lähde: Evernote)

Vastaavasti BaseLangin etusivun CTA-kohta kutsuu käyttäjiä aloittamaan espanjan tunnit "vain 1 dollarilla", mikä on seuraavaksi paras asia ilmaisen palvelun tarjoamisen rinnalla. Tuotemerkin yleinen sanomanvälitys on tehokas muiden voimasanojen, kuten "rajoittamaton" tai "all-you-can-eat", avulla, jotka molemmat viestivät sen tarjouksen arvosta, että potentiaaliset asiakkaat voivat kokeilla viikon ajan ja maksaa symbolisen 1 dollarin maksun.

Include power words - BaseLang (Lähde: BaseLang)

5. Tee CTA:stasi ponnahduslauta

Olet varmasti kuullut 15 sekunnin säännöstä, jonka mukaan sinulla on vain neljännes minuutista aikaa kiinnittää kävijöiden huomio. Tämä ei anna sinulle paljon liikkumavaraa, joten sinun on toimittava nopeasti ja varmistettava, että CTA on ensimmäisten asioiden joukossa, jotka ihmiset huomaavat, kun he saapuvat verkkosivullesi.

Värin lisääminen on yksi parhaista tavoista saavuttaa tämä tavoite. On olemassa erilaisia mielipiteitä siitä, mikä väri lisää konversioita, mutta tuomaristo ei ole vielä selvillä tästä asiasta. On kuitenkin turvallista päätellä, että kyse ei ole niinkään siitä, valitsetko punaisen, vihreän, sinisen vai keltaisen, vaan kontrastin luomisesta.

Voit esimerkiksi käyttää niin sanottuja täydentäviä värejä, jotka ovat väriympyrän vastakkaisilla puolilla. Jos verkkosivusi on enimmäkseen sininen, oranssi CTA luo voimakkaan kontrastin.

Menlo Caochingin etusivulla on valkoista ja harmaata, joten CTA-kohtaan valittu rohkea punainen väri tekee siitä välittömästi näkyvän. Suunnittelussa on myös hyötyä negatiivisesta tilasta, joka korostaa CTA-painiketta ja saa sen erottumaan neutraalista taustasta.

Make your CTA pop (Lähde: Menlo Coaching)

6. Älä ole epämääräinen

Älä odota kävijöiden tekevän johtopäätöksiä siitä, mitä seuraavaksi tapahtuu - kerro heille.

CTA-painikkeet, joissa lukee "Klikkaa tästä" tai "Lähetä", vain hämmentävät ihmisiä, ja se on pahinta, mitä voit tehdä.

Temppu on kertoa kävijöille selkeästi, miten he hyötyvät toimista ja mikä on seuraava askel.

Dropbox käyttää tätä "mitä hyötyä siitä on minulle" -lähestymistapaa etusivullaan kertomalla potentiaalisille asiakkailleen, että klikkaamalla CTA-painiketta he voivat löytää itselleen parhaan mahdollisen paketin. On selvää, että seuraavalla sivulla he löytävät suunnitelman yksityiskohdat, ominaisuudet ja vertailut, jotka auttavat heitä päätöksen tekemisessä.

Don’t be vague (Lähde: Dropbox)

7. Lisää sosiaalinen todiste

Mikään ei toimi paremmin kuin sosiaalinen todiste, kun on kyse potentiaalisten asiakkaiden muuntamisesta. 87 prosenttia ostopäätöksistä alkaa verkkotutkimuksella, ja asiakkaat lukevat keskimäärin kymmenen arvostelua ennen tilauksen tekemistä.

Koska et kuitenkaan halua, että potentiaaliset asiakkaasi poistuvat verkkosivustoltasi, kun he etsivät asiakasarvosteluja ja suositteluja, on parasta näyttää heille sosiaalinen todiste juuri siellä ennen CTA-kohteen esittämistä.

Näin rakennat luottamusta ja hälventät mahdolliset epäilykset, joita heillä saattaa olla ostosta.

Juuri näin Buffer tekee kotisivuillaan. Heidän CTA-kohtiinsa on liitetty tyytyväisten asiakkaiden sitaatteja, joissa korostetaan, miten alustan käyttö helpottaa heidän elämäänsä. Lisätäkseen uskottavuutta brändi on lisännyt asiakkaiden nimet ja valokuvat. Tällä yksinkertaisella taktiikalla päästään pitkälle, sillä se antaa nimelle kasvot ja tekee sosiaalisesta todisteesta aidomman.

Add social proof (Lähde: Buffer)

8. Pidä asiat yksinkertaisina

Kaikki tähän mennessä käsittelemämme vinkit saattavat antaa sinulle sen vaikutelman, että CTA-kohtien on oltava yliampuvia toimiakseen.

Totuus on kuitenkin se, että yksinkertaisuus on usein aliarvostettua.

Tapaa Ranktracker

All-in-One-alusta tehokkaaseen hakukoneoptimointiin

Jokaisen menestyvän yrityksen takana on vahva SEO-kampanja. Mutta kun tarjolla on lukemattomia optimointityökaluja ja -tekniikoita, voi olla vaikea tietää, mistä aloittaa. No, älä pelkää enää, sillä minulla on juuri oikea apu. Esittelen Ranktracker all-in-one -alustan tehokasta SEO:ta varten.

Olemme vihdoin avanneet Ranktrackerin rekisteröinnin täysin ilmaiseksi!

Luo ilmainen tili

Tai Kirjaudu sisään omilla tunnuksillasi

Monissa tapauksissa saat hyviä tuloksia pitämällä CTA:n yksinkertaisena sekä suunnittelun että muuntoprosessin kannalta.

Jiran etusivun CTA tarkistaa kaikki laatikot "Jatka Googlen kanssa" CTA:lla. Paholainen piilee yksityiskohdissa, ja vaikka tässä ei näennäisesti tapahdu paljon mitään, tämän CTA:n tehokkuus perustuu siihen, että se tekee asioista erittäin yksinkertaisia niille, jotka päättävät rekisteröityä.

Monimutkaisen rekisteröitymisprosessin sijaan Jira säästää käyttäjien aikaa antamalla heille mahdollisuuden käyttää alustaa Google-tilinsä kautta. Se vie vain pari klikkausta, eikä tarvitse täyttää ärsyttäviä lomakkeita, jotka ovat syynä moniin hylättyihin rekisteröinteihin ja ostoskoreihin. Lisäksi kopiossa on se maaginen, avoimen seesamin voimasana Free, joka pystyy vakuuttamaan epäilijät klikkaamaan ja jatkamaan.

Keep things simple (Lähde: Jira)

Pakkaaminen

Toimintakutsu saattaa olla verkkosivusi pienin suunnitteluelementti, mutta sen merkitys on valtava. Ilman sitä potentiaaliset asiakkaat eivät tietäisi, mitä odotat heidän tekevän ja mitä heidän pitäisi tehdä seuraavaksi. Harkitse siis huolellisesti CTA-kutsujen suunnittelua äläkä vähättele niitä. Näillä taktiikoilla varmistat, että klikkauksia tulee runsaasti.

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.

Aloita Ranktrackerin käyttö... ilmaiseksi!

Selvitä, mikä estää verkkosivustoasi sijoittumasta.

Luo ilmainen tili

Tai Kirjaudu sisään omilla tunnuksillasi

Different views of Ranktracker app