Downloaded 17 times
Uploaded byGrapevine Media Oy
Verkkosivut vuonna 2014
Nykyaikaiset & liiketoimintalähtöiset verkkosivut markkinoinnin tehovälineenä
Verkkosivut vuonna 2014
- 1. Grapevine Media Oy VERKKOSIVUTVUONNA 2014 Jussi Saunamäki Nykyaikaiset & liiketoimintalähtöiset verkkosivut markkinoinnin tehovälineenä TALENTGATE 16.6.2014
- 2. © Grapevine MediaOy 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 MediaOy 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 MediaOy Grapevine Media Oy Sosiaaliseen mediaan erikoistunut verkkobisnestoimisto
- 5. © Grapevine MediaOy 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 MediaOy ”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.
- 8. © Grapevine MediaOy Lähtökohdat onnistuneelle verkkosivustouudistukselle → Määrittele tavoite → Tee suunnitelma → Toteuta suunnitelma → Tutki ja analysoi → ( ← Toista )
- 9. © Grapevine MediaOy 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 MediaOy Asetu kohderyhmäsi saappaisiin.
- 11.
- 12. © Grapevine MediaOy Sisältökonsepti → Määrittele tavoite → Tee suunnitelma → Toteuta suunnitelma → Tutki ja analysoi → ( ← Toista ) ”Nykyään jokainen yritys on mediayritys”
- 13.
- 14. © Grapevine MediaOy 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 MediaOy 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 MediaOy Kumpi kiinnostaa enemmän? Näkökulma SISÄLTÖKONSEPTI 1/4
- 17. © Grapevine MediaOy 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.
- 19. © Grapevine MediaOy 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 MediaOy 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 MediaOy 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 MediaOy Muista aktivointi ja ohjaus
- 23. © Grapevine MediaOy Responsiivinen design vs. mobiilisovellus → Määrittele tavoite → Tee suunnitelma → Toteuta suunnitelma → Tutki ja analysoi → ( ← Toista )
- 24. © Grapevine MediaOy 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 MediaOy Sovellukset yhä suositumpia
- 26. © Grapevine MediaOy Responsiivinen design SovellusMobiili-sivu Termit haltuun
- 27. © Grapevine MediaOy 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 MediaOy http://yle.fi/uutiset/ Ylen sivusto on hyvä esimerkki loistavasti toimivasta responsiivisesta sivustosta.
- 29. © Grapevine MediaOy Sovellus Mobiili-sivu
- 30. © Grapevine MediaOy 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 MediaOy 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 MediaOy Verkkosivun käyttökokemus & ulkoasu → Määrittele tavoite → Tee suunnitelma → Toteuta suunnitelma → Tutki ja analysoi → ( ← Toista )
- 33. © Grapevine MediaOy Vakuuta vierailijasi jäämään. Aikaa 1 sekunti.
- 34. © Grapevine MediaOy 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.
- 36. © Grapevine MediaOy Digitaalinen asiakaskokemus Keskiverto kävijä ✔ Henkilökohtaista ✔ Merkityksellistä ✔ Myös ”pieniä” asioita mm. viestintää → Tunne sivustovierailijasi (kohderyhmät)
- 37. © Grapevine MediaOy Digitaalinen asiakaskokemus Personointia on hyödynnetty jo kauan mm. uutiskirjeissä
- 38. © Grapevine MediaOy Digitaalinen asiakaskokemus
- 39. © Grapevine MediaOy Digitaalinen asiakaskokemus
- 40. © Grapevine MediaOy Julkaisujärjestelmät – WordPress vs. Muut → Määrittele tavoite → Tee suunnitelma → Toteuta suunnitelma → Tutki ja analysoi → ( ← Toista )
- 41. © Grapevine MediaOy Noin 23 % kaikista maailman verkkosivuista käyttää WordPress-järjestelmää.
- 42. © Grapevine MediaOy WordPress lyhyesti • Ilmainen, avoimen lähdekoodin sisällönhallintajärjestelmä • PHP + MySQL • Sisällönhallinta / päivittäminen helppoa • Laajennusmahdollisuudet • Kustannustehokas
- 43. © Grapevine MediaOy WordPress Ohjausnäkymä
- 44. © Grapevine MediaOy 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 MediaOy Kehitysvinkkejä → Määrittele tavoite → Tee suunnitelma → Toteuta suunnitelma → Tutki ja analysoi → ( ← Toista )
- 46. © Grapevine MediaOy 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 MediaOy Kysymyksiä? Jussi Saunamäki jussi.saunamaki@grapevine.fi Kiitos!