Visuaalinen sisältö tuottaa Facebookissa kaksi-kolme kertaa enemmän reagointia kuin pelkkä teksti, mutta etu toteutuu vain, kun visuaalit on rakennettu alustaa varten. Kuva, joka näyttää hiotulta työpöytänäytöllä, voi näyttää rajatulta, sumealta tai sekavalta mobiilisyötteessä. Video, joka toimii hyvin toisella alustalla, voi toimia Facebookissa huonosti, koska sitä ei ole muotoiltu sen mukaan, miten Facebook levittää ja näyttää sen. Facebookin visuaalisen sisällön onnistuminen ei ole niinkään suunnittelutaitoa kuin ympäristön erityisten rajoitteiden ymmärtämistä, jossa sisältö oikeasti nähdään.
Tässä artikkelissa kerrotaan, mitkä kuva- ja videomitat ovat tärkeitä, mitkä suunnitteluperiaatteet johtavat reagointiin ja mitkä muotovalinnat vaikuttavat siihen, kuinka pitkälle sisältö leviää.
Miksi Facebookin visuaalisilla mitoilla on enemmän väliä kuin useimmat brändit tajuavat
Useimmat käyttäjät ovat mobiilissa
Yli 85 prosenttia Facebookin käyttäjistä käyttää alustaa mobiililaitteella, mikä tarkoittaa, että jokainen brändin julkaisema visuaali nähdään pääasiassa pienellä, jonkun kädessä pidettävällä näytöllä. Kuva, joka on suunniteltu kokoon 1200 x 628 pikseliä, näyttää hyvin erilaiselta 6 tuuman puhelimen näytöllä kuin suunnitteluohjelmassa, jossa se luotiin. Teksti, joka vaikuttaa luettavalta työpöytäkoossa, voi muuttua mobiilikoossa lukukelvottomaksi. Taustat, jotka näyttävät siisteiltä suurella näytöllä, voivat näyttää levottomilta pienennettyinä. Mobiili edellä suunnittelu ja työpöytänäkymän tarkistaminen sen jälkeen tuottaa parempia tuloksia kuin päinvastoin.
Facebook rajaa kuvat automaattisesti
Facebook rajaa kuvat automaattisesti sen mukaan, missä ne näkyvät: syötteessä, sivulla, esikatseluissa tai mainoksissa. Kuva, jota ei ole mitoitettu oikein sijoituspaikkaansa varten, rajataan tavoilla, joita brändi ei tarkoittanut: kasvot leikkautuvat pois, tärkeä teksti katoaa tai kuva jää visuaalisesti epätasapainoon. Sen ymmärtäminen, mitkä mitat koskevat mitäkin sijoituspaikkaa, ehkäisee yleisimmät visuaaliset ongelmat, joista useimmat ovat brändille näkymättömiä mutta heti selviä jokaiselle, joka katsoo julkaisua syötteessään.
Kuvamitat sijoituspaikan mukaan
Syötteen julkaisut
Neliökuvat kokoa 1080 x 1080 pikseliä ovat luotettavin muoto Facebookin syötejulkaisuille, koska ne näkyvät johdonmukaisesti sekä mobiilissa että työpöydällä ilman merkittävää rajausta. Vaakakuvat kokoa 1200 x 628 pikseliä toimivat hyvin linkkien esikatseluissa ja julkaisuissa, joissa vaakasuuntainen sommittelu on järkevä. Pystykuvat kokoa 1080 x 1350 pikseliä vievät syötteessä enemmän pystytilaa, mikä yleensä lisää viipymäaikaa, kun käyttäjät pysähtyvät selaamaan korkeamman kuvan ohi. Jokaisessa syötekuvassa tiedostokoon pitäminen alle 8 megatavun ja JPEG- tai PNG-muodon käyttö varmistaa nopean latautumisen ilman laadun menetystä.
Kansikuvat ja profiilikuvat
Sivun kansikuva näkyy kokona 820 x 312 pikseliä työpöydällä ja 640 x 360 pikseliä mobiilissa, ja mobiilissa se rajataan automaattisesti ylä- ja alareunasta. Kansikuvan teksti ja keskeiset visuaaliset elementit pitäisi keskittää sekä vaaka- että pystysuunnassa, ja ylä- ja alareunaan jätetään noin 80 pikselin turvavyöhyke, jotta ne eivät rajaudu pois pienemmillä näytöillä. Profiilikuva näkyy ympyränä kokoa 170 x 170 pikseliä työpöydällä, mikä tarkoittaa, että hienoja yksityiskohtia tai tekstiä sisältävät logot voivat muuttua lukukelvottomiksi tuossa koossa. Logon yksinkertaistettu versio tai logon kuvake ilman sanamerkkiä kestää yleensä paremmin profiilikuvana.
Tarinat ja Reels
Tarinat ja Reels käyttävät pystysuuntaista kuvasuhdetta 9:16 kokoa 1080 x 1920 pikseliä. Tämä koko näytön pystymuoto on rakennettu kokonaan mobiilikatselua varten, ja vaaka- tai neliömuodossa luotu sisältö näkyy mustilla palkeilla ylä- ja alapuolella, mikä näyttää epäammattimaiselta ja heikentää sisällön visuaalista vaikutusta. Tarinoiden tai Reelsien teksti ja keskeiset visuaaliset elementit pitäisi pitää keskellä olevalla turvavyöhykkeellä, poissa kuvan ylimmästä ja alimmasta 15 prosentista, joihin Facebook asettaa käyttöliittymäelementtejä, kuten profiilin nimen, tykkäyspainikkeet ja tekstitykset.
Videomitat ja mitä ne tarkoittavat käytännössä
Muoto ja resoluutio
Facebook tukee laajaa valikoimaa videomuotoja, mutta H.264-pakkauksella koodatut MP4- ja MOV-tiedostot tuottavat parhaan yhdistelmän laatua ja tiedostokokoa alustalle ladattaessa. 1080p-resoluutio, eli 1920 x 1080 pikseliä vaakavideolle ja 1080 x 1920 pikseliä pystyvideolle, on standardi, joka näkyy terävänä useimmilla mobiilinäytöillä. Pienemmät resoluutiot latautuvat nopeammin mutta voivat näyttää pehmeiltä tai pikselöityneiltä uudemmilla puhelinnäytöillä. Äänen pitäisi olla stereo vähintään 128 kilobittiä sekunnissa, koska Facebook toistaa videon oletuksena automaattisesti ilman ääntä ja monet käyttäjät katsovat äänet pois päältä, mutta äänenlaadulla on merkitystä, kun he laittavat sen päälle.
Pituus ja loppuun katsomisprosentti
Reelsien kohdalla alle yhdeksänkymmenen sekunnin videot toimivat parhaiten loppuun katsomisprosentin suhteen, ja se on yksi signaaleista, joita algoritmi käyttää tavoittavuuden määrittämiseen. Tavallisissa syötevideoissa yhdestä kolmeen minuuttia on toimiva väli opettavalle tai esittelysisällölle, kun ymmärretään, etteivät useimmat katsojat katso loppuun. Ensimmäiset kolme sekuntia ratkaisevat, jatkaako suurin osa katsojista lainkaan. Video, joka alkaa otsikkokortilla, logolla tai hitaalla johdantokuvalla, menettää merkittävän osan potentiaalisesta yleisöstään ennen kuin varsinainen sisältö alkaa. Visuaalisesti tai tiedollisesti kiehtovimmalla hetkellä aloittaminen ja siitä rakentaminen pitää huomion tehokkaammin.
Tekstitykset ja äänetön katselu
Facebook toistaa videon syötteessä automaattisesti ilman ääntä, mikä tarkoittaa, että merkittävä osa katsojista kokee videosisällön äänettömänä. Tekstitysten lisääminen videoihin ei ole vain saavutettavuustoimi, vaan tavoittavuusstrategia. Tekstitetyillä videoilla loppuun katsomisprosentit ovat huomattavasti korkeammat kuin ilman niitä, koska katsojat, jotka muuten selaisivat äänettömän videon ohi, voivat seurata sisältöä tekstin kautta. Facebookin videonlatustyökalussa on automaattinen tekstitysten luontiominaisuus, mutta automaattisesti luodut tekstitykset pitäisi aina tarkistaa ja korjata ennen julkaisua, koska tekstitysten virheet voivat heikentää sisällön ammattimaisuutta.
Suunnitteluperiaatteet, jotka johtavat reagointiin
Pidä kuvissa oleva teksti vähäisenä
Tekstipainotteiset kuvat toimivat Facebookissa huonosti sekä algoritmin että yleisön silmissä. Facebook rankaisi historiallisesti kuvia, joissa tekstiä oli yli 20 prosenttia pinta-alasta, maksetuissa sijoituksissa, ja vaikka sääntöä on lievennetty, sen taustalla ollut syy ei ole kadonnut: yleisö selaa tiheät tekstikuvat ohi nopeammin kuin siistit visuaaliset julkaisut. Rajoita kuvan teksti lyhyeen otsikkoon tai yhteen avainlauseeseen. Pidä kirjasinkoot tarpeeksi suurina mobiilissa luettaviksi, vähintään 30 pistettä kaikelle, mitä on tarkoitus lukea syötteessä, ja käytä korkeaa kontrastia tekstin ja taustan välillä, jotta sanat ovat luettavia ilman zoomausta.
Visuaalinen yhtenäisyys julkaisuissa
Facebook-sivu, jolla jokainen julkaisu näyttää erilaiselta tyyliltään, väreiltään ja muodoltaan, ei rakenna visuaalista identiteettiä, jonka seuraajat yhdistävät brändiin. Kahden-kolmen brändivärin yhtenäinen paletti, yksi tai kaksi kirjasinta ja tunnistettava kuvatyyli tarkoittavat, että seuraajat alkavat tunnistaa brändin sisällön jo ennen kuin ovat lukeneet sanaakaan. Tämä tunnistaminen on yksi hiljaisista eduista, joita vahvan visuaalisen yhtenäisyyden brändit rakentavat ajan mittaan: niiden sisältö pysäyttää selaamisen ei siksi, että se olisi äänekkäämpää, vaan koska se on tuttua. Suunnittelutyökaluilla rakennetut pohjat tekevät tämän yhtenäisyyden mahdolliseksi ilman suunnittelijaa jokaista julkaisua varten.
Mobiilin kontrasti ja kirkkaus
Mobiilinäyttöjä katsotaan monenlaisissa valaistusoloissa kirkkaasta ulkoaurinkoisesta hämärään sisätilaan. Kuva, joka näyttää hyvin valaistulta ja tasapainoiselta kalibroidulla työpöytänäytöllä, voi näyttää haalistuneelta kirkkaassa auringonvalossa tai liian tummalta hämärässä huoneessa mobiilinäytöllä. Kontrastin lisääminen hieman yli sen, mikä näyttää luonnolliselta työpöytänäytöllä, tuottaa usein kuvan, joka erottuu selkeämmin mobiilikäyttäjien kokemissa eri olosuhteissa. Kuvien testaaminen oikealla mobiililaitteella ennen julkaisua työpöytäesikatseluun luottamisen sijaan paljastaa yleisimmät näkyvyysongelmat ennen kuin ne tavoittavat yleisön.
Oikean muodon valinta kullekin sisällölle
Milloin käyttää staattisia kuvia
Staattiset kuvat toimivat parhaiten sisällölle, joka viestii yhden selkeän ajatuksen: tuotteen, lainauksen, ilmoituksen, ennen ja jälkeen -vertailun tai visuaalin, joka tukee tekstipohjaista julkaisua. Ne ovat nopein muoto tuottaa ja helpoin ylläpitää johdonmukaisesti, mikä tekee niistä käytännöllisen selkärangan säännölliselle julkaisuaikataululle. Ne jäävät yleensä videon taakse tavoittavuudessa algoritmin nykyisten muotomieltymysten vuoksi, mutta vahva kuva yhdistettynä sisältöä sisältävään tekstiin päihittää johdonmukaisesti heikon videon. Muodon valinnalla on vähemmän väliä kuin sisällön laadulla.
Milloin käyttää videota
Video toimii parhaiten, kun sisältö aidosti hyötyy liikkeestä, esittelystä tai kerronnasta. Tuote, joka toimii paremmin käytössä näytettynä kuin kuvatekstissä kuvailtuna, prosessi, jota on helpompi seurata katsomalla kuin lukemalla, tai persoonavetoinen brändi, jossa perustajan ääni ja puhetapa on osa brändin vetovoimaa, ovat kaikki vahvoja videon ehdokkaita. Video videon vuoksi, jossa liikkuva muoto ei tuo mitään, mitä still-kuva tai tekstijulkaisu ei voisi viestiä yhtä hyvin, toimii usein huonosti sekä tuotantovaivassa että todellisissa tuloksissa.
Milloin käyttää karuselleja
Karusellit sopivat parhaiten sisällölle, jolla on luonnollinen järjestys: vaiheittaiset ohjeet, sarja toisiinsa liittyviä vinkkejä, tuotevalikoima tai tarina, joka etenee usean kuvan yli. Pyyhkäisyvuorovaikutus pitää käyttäjät mukana pidempään kuin yksittäinen kuva, ja usean kuvan muoto mahdollistaa enemmän tietoa ilman, että se ahdetaan yhteen visuaaliin. Jokaisen kuvan pitäisi toimia itsenäisenä visuaalina yhdellä selkeällä pointilla, jotta katsoja, joka näkee vain ensimmäisen kuvan, saa silti jotain arvokasta, kun taas katsoja, joka pyyhkäisee kaikki läpi, saa kokonaiskuvan.
Siitä, miten visuaalinen sisältö liittyy laajempaan sisältöstrategiaan Facebookissa, kerrotaan artikkelissa Facebookin sisältöstrategia. Siitä, miten sisältömuoto vaikuttaa algoritmiseen levitykseen, kerrotaan artikkelissa Miten Facebookin algoritmi toimii. Vahvan visuaalisen sisällön varaan rakentuvista orgaanisen kasvun strategioista kerrotaan artikkelissa Facebook-markkinointi ja orgaaninen kasvu.
Miten verkkosivustosi liittyy Facebookin visuaaliseen sisältöön?
Facebookin visuaalinen sisältö luo ensivaikutelman. Verkkosivusto on paikka, jossa tuo vaikutelma muuttuu mitattavaksi. Visuaalisesti vahva Facebook-läsnäolo, joka ohjaa ihmisiä verkkosivustolle, joka ei vastaa samaa laatutasoa, menettää uskottavuuden, jonka se rakensi syötteessä. Visuaalinen yhtenäisyys sen välillä, mitä brändi näyttää Facebookissa ja mitä joku löytää klikatessaan verkkosivustolle, rakentaa luottamusta, joka muuttaa seuraajan asiakkaaksi.
WEMASYn Sivustonrakentaja antaa brändeille ammattimaisen kohteen, joka kestää vertailun somen vahvan visuaalisen sisällön asettamaan standardiin. WEMASYn Analytiikka ja oivallukset näyttää, mitkä Facebook-julkaisut tuovat verkkosivustovierailuja ja mitä kävijät tekevät saavuttuaan. Katso, mitä kuuluu mukaan, osoitteessa /pricing.
Usein kysytyt kysymykset
Mikä kuvakoko toimii parhaiten Facebookin syötejulkaisuissa?
Neliökuvat kokoa 1080 x 1080 pikseliä ovat luotettavin koko Facebookin syötejulkaisuille, koska ne näkyvät johdonmukaisesti mobiilissa ja työpöydällä ilman merkittävää automaattista rajausta. Vaakakuvat kokoa 1200 x 628 pikseliä toimivat hyvin linkkien esikatseluissa ja julkaisuissa, joissa vaakasuuntainen sommittelu sopii sisältöön. Pystykuvat kokoa 1080 x 1350 pikseliä vievät syötteessä enemmän pystytilaa, mikä yleensä lisää aikaa, jonka katsoja viettää julkaisun parissa ennen ohi selaamista. Mikä tahansa näistä mitoista tuottaa siistin lopputuloksen, kun kuva on suunniteltu nimenomaan siihen kokoon eikä skaalattu suuremmaksi pienemmästä alkuperäisestä. WEMASYn Sivustonrakentajalla voit rakentaa tämän suoraan verkkosivustollesi.
Pitäisikö Facebook-videoissa olla tekstitykset?
Kyllä. Facebook toistaa videon syötteessä automaattisesti ilman ääntä, mikä tarkoittaa, että monet katsojat kokevat videosisällön täysin hiljaisena. Tekstitykset antavat näiden katsojien seurata sisältöä ilman äänen päälle laittamista, mikä lisää loppuun katsomisprosentteja ja parantaa saavutettavuutta huonokuuloisille katsojille. Tekstitetyt videot päihittävät johdonmukaisesti samat videot ilman tekstityksiä loppuun katsomisprosentissa. Facebookin videonlatustyökalussa on automaattinen tekstitysgeneraattori, mutta tulos pitäisi tarkistaa ja korjata käsin ennen julkaisua, koska automaattisesti luotujen tekstitysten virheet voivat näyttää epäammattimaisilta.
Kuinka pitkiä Facebook-videoiden pitäisi olla?
Reelseille alle yhdeksänkymmentä sekuntia on väli, joka tuottaa parhaat loppuun katsomisprosentit, ja se on merkittävä algoritminen signaali. Tavallisille syötevideoille, jotka sisältävät opettavaa tai esittelysisältöä, yhdestä kolmeen minuuttia on toimiva väli, jos sisältö ylläpitää kiinnostusta koko ajan. Ensimmäiset kolme sekuntia ovat kriittisimmät: jos video ei anna katsojalle selkeää syytä jatkaa katsomista noiden ensimmäisten sekuntien aikana, useimmat selaavat ohi. Kiinnostavimmalla tai visuaalisesti vetävimmällä hetkellä aloittaminen ja siitä rakentaminen pitää enemmän katsojia kuin hidas johdanto.
Vähentääkö liiallinen teksti Facebook-kuvassa tavoittavuutta?
Kyllä, sekä algoritmin että yleisön silmissä. Facebook on historiallisesti rankaissut kuvia, joissa on paljon tekstiä, maksetuissa sijoituksissa, ja jopa orgaanisissa julkaisuissa yleisö selaa tiheän tekstikuvasisällön ohi nopeammin kuin siistimmät visuaalit. Kuvan tekstin rajaaminen lyhyeen otsikkoon tai yhteen avainlauseeseen, kirjasinkoolla, joka on tarpeeksi suuri luettavaksi mobiilinäytöllä, toimii paremmin kuin kuvan kohteleminen paikkana mahdollisimman paljon tiedon mahduttamiselle. Kuvatekstikenttä on parempi paikka selittävälle tekstille.
Missä kuvasuhteessa Facebook Reels pitäisi kuvata?
Reels pitäisi kuvata ja viedä pystysuuntaisessa 9:16-kuvasuhteessa kokoa 1080 x 1920 pikseliä. Tämä koko näytön pystymuoto on rakennettu mobiilikatselua varten, ja vaakasuunnassa tai neliömuodossa kuvattu sisältö näkyy Reels-kehyksessä tyhjällä tilalla ylä- ja alapuolella, mikä näyttää keskeneräiseltä ja heikentää visuaalista vaikutusta. Tärkeä teksti, kasvot ja tärkeät visuaaliset elementit pitäisi pitää kehyksen keskialueella, poissa ylimmästä ja alimmasta 15 prosentista, joihin Facebook asettaa käyttöliittymäelementtejä, kuten profiilin nimen ja vuorovaikutuspainikkeet.
Miten brändi voi pitää visuaalisen yhtenäisyyden Facebookissa ilman suunnittelijaa?
Suunnittelupohjatyökalut tekevät visuaalisesta yhtenäisyydestä mahdollista ilman omistettua suunnittelijaa. Kolmen-viiden uudelleenkäytettävän julkaisupohjan luominen, joissa jokaisessa on yhtenäinen väripaletti, kirjasin ja asettelu, tarkoittaa, että uutta sisältöä voi tuottaa nopeasti vaihtamalla uusia kuvia tai tekstiä rakentamatta suunnittelua alusta joka kerta. Samojen kahden-kolmen brändivärin ja enintään kahden kirjasimen käyttö kaikissa pohjissa vakiinnuttaa visuaalisen identiteetin. Sen tarkistaminen ennen julkaisua, että uudet julkaisut tuntuvat tunnistettavasti aiempien kaltaisilta, ylläpitää yhtenäisyyttä ajan mittaan.