Nykyaikaiset & liiketoimintalähtöiset verkkosivut markkinoinnin tehovälineenä

1. Grapevine Media Oy
VERKKOSIVUT VUONNA 2014
Jussi Saunamäki
Nykyaikaiset & liiketoimintalähtöiset verkkosivut
markkinoinnin tehovälineenä
TALENTGATE 16.6.2014

2. © Grapevine Media Oy
Jussi Saunamäki
• Mediatekniikan insinööri
• Tuotantopäällikkö Grapevine Media
• Yli 10 vuoden kokemus verkosta
• Ensimmäiset nettisivut vuonna 2002
Tänään äänessä
@JussiSaunamaki

3. © Grapevine Media Oy
Koulutuksen sisältö
• Lähtökohdat onnistuneelle
verkkosivustouudistukselle
– Kohdeyleisö, määritykset &
kuvaukset
• Sisältömarkkinointi
– Sisältökonsepti
• Responsiivinen design vs.
Mobiilisivusto
– Valitse oikein
– Case-esimerkkejä
• Käyttökokemus & ulkoasu –
digitaalinen asiakaskokemus
– Case-esimerkkejä
• Julkaisujärjestelmät -
WordPress vs. Muut
– Avoimen lähdekoodin
mahdollisuudet
– Valitse alusta oikein
Koulutuksessa syvennytään nykyaikaisten & liiketoimintalähtöisten
verkkosivujen teknisiin, sisällöllisiin ja visuaalisiin ominaisuuksiin.

4. © Grapevine Media Oy
Grapevine Media Oy
Sosiaaliseen mediaan erikoistunut verkkobisnestoimisto

5. © Grapevine Media Oy
60-80 % ostoprosessista…
… on jo suoritettu, ennen kuin asiakas on ensimmäisen kerran
yhteydessä palveluntarjoajaan.
“Ostoprosessin ensimmäisen kahden kolmasosan aikana B2B-
ostajat eivät halua olla yhteydessä myyjään”
(Marketing Clinic 2012).
“80 prosenttia B2B-ostajista löytää tarvitsemansa tavara- tai
palveluntoimittajan itse” (Aalto yliopisto 2012).
DIGITALISOITUMISEN TUOMA SUURI MUUTOS OSTOKÄYTTÄYTYMISESSÄ

6. © Grapevine Media Oy
”Peli on menetetty jos asiakas ei löydä”
Yrityksen verkkonäkyvyys ja –löydettävyys suuressa roolissa.
LUO SISÄLTÖJÄ JA TULE LÖYDETYKSI
Nykyaikaisen verkkosivuston minimivaatimukset:
• Responsiivinen (toimii missä vain ja millä laitteella tahansa)
• Löydettävä (hakukoneoptimointi tuotantovaiheessa)
• Kiinnostava (sisältökonsepti, blogi, some jne.)
• Ajankohtainen (helppo hallinta / tekninen toteutus)
• Käytettävä (yhteydenottolomakkeet, call-to-actionit jne.)

7. © Grapevine Media Oy

8. © Grapevine Media Oy
Lähtökohdat onnistuneelle
verkkosivustouudistukselle
→ Määrittele tavoite → Tee suunnitelma → Toteuta suunnitelma → Tutki ja analysoi →
( ← Toista )

9. © Grapevine Media Oy
Kysy itseltäsi nämä kysymykset
• Miksi tämä verkkosivusto
tehdään?
– Myynti?
– Asiantuntijakuva?
– Brändinrakennus ?
– Joku muu syy, mikä?
• Kuka kuuluu sivuston
kohderyhmään?
– Listaa tärkeimmät
kohderyhmät
– Kuvaa kohderyhmät ja
ominaisuudet
• Minkä ongelman sivusto
ratkaisee?
– Mitä asiakkaasi saa sivuiltasi?
• Miten ongelma ratkaistaan?
– Artikkeli?
– Video?
– Kuva?
– Yhteydenotto?

10. © Grapevine Media Oy
Asetu kohderyhmäsi saappaisiin.

11. © Grapevine Media Oy

