Löydy verkosta
Myy enemmän
Kehity‍ tiedolla

Tekijä: Sininen Härkä

Verkkosivuston vaatimusmäärittely on avain onnistuneeseen sivustoprojektiin

Posted on by Sininen Härkä

Oletko joskus törmännyt verkkosivuprojektissa tilanteeseen, jossa projektin edetessä alkaa yllättäen rönsyilemään toiveita ominaisuuksista, asioista ja osioista, joista ei projektin alussa ollut mitään puhetta? Me olemme.  

Usein taustalla tähän on se, ettei projektin alussa olla pystytty kartoittamaan riittävän hyvin asiakkaan tai sivuston loppukäyttäjän tarpeita. Toisin sanoen, verkkosivuston vaatimusmäärittely on saattanut jäädä projektin alkutaipaleilla vaillinaiseksi. Mitä vaatimusmäärittely sitten verkkosivustoprojektissa sisältää ja miksi siihen kannattaa panostaa?  

Miksi verkkosivuston vaatimusmäärittely tehdään?  

Laadukkaan verkkosivuston rakentaminen vaatii tarkkaa ja huolellista suunnittelua, jotta valmiilla sivustolla saavutetaan liiketoiminnan tavoitteet sekä luodaan lisäarvoa asiakkaille, mikä lisää asiakastyytyväisyyttä.  

Verkkosivuston vaatimusmäärittelyn avulla sivustoprojektille linjataan tavoitteet, tarkoitus, kohderyhmät sekä toiminnallisuudet. Eli määritellään, miksi verkkosivusto on olemassa, mitä sen pitäisi tehdä ja kuinka.   

Mitä vaatimusmäärittelyyn tulee sisällyttää? 

Meillä sivuston vaatimusmäärittely toteutetaan yhdessä asiakkaiden kanssa projektin kick-offissa. Vaatimusmäärittely on aina projektikohtainen, mutta sen runko on kutakuinkin jaettu seuraaviin vaiheisiin. 

1. Tarkoituksen määrittely: Miksi verkkosivusto on olemassa?

Sivustoprojektin alussa on hyvä pohtia, miksi sivusto on ylipäätään olemassa, mitä haasteita se ratkaisee ja minkälaisia odotuksia ja tavoitteita sivustolle asetetaan. Olivatpa tavoitteet myynnin kasvattaminen, palveluiden ja referenssien esittely tai työnantajakuvan parempi esilletuonti, on sivuston tarkoitus tärkeää linjata heti alkuun.  

Tavoitteet ja tarkoitus toimivat tärkeinä ohjenuorina niin sivuston käyttöliittymäsuunnittelussa kuin teknisessä toteutuksessa.  

2. Sivuston käyttäjien määrittely: Kenelle verkkosivusto on tarkoitettu? 

Verkkosivustot rakennetaan lähtökohtaisesti aina loppukäyttäjiä eli yrityksen asiakkaita varten. Sivuston käyttäjien määrittelyllä pyritään löytämään ja täyttämään asiakkaiden tarpeet. Käyttäjien määrittelyä voi lähestyä muun muassa ostajapersoonien tai käyttäjätarinoiden kautta.  

Me käytämme tähän pääsääntöisesti käyttäjätarinoita (user mapping), joilla määritellään kriteerit sille, mitä käyttäjän pitäisi pystyä tekemään verkkosivustolla. Esimerkiksi ravintolan verkkosivuilla asiakkaan tulisi pystyä löytämään ravintolan menu sekä tekemään pöytävaraus.  

Käyttäjätarinat helpottavat hahmottamaan sivustokävijöiden tarpeita ja siten tukemaan asiakaslähtöisen käyttöliittymän suunnittelua. Lisäksi käyttäjätarinoiden kriteerejä voidaan hyödyntää sivuston testausvaiheessa antamalla nämä samat tehtävät testiryhmän suoritettavaksi. Testiryhmän käyttäytymisen perusteella voidaan analysoida, kuinka hyvin kriteerit sivustolla täyttyvät. 

3. Verkkosivuston alustavan rakenteen määrittely 

Visuaalinen suunnittelijamme hahmottelee verkkosivuston lopullisen rakenteen käyttöliittymäsuunnittelun yhteydessä.  

Vaatimusmäärittelyvaiheessa rakennamme yhdessä asiakkaan kanssa alustavan sivustokartan, johon listataan verkkosivustolle tulevat sisältötyypit, sivut sekä taksonomiat, kuten kategoriat ja tagit. Rakennetta määriteltäessä voidaan myös hahmotella alustavaa sivustohierarkiaa sekä kuvailla tarvittaessa sivuille tulevaa sisältöjä muutamalla lauseella. 

4. Toiminnallisten vaatimusten määrittely 

Toiminnallisten vaatimusten määrittelyssä otetaan kantaan sivuston ominaisuuksiin, käytettävyyteen ja toimintoihin, eli määritellään, miten sivusto käytännössä toimii.  Tällaisia toimintoja voivat olla vaikkapa sivuston monikielinen toteutus, analytiikka- ja seurantatyökalut, hakutoiminnot tai suorituskykyvaatimukset. 

Toiminnallisia vaatimuksia määriteltäessä voidaan ottaa myös kantaa esimerkiksi yhteydenottolomakkeen pakollisiin kenttiin tai siihen, mihin käyttäjä ohjataan, kun hän on lähettänyt lomakkeen onnistuneesti.  

Myös mahdolliset integraatiot esimerkiksi toiminnanohjausjärjestelmän ja verkkokaupan välillä tai somesyötteen upottaminen sivustolle ovat olennainen osa toiminnallisten vaatimusten määrittelyä. 

5. Sivuston visuaalisuuden määrittely 

Visuaalisuuden määrittely riippuu pitkälti siitä, onko yrityksen visuaalinen ohjeisto jo valmiina vai luodaanko se sivustoprojektin yhteydessä.  

Visuaalisia elementtejä suunnitellessa voidaan määritellä esimerkiksi värit, fontit, animaatiot ja linkkien hover-efektit. Mikäli visuaalista ohjeistoa ei vielä ole olemassa, voidaan sellainen toteuttaa esimerkiksi Sinisen Härän visuaalisen ilmeen workshopissa.  

Huolellisella vaatimus­määrittelyllä onnistuneeseen loppu­tulokseen 

Mitä yksityiskohtaisemmin sivuston vaatimusmäärittelyn tekee, sitä paremmin välttyy projektin aikana tulevilta yllätyksiltä, joihin ei olla osattu suunnitteluvaiheessa varautua. Tällä vältetään niin projektin budjetin kuin aikataulun venähtäminen.  

Tohdin väittää, että huolella tehty vaatimusmäärittely vaikuttaa merkittävästi sivustoprojektin onnistumiseen, joten siihen kannattaa ehdottomasti käyttää aikaa ja huolellista ajatustyötä. 

Jos verkkosivuston uudistus on ajankohtaista, lue kuinka verkkosivuprojekti meillä etenee! 

Näin hyödynnät Advanced Custom Fields -lisäosaa WordPress-verkkosivuillasi

Posted on by Sininen Härkä

Julkaisimme alkuvuodesta artikkelin, jossa developerimme Netta kirjoitti parhaista verkkosivutoteutuksissa käyttämistämme WordPress-lisäosista. Listan kärkipaikalla komeilee Advanced Custom Fields eli ACF, jonka peruskäyttöön pureudun nyt tarkemmin.

Mikä on ACF ja miksi sitä kannattaa käyttää?

ACF:n perusperiaate on tehdä sivuston sisältöjen muokkaamisesta mahdollisimman vaivatonta. Olit sitten kokenut WordPressin taitaja tai verkkosivumaailman vasta-alkaja, Advanced Custom Fields on kätevä lisäosa jokaiselle käyttäjälle ja sivustolle.

Normaalisti WordPressin sivujen muokkausnäkymässä pystyy otsikon ja sisältötekstin lisäksi muokkaamaan ja lisäämään mahdollisia kategorioita, yhden artikkelikuvan ja Artikkelit-sisältötyypillä vielä otteen. ACF mahdollistaa kustomoitujen lisäkenttien tekemisen eli sivujen ja artikkeleiden muokkausnäkymään saadaan kyseisen lisäosan avulla luotua lisäpaikkoja esimerkiksi tekstille, kuville, videoille, valintakentille ja monelle muulle – jopa Google-kartalle.

Näitä lisäkenttäpaikkoja on mahdollista asettaa näkymään mille sivulle tai sisältötyypille tahansa. Kentät saa asetettua livesaitille visuaalisesti haluttuihin kohtiin sivuston rakennuksessa käytetyn muokkaimen tai PHP-koodin avulla.

ACF:n myötä sivuston sisältöjen lisäyksiä tai muutoksia ei tarvitse toteuttaa devaajan toimesta, vaan muokkauksia on mahdollista tehdä helposti WordPressin sivueditorissa. Käytämmekin kyseistä lisäosaa jokaisessa verkkosivuprojektissamme toteuttaaksemme dynaamisia, asiakkaan itse helposti muokattavia sivustoja.

Miten Advanced Custom Fieldsiä käytetään?

Kun Advanced Custom Fields on ladattu lisäosien kirjastosta käyttöön, löytyy se WordPressin ohjauspaneelista (käyttökielestä riippuen) nimellä Lisäkentät. Kenttiä lisätään ryhmittäin, jolloin koko kenttäryhmää on helpompi hallinnoida ja esimerkiksi samalle sivulle haluttujen kenttien sijainti voidaan määritellä suoraan ryhmälle.

Käytän esimerkkinä asiantuntijalausunto-osion rakentamista yksittäisen palvelun sivulle, joka on Custom Post Type UI -lisäosalla toteutettu oma artikkelityyppinsä. ACF ja CPT UI ovat keskenään yhteensopivia lisäosia, joita molempia käytämme yhdessä sivustojen rakennuksessa.

Koska melkein jokaiselle kenttätyypille on omat asetuksensa, käyn tällä kertaa ACF:n käyttöä läpi perustasolla vain esimerkkini kautta. Tarkemmat speksit kaikkiin eri asetuksiin löytyy lisäosan omasta, hyvin kattavasta dokumentaatiosta erikseen jokaisen kenttätyypin kohdalta. ACF Pro -version mukana saatavia kenttätyyppejä ja muita lisäominaisuuksia tarkastelen hieman tämän artikkelin lopussa.

Kenttäryhmä ja lisäkenttä

