Videoiden käyttö verkkosivuilla – Parhaat käytännöt

Videosta on tullut yksi tehokkaimmista digitaalisista sisällöistä. Video yhdistää kuvan, äänen ja tarinankerronnan tavalla, joka sitouttaa käyttäjän paremmin kuin pelkkä teksti tai kuva. Tavallisin paikka (heti Youtuben jälkeen) käyttää videoita on… yllätys yllätys, verkkosivut.

Reilun vuosikymmenen kokemuksen perusteella videoita käytetään verkkosivuilla välittämään tietoa, syventämään tunnetta, tukemaan brändiä ja kasvattamaan luottamusta. Nämä ovat erinomaisia tavoitteita, mutta vaativat oikeat strategiat onnistuakseen.

Verkkopalveluihin liittyvät tutkimukset osoittavat, että kävijät viettävät enemmän aikaa sivuilla joilla on videoita. Videoiden on havaittu helpottavan ostopäätöksen tekemistä. Video sivulla ei siis ole vain kiva lisä, vaan aito työkalu sivun tehokkuuden parantamiseen.

Pelkkä videon lisääminen sivulle ei kuitenkaan riitä. Sijoittelun, teknisen toteutuksen ja lopulta käyttäjäkokemus ratkaisevat millaista hyötyä videosta saadaan irti. Hitaasti latautuva tai Katso video -nappulan taakse piilotettu video harvoin ajaa asiaansa, eikä videon paikka ole myöskään sivun alaosassa.

Tämän artikkelin tarkoitus on auttaa sinua sijoittamaan video sivullesi mahdollisimman tehokkaasti ja tukemaan tavoitteitasi. Hyvin sijoiteltu, oikein määritelty ja sivun sisältöön nivottu video sitouttaa sivustokävijäsi viipymään sivuillasi pidempään ja auttaa ohjaamaan häntä kohti haluttua toimintaa.

Kokosin tähän artikkeliin muutamia tärkeimpiä perusperiaatteita. Niiden avulla saat videostasi enemmän irti.

Joni Pohjankettu

Kaupallinen johtaja

Olen työskennellyt piirrosvideoiden ja niiden käyttämisen parissa pitkälle yli vuosikymmenen. Kokemusta on karttunut niin myynnin, johdon, projektinhallinnan kuin videon tekemisen rooleissa.

Koulutustausta

  • Myynnin johtaminen, Tradenomi YAMK (2025)
  • Johtamisen ja yritysjohtamisen erikoisammattitutkinto JYET
  • Äänisuunnittelija, Medianomi AMK

Erityisosaaminen

  • Yrittäjyys ja pk-yritykset
  • B2B-myynti ja myynnin kehitys

1. Kanavan ja upotustavan valinta

Oletan, että lukiessasi tätä artikkelia olet investoinut laadukkaaseen piirrosvideoomme ja haluat saada siitä kaiken irti. Käyn asiaa läpi siksi nimenomaan piirrosvideon näkökulmasta. Ohje toimii toki myös muunlaisille informatiivisille videoille.

Monessa organisaatiossa verkkosivuista huolehtii joko yhteistyökumppani tai oma osastonsa. Jos teillä on näin, voit jättää videon lisäämisen heidän huolekseen. Suosittelen kuitenkin lukaisemaan tämän läpi ja tsekkaamaan, että videosi on lisätty tavoitettasi tukevasti sivustolle – kokemuksemme mukaan sivustojen asiantuntijat eivät aina ole videoiden käytön asiantuntijoita.

Kanavan valinta

Ohessa kolme nähdäkseni parasta tapaa videon ylläpitämiseen (hosting) verkossa. Näistä kaikki tukevat vaaka- ja pystyvideoiden käyttöä. Video ladataan yleensä siihen palveluun, joka on valmiiksi organisaation käytössä. Jos kuitenkin olet lataamassa ensimmäistä videota, kannattaa tuumata hetki omaan käyttöön sopivinta alustaa.

Upottaminen sivustolle
 
Olennaista on upottaa video sivuun (käsittelemme sijoittelua kohta), ei piilottaa sitä linkin taakse tai nappulaan. Linkki ja nappulat karsivat katsojia merkittävästi ja menetät tällöin videolta saatavia hyötyjä verkkosivun vierailuajassa, asiaan sitoutumisessa ja asiakaskokemuksessa.
 
Useimmista verkkosivutyökaluista esimerkiksi Wordpress-, Squarespace- ja Wix-sivustoilla löytyy helppokäyttöinen elementti videon lisäämiseen. Näitä kannattaa käyttää. Lisäksi, aseta videolle esikatselukuva verkkosivustolla ja aseta lataamiseen liittyvät toiminnot mahdollisimman kevyiksi. Tällöin video ei hidasta sivustosi latautumista merkittävästi. 
 