12. © Grapevine Media Oy
Sisältökonsepti
→ Määrittele tavoite → Tee suunnitelma → Toteuta suunnitelma → Tutki ja analysoi →
( ← Toista )
”Nykyään jokainen yritys on mediayritys”

13. © Grapevine Media Oy

14. © Grapevine Media Oy
Suurin osa netin käyttäjistä etsii tietoa.
Sinun tehtäväsi on tavoittaa ja
sitouttaa heidät hyvällä sisällöllä.
Ohjeet
Neuvot
Vertailut
Hinnat
ArviotHyödyt
Yhteystiedot
Artikkelit

15. © Grapevine Media Oy
Sisältökonsepti lyhyesti
• Mitä sisältöä?
– Kohderyhmä, Hakukoneet, Tavoitteet
• Missä muodossa?
– Tekstiä, Kuvia, Videota
• Millä rakenteella?
– Kaikella sisällöllä on paikkansa
• Kuka tuottaa?
– Aikataulu, Oma vs. Ulkoistettu, Blogit

16. © Grapevine Media Oy
Kumpi kiinnostaa
enemmän?
Näkökulma
SISÄLTÖKONSEPTI 1/4

17. © Grapevine Media Oy
Mitä sisältöä?
• Kohderyhmät
– Mieti avainsanoja, joilla
kohderyhmäsi löytää
sivuillesi
– Listaa avainsanat
• Ja hakulauseet
– Apuvälineita mm.
• Google Trends
• Google Keyword Tool
SISÄLTÖKONSEPTI 1/4

18. © Grapevine Media Oy

19. © Grapevine Media Oy
Missä muodossa sisältö esitetään?
Miten esitettynä sisältö ratkaisee kohderyhmäsi ongelman helpoiten?
Käytä apunasi uusia tekniikoita.
SISÄLTÖKONSEPTI 2/4

20. © Grapevine Media Oy
Sisällön rakenne
SISÄLTÖKONSEPTI 3/4
• Lyhyttä ja ytimekästä
– Kuvailevat otsikot
– Selkeä navigaatio
• Pääviestit näkyviin!
– Väliotsikot
– Listaukset
– Ihminen ihmiselle
• Vangitse huomio

21. © Grapevine Media Oy
Kuka tuottaa sisällön?
SISÄLTÖKONSEPTI 4/4
• Ihminen, joka
ymmärtää
– Lopullisen kanavan
– Kohderyhmän tarpeet
– Osaa puhutella
kohderyhmää
– Avainsanojen
merkityksen
– Osaa tiivistää ja
kiteyttää

22. © Grapevine Media Oy
Muista aktivointi ja ohjaus

23. © Grapevine Media Oy
Responsiivinen design vs.
mobiilisovellus
→ Määrittele tavoite → Tee suunnitelma → Toteuta suunnitelma → Tutki ja analysoi →
( ← Toista )

24. © Grapevine Media Oy
92 % älypuhelinten käyttäjistä etsii paikallisia
tietoja puhelimellaan ja 85 % ryhtyy tämän
seurauksena toimiin, esimerkiksi tekee
ostoksen tai ottaa yhteyttä yritykseen.
http://services.google.com/fh/files/misc/omp-2013-fi-local.pdf

25. © Grapevine Media Oy
Sovellukset yhä suositumpia

26. © Grapevine Media Oy
Responsiivinen design SovellusMobiili-sivu
Termit haltuun

27. © Grapevine Media Oy
Responsiivinen-sivusto
Hyvää
• Yksi sivusto, joka
skaalautuu näyttökoon
mukaan.
• Helppo päivittää
• Säästää aikaa
• Hakukone-ystävällinen
• Kustannustehokas
Huonoa
• Yksi ja sama sivusto
latautuu pöytäkoneella
ja mobiilissa (suuri
datamäärä voi
aiheuttaa ongelmia
mobiilissa)

28. © Grapevine Media Oy
http://yle.fi/uutiset/
Ylen sivusto on hyvä esimerkki loistavasti
toimivasta responsiivisesta sivustosta.

29. © Grapevine Media Oy
Sovellus Mobiili-sivu