Kenttäryhmän lisäämisen pääsee aloittamaan klikkaamalla ”Lisää uusi” Lisäkentät-otsikon alta. Ryhmään lisätään uusi kenttä ”+ Lisää kenttä” -napista.

1.    Lisää kenttäryhmälle kuvaava otsikko

Otsikko näkyy mm. kenttäryhmien koontisivulla sekä sivueditorissa kyseisen ryhmän kenttien yläpuolella.

2.   Lisää yksittäisen kentän nimiö ja nimi

Kirjoita nimiöön kenttää hyvin kuvaava nimi, sillä nimiö näkyy kentän nimenä muokkausnäkymässä. Nimi-kohta täyttyy nimiön mukaan automaattisesti.

3.   Valitse sopiva kenttätyyppi

Kenttätyyppi on se, joka määrittää, millaisia lisäpaikkoja muokkausnäkymään halutaan tuoda. Kenttätyyppejä on yli 30, joten valinnanvaraa löytyy – riippuen toki lisäkentän käyttötarkoituksesta.

Asiantuntijalausunto-kentälle valitsin tyypiksi tekstialueen, sillä pelkkä tekstikenttä on vain yhden rivin korkuinen, kun taas tekstialue on suurempi, jolloin kenttään on helpompi kirjoittaa pidempää tekstiä. Tekstialueen muokkausnäkymän koon voi määrittää Rivit-valinnasta, joka on automaattisesti 8.

Asiantuntijan kuva -kentän tyyppi on luonnollisesti kuva. Kuvatyypille voi asettaa esimerkiksi kuvan koon minimi- ja maksimiarvot pikseleissä, jos halutaan rajata kuvan valinta tietyn kokoisiin. Myös sallittua tiedostotyyppiä voi rajoittaa asetuksissa, mutta tässä tapauksessa jätän kaikki asetukset niin kuin ne ovatkin.

Asiantuntijan nimen ja tittelin kohtiin kenttätyypeiksi riittää perusvalinnan tekstikentät, sillä lisättävät sisällöt ovat lyhyitä ja mahtuvat yhdelle riville.

Viimeiseen luomaani kenttään, asiantuntijan yhteystietoihin, valitsin tyypiksi wysiwyg-editorin, jotta asiakkaan on helppo lisätä puhelinnumeroon sekä sähköpostiosoitteeseen linkit html-koodia osaamatta. Periaatteessa kaikki loput tiedot asiantuntijan nimestä alkaen olisi voinut toteuttaa yhden wysiwyg-editorin sisään, mutta koska visuaalisesti näillä kohdilla on erilaiset muotoilut keskenään, on asiakkaan kannalta parempi lisätä nämä erillisinä kenttinä. Tällä tavalla kenttien muokattavuus ja ohjeistus sivueditorissa on myös selkeämpää.

4.   Lisää kentän ohjeet ja valitse pakollisuus

Ohjeet näkyvät ennen lisäkenttää sivun muokkausnäkymässä ja helpottavat sisältöjen lisäämistä ja muokkausta etenkin silloin, kun muokkaaja ei ole itse lisäkenttiä luonut.

Mikäli halutaan, että kyseistä kenttää ei voi olla täyttämättä, voi sen lisätä myös pakollisena, jolloin sivua ei voi julkaista ennen kuin kenttä on täytetty.

5.   Lisää mahdollinen oletusarvo

Osalle kenttätyypeistä on mahdollista asettaa oletusarvo, jolloin kyseiselle kentälle ei tarvitse lisätä editorissa sisältöä, ellei se poikkea oletuksesta. Oletusarvoon voi tarvittaessa myös lisätä esimerkiksi html-koodinpätkän, jolloin muokkaaja pystyy helposti kopioimaan tuon koodin toisiin kenttiin ja muokkaamaan siihen halutun sisällön.

6.   Lisää mahdolliset määritteet lisäkentälle

Upeasti suomennettu kääreen määritteet (engl. wrapper attributes) mahdollistaa esimerkiksi oman classin tai id:n lisäämisen kentälle. Samassa voi myös määrittää kentän koon sivun muokkausnäkymässä. Tätä kohtaa säätämällä saa useita lisäkenttiä editointivaiheessa vierekkäin, jottei jokainen kenttä vie kokonaisen rivin leveydeltä tilaa.

Kenttäryhmän sijainti

Kenttäryhmän näkyvyyttä eri sivujen tai sisältötyyppien muokkausnäkymissä voi määrittää useita eri sääntöjä käyttäen. Luomani Palvelun asiantuntija -kenttäryhmän määrittelin näkymään kaikissa Palvelu-artikkelityypeissä.

Kenttäryhmä on myös mahdollista asettaa näkymään tietyille sivuille tai esimerkiksi artikkeleille, joille on määritelty tietyt kategoriat. Mikäli kenttäryhmä halutaan näkymään useammalla sivulla tai artikkelityypillä, voi niitä lisätä klikkaamalla ”ja”-nappia ja luomalla jokaiselle oman säännön. On myös mahdollista laittaa kenttäryhmä näkymään kaikissa sisältöä lisättävissä paikoissa, mutta sulkea pois tietyt sivut tai artikkelityypit.

Kenttäryhmän asetukset

Lopuksi kenttäryhmää luodessa voidaan määrittää koko ryhmälle tiettyjä asetuksia, joita ei kuitenkaan perustilanteissa kovin paljoa tarvitse muokata.

Kenttäryhmän sijainti on hyvä määrittää tarpeen mukaan joko normaalin sisällön jälkeiseksi eli sivumuokkaimessa sisältöeditorin alle, korkealle eli heti otsikon jälkeiseksi ennen sisältöeditoria tai reunalle eli sivumuokkaimessa oikeaan sivuun.

Asetuksissa on mahdollista muokata myös ryhmän lisäkenttien nimiön ja ohjetekstin sijaintia suhteessa täytettävään kenttään.

Kuvaukseen voi halutessaan kirjoittaa koko kenttäryhmän kuvauksen. Sivun tai artikkelin muokkausnäkymästä voi myös piilottaa tiettyjä kohteita, joita ei editorissa koe tarvitsevansa.

Kun tarvittavat asetukset ja halutut lisäkentät on luotu kenttäryhmään ja ryhmä asetettu näkymään tarvittavilla sivuilla tai artikkelityypeillä, odottavat ne enää vain sisällön lisäämistä! Ylläolevassa kuvassa näkyy, miltä lisäkentät näyttävät sivun, tässä tapauksessa yksittäisen palvelun, muokkaimessa jo lisättyine sisältöineen. Allaolevassa kuvassa näkyy visuaalinen lopputulos sivustolla.

Ilmainen versio vai Pro?

Kuten useat muutkin lisäosat, myös Advanced Custom Fields on saatavilla Pro-versiona. Vaikka ilmaisella versiolla pötkii jo melko pitkälle ja saa luotua useita sisällön lisäystä ja muokkausta helpottavia lisäkenttiä, on Pro-versiossa lisänä sellaisia ominaisuuksia, joita ehdottomasti tarvitsemme. Käytämmekin siis ACF PRO:ta kaikissa verkkosivutoteutuksissamme.

ACF PRO sisältää useampia lisäkenttätyyppejä ja ominaisuuksia verkkosivujen rakennukseen, kuten kuvagallerian, toistettavat rivit ja kloonattavat kentät. Maksullinen versio mahdollistaa esimerkiksi niin sanottujen ACF Blocksien, kuin myös joustavan sisällön luomisen.

ACF Repeater Field

Pro-versiossa mukana tuleva kenttätyyppi Repeater Field on erittäin näppärä työkalu, ja se löytyy lisäosan valinnasta nimellä ”Toista rivejä”. Kun kentän tyypiksi valitaan tämä, pystyy kyseiselle kentälle lisäämään niin sanottuja alakenttiä, jotka toimivat samalla tavalla kuin normaalisti lisättävät kenttätyypit.

Repeater Fieldiä on hyvä käyttää sellaisen sisällön luomiseen, jossa tarvitaan samoja kenttätyyppejä useaan eri kohteeseen. Kun yksi ryhmä tarvittavia kenttätyyppejä on luotu, voi sivuston muokkaaja itse lisätä kyseisen sivun muokkaimessa lisää kohteita tarvitsemansa määrän. Esimerkissäni olen käyttänyt ominaisuutta esittämään faktoja yrityksestä.

Kyseiseen esimerkkimalliin en tarvinnut kuin yhden kenttätyypin, jota voi monistaa sivun muokkaimessa. Kyseessä on teksti-kenttä, jolle lisäsin oletusarvoksi html-koodin, jotta saan faktoille haluamani muotoilut.

Sivun muokkaimessa Repeater Field tulee näkyviin kuten ylläolevassa kuvassa. Uusi fakta lisätään klikkaamalla ”Lisää fakta” -painiketta, jolloin kenttä monistuu ja ohjeen mukaisesti html-koodin sisään kirjoitetaan halutut tiedot, tässä tapauksessa aina numero ja teksti.

Esimerkissäni muotoilin yhden Repeater Field -kenttätyypin ja asetin sille käyttämässämme sivuston rakentajassa paikan, monistuu kenttä visuaalisesti ylläolevan kuvan mukaisesti. Näin asiakas tai sivun muokkaaja voi halutessaan lisätä tai poistaa faktoja ilman, että hänen tarvitsee osata sen enempää koodia tai sivuston rakentajan käyttöä.



Pro-versio tai ei, Advanced Custom Fields on erittäin tärkeä, kätevä ja uskaltaisin jopa sanoa, että korvaamaton lisäosa ja työkalu verkkosivustoja rakennettaessa. Sen avulla saadaan luotua dynaamisia sivuja ja jokaisen käyttäjän itse helposti lisättävää sekä muokattavaa sisältöä.

Näin Sinisellä Härällä tehdään verkkosivuja

Posted on by Sininen Härkä

Tervetuloa! Tässä artikkelissa käyn läpi, kuinka normaali verkkosivuprojektimme kulkee. Hahmottamisen helpottamiseksi tehdään esimerkkiprojekti Asiakas Oy:lle.

Ennen projektin aloitusta Asiakas Oy on määrittänyt verkkosivu-uudistukselleen selkeän tavoitteen. Jos tavoitteiden asettaminen aiheuttaa harmaita hiuksia, niin apua löydät esimerkiksi meidän ilmaisesta Verkkosivujen ostajan oppaasta.

  • Asiakas Oy
  • Yrityksen yhteyshenkilönä toimii Maria
  • Projektin keskeisimpänä tavoitteena on myynnin lisääminen yrityksen uusien verkkosivujen avulla ja referenssien entistä parempi esilletuonti

