Ohjaa kävijä oikeaan paikkaan – näin käytät linkkejä ja CTA-painikkeita verkkosivuillasi
Kuvitellaan, että potentiaalinen asiakas on löytänyt verkkosivuillesi. Hän on kiinnostunut palvelustasi, lukee muutaman rivin tekstiä ja ajattelee: Hei, tämähän voisi olla juuri sitä, mitä tarvitsen!
Mutta mitä sitten?
Mistä hän pääsee tutustumaan palveluun tarkemmin? Entä miten hän löytää hinnaston, yhteystiedot tai ajanvarauksen?
Jos kävijä joutuu itse metsästämään seuraavaa askelta, saatat menettää potentiaalisen asiakkaan juuri siinä vaiheessa, kun kiinnostus on herännyt.
Verkkosivujen tehtävä ei ole pelkästään kertoa, mitä tarjoat. Niiden pitää myös auttaa kävijää etenemään.
Ja tähän tarvitaan linkkejä ja toimintakehotteita (CTA).
Mikä on CTA ja miksi se on niin tärkeä?
CTA tulee englannin sanoista Call to Action, ja sillä tarkoitetaan toimintakehotetta.
Käytännössä CTA on kehotus, joka kertoo verkkosivujen kävijälle, mitä hänen kannattaa tehdä seuraavaksi.
Esimerkiksi:
Tutustu palveluihin
Katso hinnasto
Varaa aika
Pyydä tarjous
Lue lisää aiheesta
Ota yhteyttä
CTA voi olla painike, tekstilinkki, klikattava kuva tai muu elementti, joka ohjaa kävijää eteenpäin.
Hyvä CTA tekee kaksi asiaa: se kertoo, mitä kävijä voi tehdä, ja tekee toiminnasta mahdollisimman helppoa.
Ajattele verkkosivujasi vähän kuin kauppaa. Asiakas saattaa löytää kiinnostavan tuotteen, mutta jos kassalle ei ole minkäänlaisia opasteita, ostaminen muuttuu tarpeettoman hankalaksi ja pyörit kaupassa turhan kauan ja se alkaa ärsyttää.
Verkkosivuilla toimintakehotteet ovat juuri näitä opasteita.
Ne voivat ohjata kohti ostamista tai yhteydenottoa, mutta yhtä hyvin niiden tehtävä voi olla auttaa kävijää löytämään lisää tietoa ennen päätöksentekoa.
Kaikki CTA eivät siis ole suoria myyntikehotuksia. Myös ”Tutustu palveluun” tai ”Lue asiakkaiden kokemuksia” voi olla tärkeä askel matkalla kohti ostopäätöstä sekä auttavat kulkemaan sivuilla luontevasti asiasta toiseen.
Toimintakehotteiden kanssa ei tarvitse säästellä!
Yksi yleinen verkkosivujen ongelma on, että toimintakehoite löytyy vain sivun alusta tai aivan lopusta.
Mutta verkkosivujen kävijät eivät käyttäydy kuin kirjan lukijat.
He eivät välttämättä aloita ensimmäisestä kappaleesta ja etene kiltisti sivun viimeiseen pisteeseen.
Sen sijaan he silmäilevät, selaavat, hyppivät osioiden välillä ja etsivät juuri sillä hetkellä tarvitsemaansa tietoa.
Joku saattaa olla valmis varaamaan ajan heti etusivun ensimmäisessä näkymässä. Toinen haluaa ensin lukea palvelusta, kolmas tarkistaa hinnat ja neljäs tutustua yrittäjään ennen kuin tekee päätöksen.
Siksi toimintakehotteita kannattaa sijoittaa jokaiselle tärkeälle sivulle useampaan kohtaan, tasaisin ja luontevin väliajoin. Kävijä valitsee mitä hän klikkaa, mutta ainakin hänelle tarjotaan se mahdollisuus valita siirtyä luontevasti eteenpäin.
Esimerkiksi palvelusivulla voi olla:
Sivun alussa painike ajanvaraukseen.
Palvelun kuvauksen jälkeen linkki hinnastoon.
Usein kysyttyjen kysymysten jälkeen uusi painike ajanvaraukseen tai yhteydenottoon.
Samaa tärkeää toimintoa saa siis tarjota useamman kerran!
Tarkoitus ei kuitenkaan ole ripotella painikkeita jokaiseen väliin kuin strösseleitä jäätelöön.
Hyvä nyrkkisääntö on, että kävijällä pitäisi olla luonteva seuraava askel tarjolla aina, kun hän on saanut riittävästi tietoa edetäkseen.
Pitkällä sivulla tämä tarkoittaa usein useampaa toimintakehotetta. Lyhyellä sivulla niitä tarvitaan vähemmän.
Esimerkki: Psykologi Emilia Laineen verkkosivut
Otetaan avuksi kuvitteellinen psykologi Emilia Laine, joka tarjoaa psykologin vastaanottopalveluita nuorille ja nuorille aikuisille Tampereella ja käydään läpi hänen kuvitteellinen etusivunsa rakenne ohjauksineen.
1. Etusivun ensimmäinen näkymä: tutustu palveluun
Emilian etusivun aloitusosiossa lukee:
—————————
Psykologin tukea nuorille ja nuorille aikuisille Tampereella
Kaikkea ei tarvitse selvittää yksin. Painavatko opiskelupaineet, stressi tai tulevaisuuden epävarmuus mieltä? Tarjoan nuorille ja nuorille aikuisille turvallisen tilan pysähtyä, tulla kuulluksi ja keskustella elämän haasteista sekä löytää keinoja oman hyvinvoinnin tueksi.
—————————
Teksti kertoo selkeästi, mitä Emilia tarjoaa ja kenelle.
Mutta mitä kävijän pitäisi tehdä seuraavaksi?
Lisätään etusivulle muutama harkittu ohjaus.
Hero-osion alle lisätään painike:
[Tutustu palveluihin →]
Painike vie palvelusivulle, jossa kerrotaan tarkemmin eri palveluista ja siitä, millaisissa tilanteissa psykologin tuki voi auttaa.
Tämä on hyvä ensimmäinen askel ihmiselle, joka on kiinnostunut mutta ei vielä valmis varaamaan aikaa.
2. Palveluiden esittely: katso hinnat ja ajanvaraus
Hieman alempana etusivulla Emilia kertoo vastaanotostaan vaikka avaa vielä lisää palveluvalikoimaansa ja siitä, miten tapaamiset käytännössä toimivat.
Osion lopussa on painike:
[Katso hinnat ja ajanvaraus →]
Nyt kävijä, joka on jo saanut riittävästi tietoa, pääsee suoraan seuraavaan vaiheeseen.
Hänen ei tarvitse palata sivun alkuun tai etsiä ajanvarausta navigaatiosta.
3. Esittelyosio: tutustu psykologiin
Psykologin vastaanotolle hakeutuminen voi tuntua isolta askeleelta. Siksi osa kävijöistä haluaa ensin tietää, millainen ihminen vastaanotolla on vastassa.
Emilian esittelytekstin yhteyteen lisätään linkki:
[Tutustu Emiliaan →]
Se vie Tietoa minusta -sivulle.
Tämäkin on CTA, vaikka se ei johda suoraan ajanvaraukseen. Se auttaa kävijää saamaan tietoa, joka voi olla tärkeää päätöksenteossa.
4. Etusivun loppu: vielä yksi mahdollisuus edetä
Kun kävijä on selannut koko etusivun, häntä ei jätetä umpikujaan.
Sivun lopussa voisi lukea:
Kaipaatko tukea omaan tilanteeseesi?
Voit tutustua vapaisiin vastaanottoaikoihin ja varata itsellesi sopivan ajan.
[Katso vapaat ajat →]
Nyt myös sivun loppuun asti selannut kävijä löytää helposti seuraavan askeleen.
Huomaatko, miten eri toimintakehotteet palvelevat eri tilanteissa olevia kävijöitä?
Yksi haluaa tutustua palveluun, toinen psykologiin ja kolmas on jo valmis varaamaan ajan.
Hyvin suunnitellut linkit ja CTA antavat jokaiselle mahdollisuuden edetä omaan tahtiinsa.
Linkki ei tarkoita aina painiketta
Kun puhutaan toimintakehotteista, mieleen tulee helposti iso värikäs nappi.
Mutta verkkosivuilla voi ohjata kävijöitä eteenpäin monella muullakin tavalla.
Painikkeet
Painikkeet eli buttonit sopivat erityisesti tärkeimpiin toimintakehotteisiin.
Esimerkiksi:
[Varaa aika →]
[Pyydä tarjous →]
[Tutustu palveluihin →]
Painike erottuu muusta sisällöstä ja kertoo selkeästi, että siitä voi klikata eteenpäin.
Tekstilinkit
Linkki voi olla myös osa tavallista tekstiä.
Esimerkiksi:
Jos mietit, sopisiko vastaanotto juuri sinun tilanteeseesi, voit lukea lisää vastaanoton käytännöistä ja usein kysytyistä kysymyksistä (josta viimeiset esimerkiksi ‘usein kysytyistä kysymyksistä’ ovat linkkinä).
Tekstilinkit toimivat erityisen hyvin silloin, kun haluat tarjota lukijalle lisätietoa keskeyttämättä tekstin lukemista.
Klikattavat kuvat ja kortit
Myös kuva, palvelukortti tai muu visuaalinen elementti voi toimia linkkinä.
Esimerkiksi Emilian etusivulla voisi olla kaksi palvelukorttia:
Nuorten vastaanotto
Tutustu palveluun →
Nuorten aikuisten vastaanotto
Tutustu palveluun →
Kortista tai sen painikkeesta pääsee suoraan kyseisen palvelun omalle sivulle.
Jos koko kortti tai kuva on klikattava, tee siitä selkeästi tunnistettava. Kävijän ei pitäisi joutua arvailemaan, mistä voi klikata.
Selkeät linkit tekevät verkkosivuista käyttäjäystävällisemmät
Hyvä verkkosivusto ei pakota kävijää miettimään jatkuvasti, mistä jokin tieto löytyy.
Kun tärkeisiin sisältöihin on linkkejä oikeissa paikoissa, sivustolla liikkuminen tuntuu luontevalta.
Esimerkiksi Emilian sivuilla palveluista kertovalta sivulta voisi päästä suoraan hinnastoon ja ajanvaraukseen ja jokaisen palvelun omalle tarkemmalle esittelysivulle. Hinnastosivulta taas voisi olla linkki vastaanoton käytäntöihin tai yhteystietoihin.
Näin kävijä voi liikkua hänelle tärkeiden tietojen välillä ilman, että hänen täytyy aina palata päävalikkoon.
Hyvä sisäinen linkitys on siis ennen kaikkea hyvää asiakaspalvelua.
Myös linkkien sanamuodoilla on väliä.
Vertaa näitä:
”Klikkaa tästä”
ja
”Tutustu vastaanoton hintoihin”
Jälkimmäinen kertoo heti, minne linkki vie.
Selkeät linkkitekstit auttavat myös esimerkiksi ruudunlukijaa käyttäviä kävijöitä ymmärtämään linkkien tarkoituksen.
Sisäiset linkit auttavat myös hakukoneita
Tässä tulee vielä yksi mukava lisäetu: verkkosivujen sisäinen linkitys on hyödyllistä myös hakukoneoptimoinnin kannalta.
Sisäisillä linkeillä tarkoitetaan linkkejä, jotka vievät verkkosivustosi yhdeltä sivulta toiselle saman sivuston sisällä.
Esimerkiksi Emilian etusivulta johtava linkki palvelu -sivulle on sisäinen linkki.
Samoin palvelusivulta hinnastoon johtava linkki.
Sisäiset linkit auttavat hakukoneita löytämään sivustosi sisältöjä ja ymmärtämään, miten eri sivut liittyvät toisiinsa.
Kun linkkien tekstit kuvaavat selkeästi niiden kohdetta, ne antavat hakukoneillekin lisätietoa linkitetyn sivun aiheesta.
Sisäinen linkitys ei yksin takaa parempia hakusijoituksia, mutta se on tärkeä osa selkeästi rakennettua ja hakukoneystävällistä verkkosivustoa.
Ja mikä parasta: sama parannus voi auttaa sekä oikeita ihmisiä että hakukoneita.
Ei huono diili yhdelle pienelle linkille!
Kokeile itse: lisää etusivulle selkeät ohjaukset
Nyt voit itse laittaa tämän käytäntöön! Tämän harjoituksen tavoitteena on varmistaa, että etusivusi kävijä löytää helposti eteenpäin.
Sinun ei tarvitse uudistaa koko sivustoa tai rakentaa monimutkaista asiakaspolkua. Voit tarkistaa vaikka heti etusivusi aktivoinnit ja tehdä lisäyksiä tarpeen mukaan. Tee näin:
1. Päätä tärkein seuraava askel
Mieti, mikä on yrityksesi kannalta tärkein asia, jonka haluaisit etusivun kävijän tekevän.
Esimerkiksi:
Varaavan ajan
Ottavan yhteyttä
Pyytävän tarjouksen
Tutustuvan palveluihin
Ostavan tuotteen
Valitse yksi tärkein toiminto.
Jos kävijä ei vielä ole valmis siihen, voit tarjota rinnalle myös kevyemmän vaihtoehdon, kuten palveluihin tutustumisen.
2. Tarkista etusivun nykyiset linkit
Avaa etusivusi ja selaa sitä alusta loppuun. Katso, mistä kävijä pääsee etenemään. Löytyykö ensimmäisestä näkymästä selkeä toimintakehote? Entä sivun keskivaiheilta ja lopusta?
Jos kävijä kiinnostuu palvelustasi kesken sivun, löytyykö läheltä sopiva linkki eteenpäin?
Huomaa myös, jos jokin linkki on epäselvä tai vie väärään paikkaan.
3. Lisää tai päivitä kolme ohjausta
Avaa etusivu Squarespacen muokkaustilassa.
Lisää tai päivitä mahdollisuuksien mukaan kolme ohjausta:
Etusivun alkuun: Tärkein CTA-painike, esimerkiksi ”Tutustu palveluihin”.
Sopivaan kohtaan sivun keskivaiheille: Tekstilinkki tai painike, joka liittyy juuri siinä kohdassa esiteltävään sisältöön.
Etusivun loppuun: Selkeä toimintakehote, esimerkiksi ”Varaa aika” tai ”Ota yhteyttä”.
Jos etusivullasi on jo hyvät painikkeet, sinun ei tarvitse lisätä uusia vain lisäämisen ilosta. Voit käyttää tämän ajan niiden tekstien, sijoittelun ja kohdeosoitteiden parantamiseen.
Tärkeintä on, että ohjaukset tuntuvat luontevilta ja vievät oikeisiin paikkoihin.
4. Testaa linkit
Tallenna muutokset ja avaa etusivu tavallisessa katselutilassa.
Klikkaa jokainen lisäämäsi tai muokkaamasi linkki läpi.
Viekö se oikealle sivulle?
Onko linkkitekstistä selvää, mitä klikkauksen jälkeen tapahtuu ja tuntuuko linkitykset luontevilta?
Näkyvätkö painikkeet ja linkit hyvin myös mobiilissa?
Jos kaikki toimii, olet valmis! ✓
Valmista tuli – nyt verkkosivusi näyttävät suuntaa!
Tänään et rakentanut koko sivuston myyntipolkua uusiksi tai tehnyt mitään massiivista muutosta, mutta sait varmistettua, ettei kiinnostunut kävijä jää etusivullasi ihmettelemään, minne hänen pitäisi mennä seuraavaksi.
Selkeät toimintakehotteet tekevät verkkosivuista helpommat käyttää ja auttavat potentiaalisia asiakkaita etenemään kohti yhteydenottoa tai ostamista.
Ja muista: linkkien kanssa ei tarvitse säästellä.
Kun kävijälle tarjotaan sopivia jatkopolkuja eri puolilla sivustoa, hänen on helpompi löytää tarvitsemansa tieto ja tehdä päätöksiä omassa tahdissaan.
Haluatko ottaa Squarespacen linkit ja bUTTONIT paremmin haltuun?
Squarespacessa linkkejä voi lisätä tekstien lisäksi esimerkiksi painikkeisiin eli buttoneihin, kuviin ja muihin sisältöelementteihin.
Hyvä CTA kertoo, mitä kävijän kannattaa tehdä seuraavaksi. Mutta myös sillä on väliä, miltä klikattavat buttonit näyttävät ja miten niitä käytetään eri puolilla sivustoa.
Kun buttonien tyylit ja käyttötavat ovat yhtenäiset, sivustosta tulee selkeämpi ja kävijän on helpompi hahmottaa, mistä klikata seuraavaksi.
Kaikki Squarespace buttoneista -miniohjeessa opit, miten Squarespacen buttonien ulkoasua, tyylejä ja asetuksia muokataan sekä miten saat ne toimimaan yhtenäisesti eri puolilla sivustoa.
Yhtenäiset buttonit tekevät sivustosta selkeämmän ja helpomman käyttää
Buttonit eli painikkeet ovat verkkosivujen pieniä mutta tärkeitä elementtejä. Niillä ohjataan kävijää tutustumaan palveluihin, ottamaan yhteyttä, tekemään ostoksia tai siirtymään seuraavaan vaiheeseen.
Squarespacessa buttoneiden lisääminen on helppoa, mutta niiden ulkoasuun, toimintaan ja sijoitteluun liittyy yllättävän monta asetusta ja mahdollisuutta. Ja kun niitä oppii käyttämään, saa niistä paljon enemmän irti eikä tarvitse ihmetellä miksi jokainen button näyttää vähän erilaiselta.
Tämän Squarespace video-ohjeen avulla opit, miten buttoneita lisätään, muokataan ja käytetään eri tilanteissa. Saat buttoneiden tärkeimmät asetukset haltuun ja opit tekemään sivustollesi yhtenäisiä, toimivia ja omaan ilmeeseesi sopivia painikkeita ilman turhaa kokeilua ja säätämistä.
Mitä ohje sisältää?
Ohjeessa käydään käytännönläheisesti läpi:
buttoneiden lisääminen Squarespacessa
buttoneiden eri koot ja tyylit
buttoneiden ulkoasun muokkaaminen, kuten värit, muodot, reunukset ja fontit
buttoneiden yhteiset tyyliasetukset ja niiden vaikutus koko sivustoon
buttoneiden käyttö eri Squarespace-elementeissä (kuten lomakkeissa, evästebannerissa ja headerissa)
buttoneiden toimivuuteen ja käytettävyyteen liittyvät hyvät käytännöt
buttoneiden animaatiot
Näitä asioita käydään läpi videon (25 min) muodossa, jonka avulla näet, mistä asetukset löytyvät Squarespacessa ja miten niitä käytetään.
Tämän ohjeen katsomisen jälkeen osaat hyödyntää Squarespacen buttoneiden asetuksia monipuolisemmin ja tiedät, miten saat ne toimimaan sekä visuaalisesti että käytännössä.
Kenelle miniohje sopii?
Ohje sopii sinulle, jos käytössäsi on Squarespace 7.1 ja haluat oppia käyttämään sivustosi buttoneita ja niiden asetuksia monipuolisemmin ja saada selkeyden miksi buttonit näyttävät aina eri tilanteissa hieman erilaiselta ja miten toimia, että saat yhtenäisen ja selkeän käyttötavan.
Olitpa rakentamassa ensimmäisiä Squarespace-sivujasi, päivittämässä olemassa olevaa sivustoa tai tekemässä verkkosivuja asiakkaillesi, tästä ohjeesta saat käytännön apua buttoneiden kanssa työskentelyyn.
Et tarvitse aikaisempaa teknistä osaamista. Tavoitteena on, että tiedät ohjeen katsomisen jälkeen mitä kaikkea Squarespacen buttoneilla voi tehdä ja mistä niiden asetukset löytyvät.
Tämä on digitaalinen tuote, joka on käytettävissä heti oston jälkeen. Kun hyväksyt toimituksen aloitettavaksi heti, menetät samalla kuluttajansuojalain mukaisen 14 päivän peruuttamisoikeuden.
