Verkkosivut vuonna 2014

Grapevine Media Oy

VERKKOSIVUT VUONNA 2014

Jussi Saunamäki

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

TALENTGATE 16.6.2014

© 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


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.


Grapevine Media Oy Sosiaaliseen mediaan erikoistunut verkkobisnestoimisto


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Ä


”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.)



Lähtökohdat onnistuneelle verkkosivustouudistukselle

→ Määrittele tavoite → Tee suunnitelma → Toteuta suunnitelma → Tutki ja analysoi →

( ← Toista )


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?


Asetu kohderyhmäsi saappaisiin.



Sisältökonsepti


( ← Toista )

”Nykyään jokainen yritys on mediayritys”



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

Arviot Hyödyt

Yhteystiedot

Artikkelit


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


Kumpi kiinnostaa enemmän?

Näkökulma SISÄLTÖKONSEPTI 1/4


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



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


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


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ää


Muista aktivointi ja ohjaus


Responsiivinen design vs.

mobiilisovellus → Määrittele tavoite → Tee suunnitelma → Toteuta suunnitelma → Tutki ja analysoi →

( ← Toista )


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


Sovellukset yhä suositumpia


Responsiivinen design Sovellus Mobiili-sivu

Termit haltuun


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)


http://yle.fi/uutiset/

Ylen sivusto on hyvä esimerkki loistavasti toimivasta responsiivisesta sivustosta.


Sovellus Mobiili-sivu


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


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


Verkkosivun käyttökokemus & ulkoasu


( ← Toista )


Vakuuta vierailijasi jäämään. Aikaa 1 sekunti.


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



Digitaalinen asiakaskokemus

Keskiverto kävijä

✔ Henkilökohtaista

✔ Merkityksellistä

✔ Myös ”pieniä” asioita mm. viestintää

→ Tunne sivustovierailijasi (kohderyhmät)



Personointia on hyödynnetty jo kauan mm. uutiskirjeissä






Julkaisujärjestelmät – WordPress vs. Muut


( ← Toista )


Noin 23 % kaikista maailman verkkosivuista käyttää WordPress-järjestelmää.


WordPress lyhyesti •  Ilmainen, avoimen

lähdekoodin sisällönhallintajärjestelmä

•  PHP + MySQL •  Sisällönhallinta /

päivittäminen helppoa •  Laajennusmahdollisuudet •  Kustannustehokas


WordPress Ohjausnäkymä


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


Kehitysvinkkejä → Määrittele tavoite → Tee suunnitelma → Toteuta suunnitelma → Tutki ja analysoi →

( ← Toista )


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


Kysymyksiä? Jussi Saunamäki [email protected]

Kiitos!