Jos haluat lisätä videosi koodilla (<iframe>, HTML5 <video>) tähän löydät satoja hyviä oppaita verkosta!

Youtube tai Vimeo

Helppo ratkaisu videon lisäämiseen. Teknisesti nopea. Erityisesti Youtube-videot löytyvät helpommin hakukoneilla. Jos et halua mainoksia toisiin videoihin videosi perään, Vimeo on hyvä vaihtoehto.

Videomarkkinontialusta

Ratkaisu silloin, kun haluat seurata videoiden dataa tarkasti. Suosittuja alustoja esimerkiksi Wistia, Vidyard ja SproutVideo. Esimerkiksi B2B-myynnin videoiden käyttöön.

Oma sivusto / palvelin

Erityisenä hyötynä täysi kontrolli videoon ja sen ulkoasuun. Usein hitaampi kuin ulkopuolinen palvelu (joka haittaa sivun suorituskykyä ja siten hakukoneiden arvostusta). Vaatii teknistä osaamista.

(sosiaalisen median palvelut)

Muistutukseksi: vaikka lataisit videon esimerkiksi Youtubeen, video kannattaa ladata suoraan jokaiseen sosiaalisen median palveluun (Facebook, Instagram, X, LinkedIn…) videopalvelusta linkittämisen sijaan. Näin se näkyy alustoilla paremmin!

2. Videon sijoittelu sivulla

Videon sijainti verkkosivulla ratkaisee suurelta osin sen, kuinka moni kävijä katsoo videon. Hyvä video ei auta, jos sitä ei katsota. Sijoittelu on ehkä keskeisin tekijä, joka  vaikuttaa katselumääriin, sivun tuottamiin tuloksiin ja asiakaskokemukseen.

Upota video ensimmäiseen näkymään

Tärkein yksittäinen sääntö on: jos video sisältää olennaista tietoa, sen tulee olla sivuston ensimmäisen sisältönäkymän selkein elementti.

Miksi näin? Sivustokävijä muodostaa käsityksensä sivusta ensimmäisten sekuntien aikana. Video on myös yksi suosituimpia tapoja omaksua uutta tietoa. Tarjoamalla videon ensimmäisten sekuntien aikana kasvatat todennäköisyyttä, että kävijäsi tarttuu videoon tiedonlähteenä. 

Oheisessa esimerkissä video on asetettu sivuston asetteluun täyden leveyden videona. Tämä on hyvä tapa, jos video käsittelee sivun pääasiaa. Toinen hyvä käytäntö on asetella video puolen sivun leveydelle, ensimmäisen tekstin rinnalle.

Jos video liittyy tiettyyn osaan sivuasi, korosta kontekstia

Aina videota ei kannata sijoittaa sivun alkuun. Jos video liittyy esimerkiksi ohjeeseen tai asiakastarinaan, joka esitellään sivulla myöhemmin osana sivun argumentaatiota, asettele video tämän osion ensimmäiseen näkymään.

Olennaista on, että käyttäjä ei joudu etsimään videota.

3. Responsiivisuus ja kuvasuhteet

Valtaosalla aloista suurin osa verkkosivukävijöistä selaa sivustoa mobiililaitteella, haluttiin niin tai ei. Siksi videoiden täytyy entistä paremmin vastata mobiiliselailijoiden tarpeisiin. 

Mobiilikäyttäjien enemmistö ei tarkoita sitä, että kaikki tavalliset tietokoneen näytöllä katsottavat laajakuvavideot (16:9) joutavat romukoppaan. Vaakavideo on edelleen toimiva formaatti ja sen katsomiseen on totuttu vuosien aikana. Se että video on vaakaformaatissa ei yleensä pysäytä mobiilikäyttäjää, vaan mobiililaite kääntyy helposti käsissä ja video avataan sitten isompaan näkymään.

Asiakaskokemuksen ja ennenkaikkea videon pysäyttävyyden kannalta kannattaa kuitenkin suosia responsiivista eli laitteen mukaan muokkautuvaa videota. Käytännössä tämä tarkoittaa samaa videota useassa eri kuvasuhteessa, joista sopivin valitaan näytetettäväksi laitteen tai katseluikkunan koon mukaan. 

Alla näet esimerkit yleisimmistä kuvasuhteista: 9:16 (pysty), 1:1 (neliö) ja 16:9 (laajakuva).