Tarjousvaihe

”Kiitos yhteydenotostasi!”, soitan Marialle hänen jätettyään yhteydenottopyynnön Leadoon loistavan chatbotin kautta. Tästä etenemme hänen kanssaan tarkempaan briiffiin verkkosivu-uudistuksen tarpeista ja tavoitteista. Ensimmäisessä palaverissa luonnollisesti myös esittäydytään puolin ja toisin.

Briiffistä viisastuneena lähetän Marialle kirjallisen tarjouksen sähköpostitse. Olemme briiffissä sopineet tarjouksen läpikäyntipalaverin noin viikon päähän ensimmäisestä palaverista. Tarjouksen läpikäynnin tarkoituksena on syventää asiakkaan ymmärrystä tarjouksesta, tarjottavista palveluista ja niiden hyödyistä. Läpikäynnin jälkeen tarjousta mahdollisesti tarkennetaan syvemmän yhteisen ymmärryksen saavutettuamme.

Kaikki projektiin liittyvät palaverit ja työpajat on mahdollista järjestää myös etänä.

Kuluu reilu viikko ja katson kalenteristani, että Maria on luvannut palata tarjoukseen tänään. Ilokseni iltapäivällä saankin puhelinsoiton, jossa Maria innoissaan kertoo, että he lähtevät ilolla tekemään verkkosivu-uudistusta yhteistyössä meidän kanssamme. ”Tervetuloa Sinisen Härän asiakkaaksi!”

Projektin kick-off

Kick-offin tavoitteena on, että kaikilla palaveripöydässä istuneilla on päivän päätteeksi selkeä käsitys siitä, miksi projekti aloitetaan ja kuinka se etenee.

Aikataulut on saatu asetettua yhteen ja sopiva aika projektin startille on löytynyt. Istumme alas Vallilan uuden toimistomme neuvotteluhuoneeseen pöydän notkuessa aamupalaherkkuja (kyllä, tämä on lupaus!).

Projektin kick-offiin osallistuu meidän puoleltamme koko toteuttava tiimi eli allekirjoittanut projektipäällikön ominaisuudessa, verkkosivujen tekninen toteuttaja sekä visuaalinen suunnittelija. Asiakkaan puolelta osallistujamäärää ei ole rajoitettu.

Kick-offin tavoitteena on tutustua koko projektitiimin voimin, kerrata projektin kulku, pohtia syvällisemmin projektin tavoitteita ja aloittaa rakenteen suunnittelu.

Palaverissa käydään luonnollisesti läpi myös verkkosivujen visuaalisuutta, haluttuja toiminnallisuuksia sekä asetetaan vastuualueet ja aikataulut tiimin kesken.

Vanhan sivuston läpikäynti, avainsanatutkimus, mahdollinen brändi-ilmeen uudistus ja niin edelleen

Ennen kuin projekti lähtee vauhdilla etenemään, on hyvä pysähtyä pohtimaan projektia tukevia osioita. Vanhan sivuston läpikäynti auttaa ymmärtämään, mitkä osiot ovat yrityksen näkyvyyden säilyttämiselle tai parantamiselle elintärkeitä, mitkä osiot ovat toimineet ja mitkä eivät.

Avainsanatutkimus kertoo, millä hakutermeillä yrityksen tuotteita ja/tai palveluita haetaan, millainen kilpailu kyseisillä hakutermeillä on ja kuinka paljon niitä keskimääräisesti haetaan.

Usein verkkosivuprojektin yhteydessä on tarvetta myös brändi-ilmeen uudistukselle ja sen paikka prosessissa on ehdottomasti tässä kohtaa!

Verkkosivujen käyttöliittymän suunnittelu

Verkkosivujen käyttöliittymän suunnittelu on tarkkaa työtä. Käyttöliittymän suunnittelulla ratkaistaan, minne ja miten verkkosivukävijää ohjataan sivustolla.

Periaatteessa käyttöliittymän suunnittelu on potentiaalisen asiakkaan ostoprosessin optimointia.

Vaikka käyttöliittymän suunnittelu on suurelta osin ajatustyötä, saa Maria ja Asiakas Oy lopputuotteena meiltä konkreettiset wireframing- eli rautalankamallit sivustosta. Näiden rautalankamallien tarkoituksena on mallintaa Asiakas Oy:n asiakkaan ostoprosessia ilman, että heitä häiritään vielä visuaalisilla elementeillä ja väreillä.

Verkkosivujen layoutien suunnittelu

Jes, taustatyö on tehty! Nyt päästään itse asiaan. Verkkosivujen layoutien suunnittelussa nuo aiemmin mainitut wireframing-mallit herätetään eloon.

Mitä kuvia käytetään? Hyödynnetäänkö videoita tai animaatiota? Minkä värinen call to action -painike tuottaa laadukkaita liidejä Asiakas Oy:lle? Millainen mobiiliversio sivustosta mallinnetaan? Näihin kaikkiin kysymyksiin saadaan vastaus prosessin tässä vaiheessa.

Verkkosivujen tekninen toteutus

Prosessin tässä kohtaa sininen viestikapula vaihtaa omistajaa eli vastuu projektin etenemisestä siirtyy visuaaliselta suunnittelijalta verkkosivukehittäjälle.

Me toteutamme räätälöityjä WordPress-verkkosivutoteutuksia. Meillä se tarkoittaa sitä, että loppuasiakkaan näkymän eli sen, miltä sivusto ulkopuolisille näyttää, lisäksi myös meidän asiakkaamme näkymää räätälöidään. Haluamme sivuston muokkauksen olevan asiakkaallemme helppoa ja vaivatonta, eikä se vaadi mitään koodiosaamista.

Jos ihminen osaa käyttää Facebookia, hän osaa käyttää myös meidän toteuttamaamme WordPress-verkkosivua.

Ensimmäisen kerran esittelemme asiakkaalle toiminnallista sivustoa teknisen toteutuksen puolivälissä. Tässä kohtaa siksi, että toiminnallisuuksia ollaan saatu vietyä pitkälle, mutta kommenttien ja korjausehdotusten perusteella muokkauksia voidaan vielä tehdä saman budjetin sisällä.

Tekninen toteutus sisältää myös paljon teknistä ja sisällöllistä hakukoneoptimointia, joista voit lukea lisää alla olevista linkeistä.

Lue lisää hakukoneoptimoinnista:

Verkkosivujen viimeistely ja avaus

Loppusuora häämöttää! Nyt viimeistelemme sivuston Asiakas Oy:n kommenttien mukaisesti. Tämän jälkeen varmistamme, että sivusto toimii moitteetta kaikilla verkkoselaimilla (kyllä, myös Internet Explorerilla), eri kokoisilla näytöillä ja eri laitteilla. Projektista riippuen tässä vaiheessa on hyvä myös testata sivustoa testikäyttäjillä.

Kun kaikki on valmista, sovimme Marian kanssa päivämäärän sivuston avaukselle, jonka hoidamme avaimet käteen -periaatteella. Viimeistelyn yhteydessä asennamme myös tarvittavat seurantatyökalut verkkosivuille.

Tässä vielä visuaalinen prosessikaavio avaamaan koko prosessia:

Jos uusi verkkosivusto kiinnostaa, laita sähköpostia tai moikkaa LinkedInissä.

Ps. Tämän jälkeen luonnollisesti hihat todella kääritään. Verkkosivu-uudistuksen jälkeen alkaa laadukas sisällöntuotanto, kohdennettujen kävijöiden ohjaus verkkosivuille ja sivuston jatkuva kehitys. Mutta se on eri tarina se… 😏

Lataa ilmainen verkkosivujen ostajan opas

​

​
Onko teidän yrityksessänne verkkosivu-uudistus käsillä? Siinä tapauksessa lataa ihmeessä ilmainen oppaamme. Opas on tehty auttamaan yrityksiä verkkosivujen ostamisessa ja siinä käydään läpi kilpailutuksessa huomioon otettavia asioita aina tarjouspyynnön laatimisesta toteuttajien vertailuun.
​
Lataa ilmainen opas!

10 käytännön esimerkkiä verkkosivustojen saavutettavuuden suunnittelusta

Posted on by Sininen Härkä

Verkkosivustojen saavutettavuus lienee sanapari, joka on kantautunut sinunkin korviisi lähiaikoina. Mitä verkkosivustojen saavutettavuus tarkoittaa käytännössä?

Tätä kysymystä olen pyöritellyt, pyrkinyt oppimaan aiheesta ja etsimään mahdollisimman paljon tietoa. Nostin artikkeliin käytännön vinkkejä ja esimerkkejä siitä, mitä WCAG 2.0 -standardi ja sen pohjalta luotu saavutettavuusdirektiivi tuovat mukanaan verkkosivustojen suunnitteluun.

Direktiivi koskee tällä hetkellä vain julkishallinnon verkkosivustoja, mutta koska saavutettavuus ja käytettävyys koskevat kuitenkin ihan jokaista verkkosivustoa, on asiaan hyvä perehtyä muidenkin sivustojen kohdalla.

Asia on nyt pinnalla monessa yhteydessä sen takia, että 23.9.2020 jälkeen verkkosivustojen tulee täyttää WCAG-saavutettavuusdirektiivin ehdot.   Saavutettavuusdirektiivi määrittelee, että sivustojen tulee olla myös saavutettavuutta tarvitsevien ulottuvissa.

Saavutettavuutta tarvitsevat esimerkiksi näkö-, kuulo- tai liikuntarajoitteiset. Yksinkertaistettuna saavutettavuus parantaa sivustojen käyttöä ihan kaikille, mutta erityisesti sellaisille käyttäjille, jotka käyttävät apunaan esimerkiksi lukulaitetta näkökyvyn vuoksi tai suunnistavat sivustolla pelkän näppäimistön avulla liikuntarajoitteen tai muun fyysisen rajoitteen takia.

Saavutettavuusdirektiivi on rakennettu neljän perusperiaatteen ympärille, jotka ovat seuraavat:

– Periaate 1: Havaittava – Informaatio ja käyttöliittymäkomponentit pitää esittää tavoilla, jotka käyttäjä voi havaita.

– Periaate 2: Hallittava – Käyttöliittymäkomponenttien ja navigoinnin pitää olla hallittavia.

– Periaate 3: Ymmärrettävä – Informaation ja käyttöliittymän toiminnan pitää olla ymmärrettävää.