30. © Grapevine Media Oy
Mobiili-sivusto
Hyvää
• Käyttöliittymä
• Nopeus
• Hinta
• Hakukone-ystävällinen
(paikannustiedot)
Huonoa
• Erillinen osoite
• Ylläpito (yksi kanava
lisää päivitettävänä)
• Yhteensopivuus
vanhojen laitteiden
kanssa

31. © Grapevine Media Oy
Sovellus
Hyvää
• Käyttöliittymä
• Nopeus ja käytettävyys
• Vain mielikuvitus rajana
• Push-viestit
• Näkyvyys (Sovellus jää
käyttäjän laitteeseen)
• Ei vaadi internet-
yhteyttä
Huonoa
• Jokainen
käyttöjärjestelmä vaatii
oman sovelluksen (iOS,
Android, Windows jne.)
• Hankala päivitys
• Näkyvyys (SEO)
• Hinta

32. © Grapevine Media Oy
Verkkosivun
käyttökokemus & ulkoasu
→ Määrittele tavoite → Tee suunnitelma → Toteuta suunnitelma → Tutki ja analysoi →
( ← Toista )

33. © Grapevine Media Oy
Vakuuta vierailijasi jäämään.
Aikaa 1 sekunti.

34. © Grapevine Media Oy
Havaintoja
ULKOASU
• Ihmiset selaavat
– F-malli
• Otsikot, väliotsikot,
ingressit ja kuvat
suuressa roolissa
• Vasen vs. Oikea
• Pääviesti heti
näkyviin!
• Älä oleta käyttäjän
olevan fiksu

35. © Grapevine Media Oy

36. © Grapevine Media Oy
Digitaalinen asiakaskokemus
Keskiverto kävijä
✔ Henkilökohtaista
✔ Merkityksellistä
✔ Myös ”pieniä” asioita mm. viestintää
→ Tunne sivustovierailijasi (kohderyhmät)

37. © Grapevine Media Oy
Digitaalinen asiakaskokemus
Personointia on hyödynnetty jo kauan mm. uutiskirjeissä

38. © Grapevine Media Oy
Digitaalinen asiakaskokemus

39. © Grapevine Media Oy
Digitaalinen asiakaskokemus

40. © Grapevine Media Oy
Julkaisujärjestelmät –
WordPress vs. Muut
→ Määrittele tavoite → Tee suunnitelma → Toteuta suunnitelma → Tutki ja analysoi →
( ← Toista )

41. © Grapevine Media Oy
Noin 23 % kaikista maailman verkkosivuista
käyttää WordPress-järjestelmää.

42. © Grapevine Media Oy
WordPress lyhyesti
• Ilmainen, avoimen
lähdekoodin
sisällönhallintajärjestelmä
• PHP + MySQL
• Sisällönhallinta /
päivittäminen helppoa
• Laajennusmahdollisuudet
• Kustannustehokas

43. © Grapevine Media Oy
WordPress Ohjausnäkymä

44. © Grapevine Media Oy
WordPress turvallisuus lyhyesti
• Päivitä järjestelmä, lisäosat ja teema
• Luo vahvat käyttäjätunnukset ja salasanat
• Käytä vain turvallisia lisäosia
• Varmista tiedosto- ja tietokanta-oikeudet
• Pyydä tarvittaessa apua ammattilaiselta

45. © Grapevine Media Oy
Kehitysvinkkejä
→ Määrittele tavoite → Tee suunnitelma → Toteuta suunnitelma → Tutki ja analysoi →
( ← Toista )

46. © Grapevine Media Oy
Sivuston kehitysvinkkejä
• Pidä huoli, että sivustollasi on analytiikka-työkalu
– Esim. Google Analytics
• Tutustu vierailijoihisi
• Rakenna ja kehitä sisältöpolkuja
– Aseta tavoitteet ja seuraa niiden täyttymistä
• Kokeile A/B –testausta
• Luo sisältöjä ja yhteisöjä
– Esim. Asiantuntija-blogit

47. © Grapevine Media Oy
Kysymyksiä?
Jussi Saunamäki
jussi.saunamaki@grapevine.fi
Kiitos!