Kyseisestä vertailusta huomaat myös helposti syyn, miksi mobiilikäyttäjälle kannattaa tarjota lähtökohtaisesti pystyformaatin (kuten 9:16 tai 4:5) videota tai neliötä vaakaformaatin 16:9:n sijaan. Mobiililaitteella pystyvideo täyttää mukavasti ruudun ja on merkittävästi suurempi elementti sivulla kuin perinteinen vaakavideo.

Jos olet hankkinut videosi useammassa kuvasuhteessa, kannattaa ne lisätä sivustolle siten, että tietokonekäyttäjälle näytetään vaakaformaatin video ja mobiilikäyttäjälle pysty- tai neliöformaatin video. Mobiilinäkymässä myös mahdolliset tekstitykset kannattaa kytkeä oletuksena päälle.

Responsiivisuus parantaa käyttökokemusta, lisää videon katselukertoja, vähentää lyhyitä sivukäyntejä ja parantaa hakukonenäkyvyyttä.

4. Sido video sivun sisältöön

Parhaan hyödyn videosta saa, kun video ei ole irrallinen elementti vaan osa sivun kokonaisuutta sekä sivustokävijän polkua.

Käytännössä tämä tarkoittaa sitä, että video kannattaa sijoittaa (aiemmat kohdat huomioiden) siihen missä se asettuu intuitiivisesti osaksi käyttäjän etenemistä, täydentäen tekstiä ja kuvia.

Kun video ja muu sisältö kulkevat käsi kädessä, käyttäjä ymmärtää heti, miksi videon katsominen kannattaa ja mitä hyötyä hän saa siitä.

Jos videon esikatselukuva tai konteksti ei kerro automaattisesti videon sisältöä, kannattaa katsojaa johdatella myös tekstillä videon katsomiseen. Ohessa yksinkertaistettu esimerkki.

Oletko pohtinut, miksi moni teknologia-alan B2B-tuotteiden myyjä näyttää piirrosvideon osana myyntitapaamista? Katso tärkeimmät syyt videolta.

Tyypillisiä videon sijoitteluita sivustokävijän polulle

Tuotevideot

Tuotesivuilla video voi näyttää tuotteen käytännössä: miten se toimii, miten se toimii ja miksi se ratkaisee asiakkaan ongelman sekä mitä hyötyjä siitä saadaan. Tuotesivulla käytettävän videon paikka löytyy usein aivan sivun alusta tai tuotteen tärkeimmän ominaisuuden yhteydestä.

Palveluvideot

Palveluita jäsentävät videot avaavat usein palvelun prosessia tai merkitystä. Palvelusivuilla videon sopivin sijoittelu löytyy tuotesivun tapaan joko alusta tai siitä kohdasta, jota video täsmällisesti käsittelee.

Asiakaskokemukset

Asiakaskokemusta käsittelevän videon sitominen sivuun on alisteinen sivuston muulle argumentaatiolle. Usein paras paikka videolle löytyy ensimmäisten myynnillisten väittämien jälkeen.

Laajat tietosisällöt

Tietosisältöön liittyen video voi selittää monimutkaisen asian visuaalisesti, jolloin sivustokävijä hahmottaa sen nopeammin kuin pelkän tekstin avulla. Tietosisällöissä sijoittelupaikka löytyy usein aivan sivun alusta.

Video on yksi tehokkaimmista keinoista sitouttaa kävijöitä ja vahvistaa viestiä verkkosivuilla. Kun sijoitat sen sivulle näiden käytäntöjen mukaan – siis näkyvästi, sidottuna muuhun sisältöön, teknisesti oikein ja responsiivisesti – rakennat samalla sivustokävijällesi toimivaa polkua. 

Olet panostanut aikaa ja rahaa videon hankkimiseen. Huolehtimalla videon tehokkaasta käytöstä, kuten sijoittelusta verkkosivuille, saat sijoituksestasi parhaat hyödyt irti!

Jutellaanko tarkemmin?

Jäikö sinulle kysyttävää? Tarvitsetko videon viestintääsi? Ota yhteyttä, niin katsotaan yhdessä sopiva ratkaisu tarpeisiisi. Voit ottaa meihin yhteyttä suoraan joko puhelimitse tai sähköpostilla, tai lähettää meille viestin lomakkeella niin palaamme sinulle mahdollisimman pian.

Joni Pohjankettu
Jaa tämä julkaisu

Muita julkaisujamme

Joni Pohjankettu

Oppimateriaalit

Piirrosvideoita hyödynnetään laajasti oppimateriaaleissa. Katso julkisia esimerkkejä oppimateriaaleihin tekemistämme videoista.

Lue lisää
Laura Humppi

Edunvalvonta

Edunvalvonnassa ymmärrettävän viestinnän tärkeys korostuu. Katso esimerkkejä edunvalvontajärjestöjen piirrosvideoista.

Lue lisää