– Periaate 4: Lujatekoinen – Sisällön pitää olla riittävän lujatekoinen, jotta se voidaan luotettavasti tulkita laajalla joukolla asiakasohjelmia, mukaan lukien avustavat teknologiat.

Saavutettavan verkkosivusuunnittelun lähtökohtana on tuoda sisältö ja tieto saataville riippumatta siitä, miten käyttäjä on sivuston kanssa vuorovaikutuksessa. Käytännössä kyse on melko simppeleistä asioista, eikä ihmeellisiä taikatemppuja vaadita.

1. Luettava selkokielinen teksti

Hyvä sisältö on avainasemassa verkkosivustolla, jonka avulla on tarkoitus tehdä myyntiä. Myyvä ja asiakasta palveleva teksti on jouhevaa, loogista ja vastaa asiakkaan ongelmiin.

Saavutettavuuden näkökulmasta hyvä myyntiteksti on selkokielistä ja helposti ymmärrettävää kaikille – myös niille, joilla on luetun ymmärtämisen tai esimerkiksi kyseisen asian termistön kanssa haasteita.

2. Sisältö myös tekstinä, ei vain kuvana

Tekstin on tärkeää olla koko sivustolla sekä mahdollisissa liitetiedostoissa luettavaa (lukulaitteella). Pelkät kuvat eivät tue saavutettavuutta ja videoissa on oltava tekstitys.

3. Esitä sisältö selkeässä hierarkiassa

Hierarkian tärkeydestä on kirjoitettu tässä blogissa jo aiemminkin (lue artikkeli ”8 periaatetta verkkosivu­suunnitteluun”), mutta myös saavutettavuuden näkökulmasta hierarkia on yksi tärkeimmistä asioista.

Sivustolla on tärkeää esittää asiat loogisessa järjestyksessä ja loogisesti skaalautuvassa järjestyksessä. Näin sisältö on helposti ymmärrettävää lukulaitteella luettaessa tai vain otsikoita selatessa.

saavutettavuus-blogiartikkeli-kuva-hierarkia

4. Värien ja kontrastien käyttö

Värin ei tulisi koskaan olla yksinään indikaattori interaktiiviselle elementille. Esimerkiksi tekstin seassa oleva hyperlinkki tulisi merkata myös alleviivauksella pelkän värin sijaan. Tällä tavoin mahdollistetaan elementtien huomaaminen myös rajoittuneemmin värejä näkeviltä.

Tekstin väriä määrittäessä on tärkeää huomioida tekstin ja pohjavärin kontrasti. Kontrastisuhteen suositellaan olevan leipätekstille vähintään 4,5:1 ja otsikkotekstille 3:1. Esimerkiksi tämä lukemasi tummanharmaa teksti valkoisella pohjalla on suhteeltaan 10,9:1. Kirkkaankeltainen teksti valkoisella pohjalla on taas kontrastisuhteeltaan vain 1,4:1, eli aivan liian vähän. Kontrastisuhteen tarkistamiseen on olemassa hyviä työkaluja, kuten tämä WebAIM:in.

saavutettavuus-blogiartikkeli-kuva-varit

5. Otsikointi ja muut tägit

Kun artikkeliin tai sisältösivulle lisätään väliotsikoita, on niiden tärkeää löytyä oikeiden otsikkotägien sisältä eikä olla esimerkiksi vain korostettu paksummalla kirjasimella. Näin lukulaitteillakin sisältö on helposti selattavaa.

Lukulaitteilla lukemista varten myös muun sisällön sijoittaminen täydellisiin tägeihin (esimerkiksi kappale sijoitetaan aina < p > </ p > tägien sisään) on merkityksellistä.

6. Lisää kuville aina alt-tekstit

Kuvalle voidaan sitä sivustolle lisätessä lisätä alt-teksti eli alternative text. Tätä on ahkerasti kuville lisätty jo pitkään hakukoneoptimoinnin nimissä, mutta tämä on saavutettavuudenkin silmissä tärkeää – mikäli sivustoa luetaan lukulaitteella, lukulaite ilmoittaa kuvan sisällön sellaisellekin, joka kuvaa ei voi nähdä.

7. Klikattavien elementtien riittävä koko

Klikattavien elementtien, kuten navigaation elementtien ja buttoneiden tulee olla tarpeeksi isoja, jotta kaikkien on mahdollista niihin tähdätä myös kosketusnäytöillä, kuten tableteilla.

8. Focus-efekti

Kun klikkaat linkkiä, niin ennen kuin käsky toteutuu (siirryt linkin mukana eteenpäin), linkin tulisi muuttua focus-tilaan. Tämä on pieneltä vaikuttava yksityiskohta hiirtä käyttävälle, mutta jos sivustoa käytetään pelkän näppäimistön avulla, on focus-tila ratkaiseva navigoinnissa.

9. Lomakkeiden otsikointi

Lomaketta rakentaessa lomakekentän ohje tulee sijoittaa otsikkoon, eikä vain lomakekentän ”sisään” paikkamerkiksi. Tässä kyse jälleen saavutettavuudesta värin ja lukulaitteella lukemisen puolesta.

saavutettavuus-blogiartikkeli-kuva-lomake

10. Anna käyttäjille tarpeeksi aikaa lukea ja käyttää tärkeää sisältöä

Erilaiset liike-efektit sivustoilla ovat koko ajan kasvussa, mutta tärkeän informaation tulisi aina olla sijoitettuna kiinteisiin elementteihin, jotka on tarpeen vaatiessa avattavissa ja suljettavissa.

Ei esimerkiksi ole riittävää, että verkkokaupan tilausvahvistus vilahtaa käyttäjälle automaattisessa pop-upissa sivustolla, vaan ikkunan tulee olla suljettavissa, jotta informaation ehtii lukea.

Lopuksi

Saavutettavien sivustojen suunnittelu on käytännössä hyvää ja inklusiivista designia, joka palvelee monenlaista asiakaskuntaa. Saavutettavuus parantaa kaikkien käyttökokemusta, eikä turhaan rajaa asiakkaista ketään ulkopuolelle. Sininen Härkä huomioi jatkossa jokaisessa projektissa pienet yksityiskohdat myös saavutettavuuden näkökulmasta.

Artikkelissa on käytetty lähteenä WGAC 2.0 -standardin lisäksi seuraavia sivustoja ja artikkeleita: https://saavutettavuusdirektiivi.fi, ”Designing for accessibility is not that hard”, Pablo Stanley.

Lataa ilmainen verkkosivujen ostajan opas

​

​
Onko teidän yrityksessänne verkkosivu-uudistus käsillä? Siinä tapauksessa, lataa ihmeessä ilmainen oppaamme. Opas on tehty auttamaan yrityksiä verkkosivujen ostamisessa, ja siinä käydään läpi kilpailutuksessa huomioon otettavia asioita aina tarjouspyynnön laatimisesta toteuttajien vertailuun.
​
Lataa ilmainen opas!

8 vinkkiä maksuttoman näkyvyyden parantamiseen Googlessa

Posted on by Sininen Härkä

Nosta yrityksesi orgaanista näkyvyyttä

Tiedonhaku on nykyään sitä, että ihmiset käyttävät hakukoneita löytääkseen tuotteita ja palveluita, joita he ovat kiinnostuneita ostamaan. Kun henkilö etsii hakukoneen kautta tarvitsemaansa tuotetta tai palvelua, suurimmalle osalle yrityksistä on tärkeää tulla nähdyksi potentiaaliselle asiakkaalle hakutuloksen kärjessä. Käytännössä, kun puhutaan hakukoneista, Suomessa tarkoitetaan Googlea (yli 96 % markkinaosuus 08/2020).

Google-näkyvyys ei ole itsestään selvää ja sen eteen tulee nähdä vaivaa, ja yrityksellä on suositeltavaa olla strategia tämän toteuttamiselle. Mikäli yritys ei perehdy orgaanisen näkyvyytensä parantamiseen, se menettää päivittäin hyviä tilaisuuksia tulla nähdyksi ja saada uusia asiakaskontakteja internetin kautta. Ammattimainen hakukoneoptimointi lisää sivuston näkyvyyttä ja sen myötä kävijöiden määrää, jonka jälkeen päämääränä on useimmiten tuloksen tekeminen sivuston kautta.

1. Toimivat avainsanat

Vaikka hakukoneita ei pysty enää harhauttamaan esimerkiksi piilottamalla avainsanoja sivulle, on edelleen äärimmäisen tärkeää löytää sivuston aitoon sisältöön sellaisia avainsanoja, joita yrityksen kohderyhmä käyttää hakukoneella etsiessään.

Avainsanatutkimuksen avulla saadaan optimoinnin kannalta elintärkeää tietoa muun muassa siitä, millaisia avainsanoja potentiaalinen asiakas käyttää etsiessään yrityksen tarjoamaa tuotetta tai palvelua.

Hyvin tavallinen virhe on valita hakusanoikseen kaikista suosituimmat sanat, jolloin hakusanat ovat kovin kilpailtuja tai vaihtoehtoisesti kalliita mainostaa.

Pahimmillaan väärin perustein valitut avainsanat ohjaavat sivustolle hyödytöntä liikennettä eli kävijöitä, jotka eivät etsi mitään sivustolta löytyvää. Google-näkyvyyden parantaminen itsessään ilman tarkkaa fokusta ei tuo yritykselle toivottua hyötyä.

Tiukentuneiden tietoturvavaatimusten vuoksi Google ei anna enää yhtä tarkkaa tietoa kävijöistä. Monesti Analyticsin puolella voidaan huomata, että suuri osa hakusanoista kätkeytyy ”Not provided”- tai ”Other”-otsikon taakse. Tämä tarkoittaa sitä, että haettuja sanoja ei voida näyttää.

Tietoturvavaatimuksista huolimatta Google Search Console (entinen Google Webmaster’s Tools) voi kuitenkin auttaa ymmärtämään, kuinka Google näkee sivuston. Tällä tiedolla sivustoa voidaan kehittää yhä paremmaksi ja sijoittua korkeammalle Googlen orgaanisissa hakutuloksissa.

Search Console -työkalu on mahdollista ja suositeltavaa linkittää Google Analytics -tiliin. Mikäli tätä ei ole vielä tehty yrityksen sivuston tileille, se onnistuu Analyticsissä seuraavaa polkua pitkin: Järjestelmänvalvoja – Hankinta – Search Console.

2. Ajankohtainen ja tuore sisältö

Blogin perustaminen on hyväksi havaittu keino lisätä sisältöä sivustolle. Perinteisten blogipostausten sijaan julkaistava sisältö voi olla paljon muutakin. Sivustolla voidaan julkaista yrityksen uutisia, tapahtumia tai mitä tahansa luontaisesti syntyvää asiaa.

Aktiivisesti tuoreella sisällöllä päivitettävät sivustot ovat houkuttelevampia hakukoneille, sillä hakukoneen silmin päivitettävällä sivustolla on käyttäjälle enemmän annettavaa.

Jokainen blogikirjoitus ja muu vastaava julkaisu kannattaa jakaa myös sosiaalisessa mediassa, sillä se auttaa omalta osaltaan lisäämään sivustolle ohjautuvaa liikennettä.

Optimointipositiivisen vaikutuksensa lisäksi blogi tarjoaa erinomaisen alustan käsitellä omiin palveluihin tai tuotteisiin liittyviä ominaisuuksia ja kysymyksiä. Mitä laaja-alaisemmin blogiin saa sisällytettyä sivuston aihealueeseen todella olennaisesti liittyviä avainsanoja, sen parempi.

Avainsanarikkaista teksteistä Google tulkitsee, että sivustolla on kattavasti esimerkiksi tarjoamiisi palveluihin liittyvää merkittävää sisältöä.

🐂 HÄRKÄVINKKI: Katso video lyhyt video, miten voit rakentaa toimivan sisältömarkkinointikoneiston ja lisätä orgaanista liikennettä sivustollanne >>

 

3. Aktivoi sivuston kävijöitä

Blogiin tai muuhun sisältöön saadut kommentit nostavat sivuston orgaanista näkyvyyttä. Kun sivuston sisältö aktivoi yleisöä, Google mitä todennäköisimmin antaa sivustolle jatkossa yhä enemmän huomiota.

Monissa blogeissa ja uutissivustoissa ei ole lainkaan kommentointimahdollisuutta, vaan ihmisiä kannustetaan siirtymään yrityksen sosiaalisen median pariin, esimerkiksi Facebookiin. Tällä tavoin liikennettä ohjataan sivustolta pois, jolloin itse sivustolla tapahtuva aktiivisuus voi jäädä toivottua vähäisemmäksi kiinnostavasta sisällöstä huolimatta.

Orgaanisen näkyvyyden parantamisen kannalta yhteisöllisen kommentoinnin tulee tapahtua nimenomaan yrityksen sivustolla, ei sen sosiaalisessa mediassa. Parhaassa tapauksessa mielenkiintoinen sisältö ja kommentointimahdollisuus kirvoittavat hyvää keskustelua, joka aktivoi käyttäjän palaamaan sivustolle jatkamaan kommentointia tai katsomaan uutta sisältöä.

Erityisesti verkkokaupan puolella aktivointia voidaan harjoittaa antamalla asiakkaalle mahdollisuus tuotearvostelun tekemiseen. Tuotearvostelun mahdollisuus kannustaa asiakasta jättämään sivustolle ”puumerkkinsä”, mikä näyttää hyvältä hakukoneiden silmissä.

Tämän lisäksi tuotearvosteluiden näkyminen sivustolla viestii muille asiakkaille, että kauppa on käynyt ja muutkin käyttävät tuotteita. Vaatekaupan puolella esimerkiksi vaatekokoon liittyvät arvostelut lisäävät asiakastyytyväisyyttä, sillä oikea koko on helpompi valita aikaisempien asiakaskokemusten perusteella.




Haluaisitko saada maksuttoman auditoinnin hakukoneliikenteenne kasvattamiseen? 🔥

4. Videot

Kuvien lisäksi videot ovat edelleen kovassa nousussa. Maailman johtavan IT- ja verkkoratkaisujen toimittajan Ciscon arvion mukaan videot tulevat muodostamaan yli 80 % kaikesta verkkoliikenteestä vuoteen 2022 mennessä. Vaikka internetissä on videoita enemmän kuin koskaan, ihmiset haluavat nähdä niitä vielä lisää. Mikäli sivustolle halutaan lisää liikennettä, sisällön luominen esimerkiksi Youtubeen ja sen linkittäminen omaan sivustoon on nykyaikainen ja tehokas keino sivuston liikenteen vilkastamiseksi.

Vaikka videoita tehdään paljon, niitä katsotaan sitäkin enemmän. Tässä, kuten muussakin tekemisessä, tulee kuitenkin tietää, mitä, miksi ja kenelle ollaan tekemässä? Videon asiayhteys kannattaa miettiä tarkoin, jotta vaivalla kuvattu materiaali ei mene hukkaan

5. Sivuston responsiivisuus

Sivuston mukautuvuus tulee nousemaan tulevaisuudessa entistä tärkeämpään rooliin. Esimerkiksi Google on siirtynyt ”Mobile-first indexiin”. Tämä tarkoittaa sitä, että Google arvioi, miltä sivuston mobiiliversio näyttää ja kuinka se vastaa sivuston todellista versiota. Mobiiliversion olemassaolo ja sen käytettävyys vaikuttavat sivuston näkyvyyteen, vaikka henkilö käyttäisi hakukonetta tavallisella tietokoneella.

Tämä kehityssuunta on looginen, sillä yhä suurempi osa hakukoneen hauista tehdään nimenomaan mobiililaitteilla ja niiden osuus tulee kasvamaan entisestään.

6. Nopeus

Vanha vinkki, mutta edelleen ajankohtainen. Hakukoneet seuraavat sivustojen nopeuksia jatkuvasti ja nopeus tiettävästi vaikuttaa sijoitukseen hakutuloksessa. Kirjoitimme sivuston nopeuden optimoinnista kokonaisen artikkelinkin, mutta suorituskyvyn parantamiseksi tulee huomioida ainakin seuraavat asiat:

  • Kuvien optimointi (koko ja kuvatiedostoformaatti)
  • Suurikokoisten tiedostojen hallinta
  • Lisäosien määrä, laatu ja yhteensopivuus
  • Riittävän hyvä alusta, esim. WP-optimoitu webhotelli

Orgaanisen näkyvyyden parantamisen lisäksi nopeus on tärkeää onnistuneen käyttökokemuksen takaamiseksi. Ihmiset haluavat löytää vastauksia kysymyksiinsä todella nopeasti, eikä kukaan varsinaisesti nauti hitaasti latautuvista sivuista.

Kun sivut latautuvat hyvin, asiakas viihtyy siellä paremmin ja saattaa ostaa herkemmin hyvin toimivalta sivustolta. Samalla hakukoneet saavat tästä signaalia, että sivustolla vietetään enemmän aikaa.

7. Laadukkaat linkit

Kuten on jo mainittu, oiva tapa lisätä sivuston liikennettä on linkittää sivusto esimerkiksi omaan Youtube-videoon. Sivustolle ohjaavat ulkoiset linkit ovat edelleen tärkeä tekijä hakukoneoptimoinnissa. Siinä missä huonoista lähteistä tulevat linkkaukset tekevät vahinkoa sivuston Google-näkyvyydelle, laadukkaat linkkaukset nostavat sitä tehokkaasti.

Linkkien viljeleminen keinotekoisesti pitkin internetiä on mennyttä aikaa, ja sellainen toiminta kannattaa lopettaa heti. Googlen kehittämät algoritmipäivitykset pitävät yhä tarkemman huolen siitä, että spämmilinkatut sivustot eivät näy hakutuloksissa lainkaan.

Linkkien hankinnassa on hyvä keskittyä määrän sijasta laatuun. Aikaa kannattaa käyttää sellaisten linkkien hankintaan, jotka liittyvät yrityksen toimintaan ja sivuston olennaiseen sisältöön. Mikäli jokin palveluntarjoaja väittää nostavansa sivuston näkyvyyden hetkessä huippuunsa, se on yleensä liian hyvää ollakseen totta.

Google kehittää päivityksiään tiuhaan tahtiin sulkeakseen pois kaiken keinotekoisen näkyvyyden kasvattamisen. Pahimmassa tapauksessa vastaavalla toiminnalla voi jopa heikentää omaa näkyvyyttään rangaistusten muodossa. Tämän vuoksi tulee siis aina keskittyä aitoon ja laadukkaaseen sisältöön ”huijaamisen” sijaan.

8. Hakukonetulosten seuranta ja optimointityön pitkäjänteisyys

Yhä paremman hakukonesijoituksen saavuttamiseksi avainsanojen toimivuutta ja hakukoneoptimoinnin vaikutuksia tulee seurata aktiivisesti. Seurannan avulla voidaan selvittää, vievätkö tehdyt muutokset sivustoa toivottuun suuntaan eli kohti aktiivisempaa liikehdintää, parempaa näkyvyyttä ja myyntiä.

Pelkän sijoituksen seurannan ohella on tärkeää tutkailla sivuston analytiikkaa kokonaisvaltaisesti. Huomioiden, mitkä avainsanat ja lähteet tuovat sivustolle eniten kävijöitä.

Parasta tässä viimeisessä vinkissä on se, että kaikki voivat suorittaa sivuston seurantaa omatoimisesti Analyticsin avulla tai ilman. Joskus on hyvä surffata omalle sivustolleen ja katsoa ulkopuolisen silmin, miltä se näyttää. Onko sivusto looginen, avautuvatko sivut sutjakkaasti tai löytyykö sieltä epäkohtia, jotka olisi syytä korjata?

Tiivistelmä

Yrityksen orgaanisen näkyvyyden parantamisessa avainsanojen tutkiminen, sisällön aktiivinen päivittäminen ja markkinointi, linkkirakenteet ja ajan tasalla pysyminen ovat asioita, joihin on jatkuvasti kiinnitettävä huomiota.

Hakukoneoptimoinnin kulmakivinä jatkavat sivuston sisällön laadukkuus, sivuston kävijöiden aktivointi, sivuston nopeus sekä hyvälaatuiset linkitykset – näiden merkitys korostuu entisestään. Vanhat kunnon vinkit orgaanisen näkyvyyden parantamiseen saavat uutta twistiä mobiilioptimoinnin tärkeyden korostuessa.

HÄRKÄVINKKI

Jos Google-näkyvyyden kasvattaminen kiinnostaa ja haluat saada oikeasti hyviä tuloksia, laita meille rohkeasti viestiä. Voit myös tutustua asiakascaseihimme täältä.

Verkkosivujen sisällöntuotanto – näin onnistut projektissa

Posted on by Sininen Härkä

Tästä aiheesta puhutaan Sinisen Härän toimistolla melkeinpä päivittäin – eikä suotta. Verkkosivujen sisällön avulla yritys kertoo potentiaaliselle asiakkaalleen, mitä palveluita tai tuotteita tarjoaa ja kenelle. Hyvin optimoidun sisällön avulla yrityksen verkkosivut myös löydetään Googlesta, eli tavoitetaan ne potentiaaliset asiakkaat. ”FUN FACT”: Kerrottakoon myös, että suurin osa viivästyneistä verkkosivuprojekteista johtuu juuri sisällöntuotannon ongelmista. Tässä blogitekstissä avaimet onnistumiseen verkkosivuprojektin tärkeimmässä osassa eli sisällöntuotannossa.

Aseta sisällölle selkeät tavoitteet

Verkkosivuprojektin alkuvaiheen tärkein asia on asettaa uudelle sivustolle selkeät tavoitteet. Halutaanko nostaa yrityksen näkyvyyttä? Halutaanko parantaa yrityksen visuaalista identiteettiä? Halutaanko saada lisää liidejä? Vai ehkä kaikkia edellä mainituista?

Selkeät tavoitteet helpottavat myös verkkosivujen sisällöntuotannon prosessia. Tavoitteet määrittävät, millaista tekstiä verkkosivuille tuotetaan ja miten kävijää ohjataan sivustolla.

Verkkosivujen sisällöntuotanto – Suunnittele rakenne huolella

Tavoitteiden asettamisen jälkeen ehdottomasti seuraava askel on verkkosivujen rakenteen suunnittelu, ja siihen kannattaa käyttää tarpeeksi aikaa. Vastaa esimerkiksi seuraaviin kysymyksiin: Mitä potentiaalinen asiakas yrityksen sivuilta hakee? Mitä hän haluaa löytää ensimmäisenä? Tai vaihtoehtoisesti mihin yritys haluaa asiakkaan ohjata?

Sinisen Härän kanssa verkkosivuprojektia tehdessäsi kustannuksiin sisältyy rakenteen suunnittelu. Tarjouksissa puhumme projektin vaiheesta termillä ”Sivuston käyttöliittymän suunnittelu ja toteutus”. Rakenteen suunnittelu aloitetaan projektin aloituspalaverissa pohtimalla asiakkaan kanssa yhdessä edellä mainittuja kysymyksiä. Lopputuotteena asiakkaalle esitellään verkkosivujen wireframing-malit, eli ns. sivuston rautalankamalli, jossa keskitytään loppuasiakkaan ostoprosessiin.

Aikatauluta ja jaa vastuuta

Seuraavaksi tee selkeä (ja realistinen!) aikataulu sisällön eri vaiheista ja jaa vastuu sisällöistä eri alueiden asiantuntijoille. Suosittelen, että sisällöntuotantoon varataan aikaa reilusti. Ja rehellisesti sanottuna, lisää tähän aikatauluun vielä vähän löysää. Sisällöntuotanto on verkkosivuprojektin tärkein vaihe, eikä sitä tule tehdä kiireessä. Aika usein kuvitellaan, että ”kyllähän ne tekstit nopeasti saadaan tehtyä”, mutta todellisuus onkin toinen. Usein kuulemme asiakkailta myös kommentteja siitä, kuinka vaikeaa omasta tuotteesta tai palvelusta olikaan kirjoittaa – ymmärrettävästi, koska työskentelemme joka päivä niiden asioiden äärellä ja oman yrityksen tuottama arvo saattaakin muodostua jopa itsestäänselvyydeksi.

Mikäli sisällöntuotanto tuntuu edelleen haastavalta, voit kääntyä myös asiantuntijan puoleen. Me Sinisellä Härällä teemme verkkosivujen sisällöntuotantoa päivittäin, ja autamme mielellämme myös tässä projektin osassa.

Verkkosivujen sisällöntuotanto – Optimoi asiakkaille, älä hakukoneille

Särähtääkö otsikko korvaan? Eikö nimenomaan hakukoneoptimointi ja yrityksen näkyvyyden maksimointi ole syy verkkosivu-uudistukseen? Nimenomaan, näinhän se menee. Haluamme silti painottaa, että verkkosivujen sisällön laadun määrittää aina lopulta asiakas, ja asiakkaan toimet sivustolla.

Mitä haluamme sanoa on, että verkkosivujen sisältö ei saa olla pelkkää avainsanojen viljelemistä oikealla tavalla, vaan sisällön tulee oikeasti kiinnostaa asiakasta ja ohjata asiakasta eteenpäin sivustolla. Verkkosivujen sisällön tärkein tehtävähän on kuitenkin tuottaa yhteydenottoja, tilauksia verkkokaupassa tai hankkia laadukkaita liidejä yritykselle.

Syötä sisältö sivustolle siten, että se löydetään

Rakenne suunniteltu – check! Tekstisisältö valmiina – check! Ja ollaan (toivottavasti) vielä aikataulussakin. Enää pitää syöttää sisältö verkkosivuille. Sisällön syötössä tärkeää on esimerkiksi otsikoiden oikeaoppinen merkitseminen, linkkien lisääminen tekstiin sekä asiakkaan ohjaaminen eteenpäin call-to-action -tekstien avulla. Kun sisältö syötetään oikein sivustolle, saadaan hyvin tehdyn sisällön hyöty maksimoitua parantuneen hakukonenäkyvyyden ja entistä selkeämmän sivuston myötä.

Jos teet verkkosivuprojektia yhteistyössä Sinisen Härän kanssa, niin lähtökohtaisesti lisäämme sisällöt rakennusvaiheessa sivustolle asiakkaan puolesta. Näin pystymme takaamaan sen, että myös sisällön syöttö on tehty oikeaoppisesti. Projektin loppuvaiheessa tai sovitusti järjestämme asiakkaalle käyttökoulutuksia sivuston hallintaan ja sisällön syöttöön liittyen. Tämän lisäksi meiltä löytyy myös oma WordPress-ohjeistus, ja laajasti kustomoiduissa verkkosivuprojekteissa suosittelemme lisäksi asiakkaalle kustomoitua käyttöopasta verkkosivujen hallintaan.

Yhteenveto

Kuten kirjoituksessa monta kertaa mainitsinkin, on sisällöntuotanto verkkosivuprojektin tärkein vaihe. Kertaus on opintojen äiti, joten tässä vielä listauksena tärkeimmät opit onnistumiseen:

    • Aseta verkkosivu-uudistukselle selkeät tavoitteet
    • Suunnittele sivuston rakenne ajan kanssa – kysy tarvittaessa apua asiantuntijalta
    • Aseta sisällöntuotannolle realistinen aikataulu
    • Tuota sellaista sisältöä, joka saa asiakkaan kiinnostumaan tarjoamastasi tuotteesta tai palvelusta
    • Kiinnitä huomiota myös sisällön syöttöön

Lataa ilmainen verkkosivujen ostajan opas

​

​
Onko teidän yrityksessänne verkkosivu-uudistus käsillä? Siinä tapauksessa, lataa ihmeessä ilmainen oppaamme. Opas on tehty auttamaan yrityksiä verkkosivujen ostamisessa, ja siinä käydään läpi kilpailutuksessa huomioon otettavia asioita aina tarjouspyynnön laatimisesta toteuttajien vertailuun.
​
Lataa ilmainen opas!

Sosiaalisen median sanasto

Posted on by Sininen Härkä

Sosiaaliseen mediaan ja sen markkinointiin liittyy lukuisia termejä ja lyhenteitä, jotka voivat ensikuulemalta vaikuttaa aika sekavalta viidakolta. Termien käyttö aiheuttaa myös melkoista finglishiä, sillä kaikkia termejä ei ole suomennettu eikä se välttämättä ole tarkoituksenmukaistakaan.

Kokosin tähän blogiin yleisimpiä ja tärkeimpiä termejä, jotka somea ja somemarkkinointia tekevän kannattaa tuntea. Ota nämä haltuun ja saat taas enemmän irti markkinointikumppanisi raporteista!

Sosiaalisen median aakkoset

A/B-testaus

A/B-testaus vertaa kahta lähes identtistä mainosta tai mainosryhmää toisiinsa, jotta nähdään kumpi toimii paremmin. A/B-testausta tehdessä on tarkoitus muuttaa vain yhtä elementtiä, kuten otsikkoa tai kuvaa, jotta saadaan tietää, että toimivuus riippuu juuri kyseisestä elementistä.

Ads Manager

Ads Managerilla viitataan pääasiassa Facebookin mainostyökaluun, mutta se voi tarkoittaa myös muiden sosiaalisen median kanavien vastaavia työkaluja. Nimensä mukaisesti mainostyökaluissa luodaan ja ylläpidetään somekanavien mainoksia. Instagram-mainonta on liitetty Facebookin Ads Manageriin, mutta muilla somekanavilla on omat mainostyökalunsa.

Algoritmi

Somemaailmassa algoritmilla tarkoitetaan kanavien sisäisiä sääntöjä ja ohjelistoja, jotka määrittävät sen, miten kanavat toimivat ja mitä niiden syötteissä näytetään kullekin käyttäjälle. Kanavat eivät julkisesti paljasta algoritmejaan ja niiden toiminnallisuuksia kokonaisuudessaan, mutta spekulointia aiheesta löytyy senkin edestä. Spekuloinnit ovat usein vähintään jossain määrin oikeassa ja ne ovat syntyneet testailujen ja kokemusten perusteella. Mutta algoritmit myös muuttuvat jatkuvasti, joten yhtä absoluuttista totuutta tähän emme saa varmasti koskaan.   

Bio

Bio on sosiaalisen median profiilissa olevat lyhyt esittely käyttäjästä tai yrityksestä. Linkki biossa on ilmaisu, jota käytetään yleensä silloin, kun Instagramissa jaetaan sisältö, johon ohjaava linkki löytyy Instagramin biosta. 

Boostata

Boostaamisella tarkoitetaan orgaanisen postauksen nostamista maksetuksi mainokseksi. Boostaminen tehdään kanavan syötteestä ilman varsinaisen mainostyökalun käyttöä. Boostatessa kohdennusmahdollisuudet ovat huomattavasti rajallisemmat kuin varsinaisissa mainostyökaluissa. Uskallan väittää, että tämän takia somemarkkinointia ammatikseen tekevät eivät boostaa julkaisuja, vaan tekevät ”oikeat” mainokset.

Business Manager             

Business Manager on Facebookin hallinnointityökalu, jonka alla ovat muun muassa Ads Manager ja yritystilin asetukset.

Chatbot/Botti

Chatbot eli botti on tekoälyä hyödyntävä työkalu, jonka avulla yritys voi esimerkiksi tarjota asiakaspalvelua ja vastata asiakkaan kysymyksiin tai jopa hoitaa ajanvarauksen automatisoidusti. Chatbotin voi integroida nettisivuille tai esimerkiksi Facebook Messenger -viestisovellukseen.

CPC

CPC eli Cost Per Click tarkoittaa hintaa, jonka mainostaja maksaa yhdestä klikkauksesta. Klikkihintaan vaikuttavat mainoksen laadun ja kohderyhmään osuvuuden lisäksi muun muassa missä lokaatioissa mainostetaan ja ketä tavoitellaan.

CPM

CPM eli Cost Per Mille tarkoittaa hintaa, jonka mainostaja maksaa 1 000 näyttökerrasta. Jos kampanja tavoittelee mahdollisimman suurta näkyvyyttä, on CPM hyvä mittari.

CTA

CTA eli Call-To-Action on mainoksessa oleva toimintakehote, kuten ”Lue lisää”, ”Varaa aika” tai ”Lataa opas”. CTA:t ovat tärkeitä, sillä kaikessa yksinkertaisuudessasan ihmiset tekevät niin kuin heitä käsketään.

CTR

CTR eli Click Through Rate tarkoittaa klikkausprosenttia, eli kuinka moni mainoksen nähneistä klikkaa mainosta tai siinä olevaa linkkiä. CTR lasketaan kaavalla (klikkaukset/näyttökerrat) x 100.

CVR tai CR

Conversion Rate, josta käytetään lyhenteitä CR sekä CVR, tarkoittaa konversioprosenttia, eli kuinka moni mainoksen nähneistä tekee halutun toimenpiteen. Tätä toimenpidettä kutsutaan konversioksi ja se voi tarkoittaa esimerkiksi tuotteen ostoa, webinaariin ilmoittautumista tai oppaan lataamista. Konversioprosentti lasketaan kaavalla (konversiot/näyttökerrat) x 100.

Dark-postaus

Darkista postauksesta puhuttaessa tarkoitetaan somemainosta, joka ei näy ollenkaan mainostajan aikajanalla. Se on siis ”piilossa” ja näkyy käyttäjän syötteessä vain mainostettaessa.

Dark social

Dark socialilla ei ole mitään tekemistä dark-postauksen kanssa. Dark socialilla tarkoitetaan sellaista sosiaalisen median jakoa, joka tapahtuu ns. pimennossa, eli siitä ei jää digitaalisesti seurattavaa jälkeä. Esimerkiksi pikaviestimiin jaetut linkit kirjautuvat Google Analyticsissa suoraksi liikenteeksi ja somesta tai verkkosivuilta otetut ja kaverille lähetetyt kuvakaappaukset eivät kirjaudu tietenkään mihinkään.

DM, Direct message

DM eli Direct message on käyttäjän inboxiin eli postilaatikkoon lähetetty yksityisviesti, joka näkyy vain lähettäjälle ja vastaanottajalle.

Dynaamiset mainokset

Dynaamisilla mainoksilla voidaan tarkoittaa kahta eri asiaa, jotka molemmat liittyvät Facebook- ja Instagram-mainontaan. Dynaaminen mainonta tarkoittaa sitä, kun käyttäjä on vieraillut verkkokaupassa ja näkee tämän jälkeen Facebookissa tai Instagramissa mainoksia tuotteista, joita on juuri selannut. Mainonta perustuu käyttäjän liikenteen seuraamiseen ja sitä varten täytyy Pikselin olla liitetty verkkokauppaan sekä verkkokaupan tuoteluettelo Facebookiin.

Facebookissa ja Instagramissa on myös mahdollista tehdä manuaalisesti dynaamisia mainoksia, joihin luodaan useita vaihtoehtoja eri mainoselementteihin. Näistä Facebook kokoaa ja esittää parhaiten toimivia mainoksia algoritmiensa perusteella. Esimerkiksi yhteen mainokseen voi laittaa useita kuvia, otsikoita, mainostekstejä ja toimintakehotteita, joista näytetään parhaiten toimivia. Dynaamisia mainoksia tehdessä on tärkeää huomioida, että kaikki elementit sopivat toisiinsa kaikilla mahdollisilla kombinaatioilla.  

Engagement rate

Vuorovaikutusta kuvaava Engagement Rate eli vuorovaikutusprosentti on mittari, joka kertaa kuinka hyvin postaus motivoi yleisöä reagoimaan siihen, eli olemaan vuorovaikutuksessa postaukseen. Vuorovaikutusprosentti lasketaan kaavalla (postaukseen reagoineiden määrä / postauksen nähneiden määrä) x 100. Mitä isompi Engagement Rate, sitä parempi.

Fiidi/syöte

Fiidi tulee englannin kielen sanasta feed, mikä tarkoittaa suomeksi syötettä. Tässä yhteydessä syötteellä tarkoitetaan sitä sisältövirtaa, joka käyttäjälle näkyy eri somekanavissa. Syötettä voidaan ajatella myös kyseisen kanavan kotisivuna, jossa käyttäjä näkee toisten postauksia ja reagoi niihin.

#Hashtag

Hashtagin eli aihetunnisteen tunnistaa #-merkistä. Hashtagit ovat avainsanoja, joiden avulla yhdistetään samaan aiheeseen liittyviä postauksia. Hashtageja käytetään erityisesti Instagramissa ja Twitterissä, joissa käyttäjä tyypillisesti etsii tiettyyn aihetunnisteeseen liittyviä postauksia. Esimerkiksi Sininen Härkä käyttää postauksissaan usein hashtageja #sininenhärkä ja #thankgoditsbullday.

Instagram Shopping

Instagramin Shopping- eli ostostoiminnon avulla verkkokaupan tuotteita voi liittää Instagramin syötteen sekä tarinoiden julkaisuun. Instagram-ostoksia varten tili täytyy olla liitetty Facebook-sivuun, johon on liitetty luettelo.

Kampanja–mainosryhmä–mainos-kampanjarakenne

Somekanavien mainostyökaluissa kampanjat rakennetaan niin, että yhden kampanjan alla on yksi tai useampi mainosryhmä, joiden alla on yksi tai useampia mainoksia. Mainosryhmää voidaan kutsua myös kohderyhmäksi.

Kanava/somekanava

Sosiaalisen median kanavista puhutaan usein vain kanavina. Eri somekanavia ovat esimerkiksi Facebook, Instagram, Twitter, Linkedin, Youtube ja Tiktok.

Karuselli

Karuselli on mainosmuoto, jossa mainoksessa on yksi mainosteksti, mutta useita kuvia ja linkkejä, joita voi selata oikealle ja vasemmalle karusellimaisesti. Karusellimainoksia voi tehdä muun muassa Facebookissa, Instagramissa ja Linkedinissä.

Kylmä yleisö

Kylmällä yleisöllä tarkoitetaan markkinoinnin kohderyhmää, jolla ei ole vielä kytköstä mainostajaan. Kylmä kohderyhmä määritellään esimerkiksi yleisön iän, sijainnin, kiinnostuksen kohteiden tai koulutuksen perusteella.

Liikenne/Traffic

Liikenteellä tarkoitetaan tietylle sivustolle tai somekanavaan ohjautuvia käyttäjiä. Liikenteen lisääminen on hyvin yleinen maksetun somemarkkinoinnin tavoite. Liikennettä ohjataan verkkosivuille esimerkiksi jakamalla somessa sivustolle ohjaava linkki.

Luettelo

Verkkokaupan tuotteet voi liittää Facebookiin luettelon avulla. Luettelon liittämällä voi Facebookiin tehdä kaupan, käyttää verkkokaupan tuotteita dynaamisissa mainoksissa sekä hakea Instagram Shopping -ominaisuutta, jonka avulla tuotteita voi käyttää myös Instagramissa.

Natiivimarkkinointi

Natiivimarkkinoinnilla tarkoitetaan mainosta, joka näyttää siltä, kuin se olisi mainossivuston orgaanista sisältöä. Somekanavissa olevat mainokset ovat siis natiivimarkkinointia, mutta yleisimmin tällä tarkoitetaan esimerkiksi eri verkkomedioiden sivuilla olevia mainoksia.

Orgaaninen postaus

Orgaaninen postaus on yrityksen tai henkilön aikajanalleen jakamaa sisältöä, joka näkyy käyttäjän syötteissä sekä profiilin sivulla.

Pikseli

Facebook- ja Instagram-markkinointiin liittyvä Pikseli on pieni JavaScript-koodinpätkä, jonka voi asentaa mille tahansa verkkosivulle. Pikseli seuraa verkkosivulla tapahtuvaa liikennettä ja sen avulla voi muun muassa luoda kohderyhmiä sivuston kävijöistä eli tehdä rema-markkinointia, mitata sivustolla tapahtuvia konversioita sekä tehdä dynaamisia tuotemainoksia.  

Postaus

Postaus on sosiaalisessa mediassa jaettu kuva, teksti, video, linkki tai muu sisältö.

PPC

Pay Per Click tarkoittaa klikkiperusteista markkinointia. PPC-tavoitteellisella kampanjalla tavoitellaan siis klikkejä ja sitä kautta siirtymisiä mainostajan määrittämälle verkkosivulle. 

Rema/Reta

Remarketing eli rema tarkoittaa uudelleenmarkkinointia, jossa mainokset kohdennetaan verkkosivusi tai somekanavasi kanssa vuorovaikutuksessa olleille henkilöille. Retargetointi eli reta on käytännössä sama asia, mutta tarkoittaa kirjaimellisesti kohdennustapaa.

ROI/ROAS

Return Of Investment eli ROI ja Return Of Ad Spent eli ROAS kertovat, kuinka moninkertaisesti mainostaja saa sosiaalisen median markkinointiin käyttämänsä rahat takaisin. Somessa tavoitellaan usein brändimarkkinointia, joten näitä lukuja ei ole aina mahdollista tai tarkoituksellista laskea. Jos somemarkkinoinnilla ohjataan verkkokauppaan ja tavoitellaan suoraa kauppaa, voidaan luvut laskea. Niiden lisäksi kannattaa kuitenkin käyttää myös muita mittareita sosiaalisen median markkinoinnin tehon arvioimiseksi. ROAS lasketaan kaavalla mainonnasta saadut tulot / mainontaan käytetyt eurot.

Some

Some on lyhenne sosiaalisesta mediasta. Sosiaalisia medioita ovat esimerkiksi Facebook, Instagram, Twitter, Youtube, Tiktok ja Whatsapp.

Somekampanja

Somekampanjalla tarkoitetaan maksettua mainoskampanjaa, joka tehdään valittuihin somekanaviin.

Stories/tarinat

Instagramissa, Facebookissa, Whatsappissa, Snapchatissa ja pian myös Linkedinissä voi julkaista tarinoita eli kuvia ja videoita, jotka näkyvät käyttäjille vain 24 tunnin ajan kanavan omassa tarinaosiossa. Tarinoita voi postata orgaanisesti sekä tehdä tarinamuotoisia mainoksia.

Tagit, tägäys

Tägääminen tarkoittaa sitä, kun postauksessa mainitaan jokin somekanava tai sometili ja se merkitään niin, että maininta on linkki, jota klikkaamalla päädytään mainittuun kanavaan tai tiliin. Tagit ovat tilien nimiä eli kanavien käyttäjänimiä. Tageja käytetään erityisesti Instagramissa ja Twitterissä. Esimerkiksi Sinisen Härän saa tägättyä kirjoittamalla Instagramissa postaustekstiin @sininenharka.

Targetointi, kohdentaminen

Targetointi eli mainosten kohdentaminen on yksi tärkeimmistä, ellei jopa tärkein onnistuneen somekampanjan tekijä. Somekampanjoita voidaan kohdentaa rema-yleisölle tai ns. kylmälle yleisölle.

UGC

UGC eli User Generated Content tarkoittaa käyttäjien luomaa sisältöä. UGC voi olla esimerkiksi kuvia, videoita, äänitiedostoja, arvosteluita, blogeja, artikkeleita tai somepostauksia. Kun käyttäjä (tai jopa fani) luo yritykseen liittyvää sisältöä ja tägää siihen yrityksen tai käyttää yrityksen brändäämää hahstagia, se herättää luottamusta brändiä kohtaan ja nostaa brändimielikuvaa, koska ihmiset rakastavat vertaistensa tuottamaa sisältöä.

Viraali

Viraalilla sisällöllä viitataan sisältöön, joka lähtee leviämään sosiaalisessa mediassa räjähdysmäisesti. Tämä tapahtuu tyypillisesti niin, että suuri määrä ihmisiä jakaa kanavasi sisällön seuraajilleen ja he jakavat sitä taas eteenpäin. Tällainen lumipalloefektin aikaansaava sisältö on sosiaalisen median jalokivi, koska sillä saa valtavan yleisön ilmaiseksi.

Jos kiinnostuit somesta, aakkosista, sisällöistä ja haluat kuulla näistä aiheista lisää, tilaa uutiskirjeemme!

Google Ads -tilin rakenne

Posted on by Sininen Härkä

Kuka tahansa voi luoda Google Ads -tilin ja käyttää sitä, mutta sen toiminnan ymmärtäminen, analysoiminen ja optimoiminen ovatkin sitten täysin eri asia. Siihen vaaditaan perehtymistä, ymmärrystä ja kokemusta.

Monesti Adsista kuulee sanottavan, että ”eihän sen käyttö kovin vaikeata voi olla”. Periaatteessa se pitääkin paikkansa, mutta Adsin käyttäminen ilman sen suurempaa ymmärrystä on melkein sama, kun heittäisi osan sijoittamistaan rahoista kaivoon. Mitä parempi ymmärrys ja osaaminen, sitä parempi tuotto.

Tässä blogissa keskitytään Google Ads -mainostilin rakenteeseen ja siihen, miten se kannattaa rakentaa ja järjestää, jotta mainonnasta saadaan paras mahdollinen teho irti.

Google Ads -tili rakentuu kolmesta osasta: itse tilistä, mainoskampanjoista sekä mainosryhmistä. Helpommin hahmotat rakenteen alla olevasta kuvasta.

Lähde: Google Ads Ohjeet

Varsinkin silloin, kun kyse on monista mainostettavista tuotteista, niin tilin rakenne ja sen huolellinen suunnitteleminen ovat tärkeässä roolissa. Usein ensimmäinen virhe tapahtuukin jo Ads-kampanjoita rakentaessa, kun saman mainoskampanjan alle on tungettu kaikki eri palvelut ja tuotteet omiksi mainosryhmikseen.

Tilin ja kampanjoiden rakentaminen organisoidusti ja huolellisesti on hyödyllistä monestakin syystä, joista tärkeimpinä:

  • Organisoitua tiliä on helpompi hallita
  • Laatupisteet ovat paremmat
  • Mainosten sijoitus paranee ja klikeistä ei tarvitse välttämättä maksaa yhtä paljon

Google Ads -tilin luominen

Ensimmäinen ja samalla myös helpoin kohta on itse Google Ads -tilin luominen. Google Ads -tilin luomiseen tarvitaan ainoastaan Google-tili sekä laskutustiedot. Tilin luomisen yhteydessä tilin asetukset laitetaan kuntoon ja luodaan uusi maksuprofiili maksukortteineen ja yritystietoineen. Yhden käyttäjätunnuksen alle voi luoda monta eri Google Ads -tiliä, jolloin niiden hallinnoiminen on helpompaa.

Google Ads -mainoskampanjan rakentaminen

Tilin luomisen jälkeen on vuorossa mainoskampanjoiden luominen. Tässä vaiheessa huolellisesti suunnitellun ja organisoidun tilin rakennetta aletaan kasaamaan. Eri tuotteet tai palvelut on hyvä jakaa omiin mainoskampanjoihinsa.

Jos verkkosivustosi on jäsennelty järkevästi, niin sivuston rakennetta voi käyttää myös Ads-tilin rakenteena.

Eri tuotteiden, palveluiden tai kategorioiden jakaminen omiin mainoskampanjoihin on tärkeää muutamastakin syystä. Ensinnäkin, tällöin kampanjoiden alle voidaan luoda lisää tarkempia mainosryhmiä, mikä helpottaa mainosten ja avainsanojen kohdentamista asiakkaille ja parantaa laatupisteitä.

Tärkeää on, että jokaiselle kategorialle voidaan määrittää oma päiväbudjettinsa. Jos mainostetaan vaikkapa kenkiä ja vaatteita, niin avainsanatutkimuksesta saatujen hakumäärien ja klikkihintojen perusteella pystytään määrittelemään, kuinka paljon klikit maksavat ja kuinka paljon klikkauksia voidaan mahdollisesti hakumäärien perusteella kummaltakin odottaa. Tämän perusteella taas voidaan laskea, kuinka paljon kuhunkin kampanjaan kannattaa päiväbudjettia asettaa. Jos kenkiä haetaan hakukoneissa kuukausittain tuplasti enemmän kuin vaatteita ja klikkihinnat ovat lähes samat, niin tällöin päiväbudjettia kannattaa tietysti asettaa enemmän kenkiin kuin vaatteisiin.

Kampanjatasolla määritetään kampanjalle mainosten asetukset, kuten kohdennus eli missä mainokset näytetään, kohderyhmä eli kenelle mainoksia näytetään, kampanjan päiväbudjetti, kampanjan ja markkinoinnin tavoite, kieli sekä kampanjan hintatarjousstrategia.

Kampanjaa luodessa päätetään, mitä mainosmuotoja käytetään ja tähän vaikuttavat markkinoinnin tavoitteet. Eri mainosmuotoja ovat hakusanakampanja, display-kampanja, shopping-kampanja, videokampanja sekä discovery-kampanja.

Google Ads -mainosryhmät

Google Ads -mainosryhmä on kampanjan alle luotava eri mainoksista ja avainsanoista koostuva kokonaisuus. Jokaisen mainoskampanjan alle luodaan vähintään yksi mainosryhmä. Usein mainosryhmät kannattaa jakaa verkkosivuston rakennetta mukaillen siten, että jokainen mainosryhmä vastaa yhtä kategoriaa, tuotetta tai palvelua.

Mainosryhmien avulla mainokset kohdennetaan asiakkaille paremmin ja kävijälle näytetään mainosta, joka vastaa tarkasti hänen hakuansa. Mitä paremmin mainos vastaa hakijan hakua, sitä todennäköisemmin kävijä klikkaa sitä.

Kohdennus on mainosryhmien tasolla tärkeää, sillä jos mainos ei vastaa mainosryhmän avainsanoja tai kävijän hakua, niin mainosta tuskin klikataan. Tämä taas vaikuttaa klikkiprosenttiin ja sitä kautta laatupisteisiin, jotka vaikuttavat mainoksen sijoittumiseen hakutuloksissa.

Google Ads -kampanjoiden avainsanat, mainokset ja laskeutumissivu

Vaikka rakenne koostuukin pääosassa kolmesta ylempänä mainitusta kohdasta, niin yhtä tärkeässä roolissa ovat mainosryhmissä käytettävät avainsanat sekä itse mainokset ja niiden laskeutumissivut.

Avainsanoiksi valitaan niitä termejä tai tuotteita, joilla asiakkaiden oletetaan ja halutaan löytävän mainostettavat palvelut. Kun Ads-tilin rakenne on luotu huolellisesti ja loogisesti, myös avainsanat on helpompi jakaa mainoskampanjoihin ja mainosryhmiin kategorioiden mukaan. Jos mainoskampanja sisältää esimerkiksi kenkiä, niin t-paidat-avainsanaa kyseiseen kampanjaan on turha laittaa.

Mainoksia jokaiseen mainosryhmään suositellaan luotavan 2–3 erilaista ja niiden tulee olla yhteydessä mainosryhmässä käytettäviin avainsanoihin.

Näiden lisäksi mainokselle valitaan laskeutumissivu eli sivu, johon mainos klikkauksen jälkeen kävijän ohjaa. Laskeutumissivun tulisi olla mahdollisimman relevantti eli vastata mainosta ja sen mainostekstiä. Mainosten, avainsanojen ja laskeutumissivun yhtenäisyys ja osuvuus toisiinsa muodostavat yhdessä mainosten laatupisteet, jotka määrittävät mainosten hintoja ja sijoitusta hakutuloksissa.

Laatupisteet nousevat, kun mainos ja laskeutumissivut ovat käyttäjän hakuihin osuvia. Korkeat laatupisteet laskevat klikkausten hintoja ja parantavat mainosten sijaintia.

Jos kiinnostuit Google Adsista tai haluat lukea lisää artikkeleita liittyen digimarkkinointiin, tutustu muihin blogiartikkeleihimme!

Näytä