Kattava opas link preview -ominaisuuksiin | Kontentino

Link preview eli linkin esikatselu – se on juuri sitä, miltä se kuulostaakin. Se näyttää, miltä sosiaalisen median postauksessa jakamasi linkki näyttää (oli kyseessä sitten Facebook, LinkedIn tai Twitter). Muutama vuosi sitten linkin esikatselussa pystyi muuttamaan lähes mitä tahansa: otsikoita, kuvauksia ja kuvia. 

Pyrkimyksenä tehdä internetistä parempi paikka ja estää valeuutisten leviämistä, käyttäjillä on nykyään rajoituksia sen suhteen, mitä linkkejä he voivat muokata. Tämä muutti tavan, jolla jaamme linkkejä Facebookissa tai muissa sosiaalisen median verkostoissa.

Tässä artikkelissa selvitämme, miten saat linkin toimimaan Facebook-postauksessa ja mitä tehdä Twitterin ja LinkedInin link preview -ominaisuuksien kanssa. Opit, miten hyperlinkit Facebook-postauksissa eroavat varsinaisista linkkipostauksista ja mikä Facebook preview oikeastaan on. Kerromme myös, mitkä työkalut (kuten Facebook Link Debugger) voivat helpottaa työtäsi huomattavasti.

Link preview -muokkaus CMS-järjestelmässä

Voit määrittää linkkien esikatselut suoraan CMS-järjestelmässäsi (esim. WordPress). Näin voit hallita esikatselua ilman, että sinun tarvitsee muuttaa osia siitä juuri ennen postaamista sosiaaliseen mediaan.

Joskus voi kuitenkin käydä niin, että muutat esimerkiksi kuvaa verkkosivullasi tai artikkelissasi, mutta kun yrität jakaa linkin, esikatselu näyttää edelleen vanhan kuvan. Se kuuluu asiaan. 

Siksi sosiaalisen median verkostot tarjoavat ratkaisuja, joista et ehkä tiennyt. Facebook, LinkedIn ja Twitter ovat kehittäneet omat työkalunsa link preview -ongelmien hallintaan. Ne on nimetty eri tavoin, mutta ne tekevät (suunnilleen) saman asian: ne näyttävät tiedot, joita niillä on hallussaan kyseisestä linkistä. 

Facebook, LinkedIn ja Twitter tallentavat linkkien tiedot välimuistiin (cache) useiksi päiviksi. Näin niiden ei tarvitse ladata tietoja joka kerta, kun linkki näytetään. Tiedot säilyvät muistissa, ja ne päivitetään automaattisesti vasta muutaman päivän kuluttua.  

Onneksi on olemassa työkaluja, joilla linkkien tiedot voi päivittää manuaalisesti – nopeuttaen prosessia huomattavasti.

Facebook – Link Debugger

Kuvitellaan, että jaat linkin Facebookissa, mutta se näyttää erilaiselta kuin odotit. Muutama tunti sitten päivittämäsi esikatselukuva ei näy. Facebookin on päivitettävä linkin tiedot uudelleen. Useimmissa tapauksissa nämä tiedot säilyvät päivittämättöminä jopa 30 päivää. Voit pakottaa Facebookin näyttämään oikeat tiedot käyttämällä kätevää Facebook Link Debugger -työkalua. 

Mikä on Facebook preview? Tapa, jolla linkki näytetään Facebookissa, kun se julkaistaan.

Kun haluat lisätä linkin Facebook-postaukseen, kopioi linkkisi ensin Facebook Link Debugger -työkaluun. Se näyttää kaikki tiedot, jotka näkyvät, jos jakaisit linkin juuri nyt. Jos se näyttää yhä vanhan kuvan tai otsikon, klikkaa “Scrape again”, ja työkalu hakee uusimmat tiedot linkin esikatseluun.

Tällä tavoin Facebook saa tiedon, että linkin tiedot on päivitetty. Seuraavan kerran, kun jaat linkin, se näyttää päivitetyt tiedot.

Kontentinon käyttäjänä sinun ei tarvitse huolehtia tästä. Debugger on sisäänrakennettu ominaisuus Kontentinossa. Kun jaat linkkejä kalenterimme kautta, Facebook-linkkien esikatselut päivittyvät automaattisesti. Se tarkoittaa, että jokainen lisäämäsi linkki julkaistaan oikein.

LinkedIn – Post Inspector

Miten saat oikean link preview -näkymän LinkedInissä? Facebookin tavoin LinkedIn tallentaa linkit välimuistiin. Voit nopeuttaa prosessia LinkedInin omalla työkalulla, jonka nimi on Post Inspector.

Käytä tätä työkalua esikatselun päivittämiseen samalla tavalla kuin Facebook Link Debuggeria. Syötä linkkisi Post Inspectoriin ja klikkaa ”Inspect”.

Vaikka olisit verkkotunnuksen omistaja ja muuttaisit otsikkoa tai kuvaa, esikatselu saattaa pysyä samana, koska LinkedIn muistaa vanhan version. Muutokset eivät välttämättä näy heti – ellet käytä Post Inspectoria. 

LinkedIn Debugger kertoo myös, milloin linkki on viimeksi haettu (scraped) sekä antaa tietoja URL-osoitteesta ja sivun metatiedoista.

Twitter – Cards Validator

Voit tarkistaa link preview -näkymän myös Twitterissä. Heidän versionsa työkalusta on nimeltään Cards Validator. Se näyttää, miltä linkki näyttää Twitter-feedissäsi. Voit tarkistaa ”Log”-osion esikatselun alapuolelta nähdäksesi, mitä tietoja Twitterillä on linkistä. Jos jokin on vialla, näet ”warn”-viestin Log-osiossa.

Suora jakaminen ja muokkaus

Jos et määrittänyt esikatselua CMS-järjestelmässä tai sinulla ei ole siihen pääsyä, ei hätää. Sosiaalisen median verkostoilla on tähän vaihtoehtoisia ratkaisuja. Voit muokata linkin esikatselua suoraan postausta julkaistaessa. 

Facebook link ownership (verkkotunnuksen omistajuus)

Vuonna 2017 Facebook poisti mahdollisuuden muuttaa linkin ulkoasuun suoraan julkaisun yhteydessä. Nykyään voit hallita vain niitä linkkejä, jotka johtavat omalle verkkosivullesi tai sivustolle, jonka hallintaoikeus sinulla on.

Tämä voi tuntua hieman turhauttavalta aiempaan verrattuna. Mutta jos mietit asiaa, vain linkin omistajalla pitäisi olla valta muokata sen esikatselua. Kuvittele, että jaat hienon linkin, ja joku muu muokkaa sitä ja jakaa uuden version sinun linkistäsi. Tällöin artikkeliasi tai tuotettasi ei ehkä mainostettaisi toivomallasi tavalla. Siksi prosessin nimi on Link Ownership. 

Voit muuttaa Facebook-esikatselua vain, jos voit todistaa olevasi verkkotunnuksen omistaja. Tämä on helppo määrittää Facebook Business Managerissa.

LinkedIn

Toisin kuin Facebook, LinkedIn sallii vapaamman kustomoinnin otsikoiden tai kuvien suhteen. LinkedIn antaa kuitenkin muokata esikatselua vain, kun jaat sen yrityssivullasi. Nämä muutokset eivät ole mahdollisia, kun lisäät linkin henkilökohtaiselle profiilillesi (ellet käytä Kontentinoa, jossa tämä vaihtoehto on edelleen käytettävissä).

Twitter

Twitterissä link preview -muokkaus ei ole koskaan ollut mahdollista. Ehkä jonain päivänä Twitter ottaa mallia muista, mutta toistaiseksi voit vain tarkistaa esikatselun Twitter Cards Validatorilla.

Bonus

Kaikki mitä halusit tietää linkkien esikatselusta mutta et kehdannut kysyä.

Olen asettanut kaiken oikein, ja esikatselut näkyvät Facebookissa ja LinkedInissä, mutta eivät Twitterissä. Miksi? 

Kaikki on todennäköisesti kunnossa, mutta Twitter tarvitsee erillisen tiedon siitä, mitä haluat esikatselussa näkyvän. Tämä tehdään erityisellä koodilla. Twitter on luonut tähän yksinkertaisen oppaan.

Mitä tarkoittaa, että esikatselu on ”cached”?

Se tarkoittaa, että sosiaalisen median sivusto lataa tiedot linkistä ja muistaa ne useita päiviä. Tämän ansiosta linkki latautuu nopeammin, kun selaat syötettä (esim. Facebookin ei tarvitse ladata samoja tietoja uudelleen joka kerta).

Mikä on ”link ownership”?

Se on Facebookin ominaisuus, jonka avulla yrityssivun ylläpitäjät voivat määritellä, mitä verkkotunnuksia he hallitsevat. Näin voit osoittaa Facebookille, että vastaat kyseisen sivuston sisällöstä ja voit siksi muokata linkin esikatselua.

Mitä ovat open graph -metatagit?

Open graph -metatagit ovat verkkosivustosi koodiin sisältyvää tietoa, joka kertoo boteille (Google, Facebook, Twitter), mitä tulisi näyttää, kun linkki jaetaan. Voit muokata otsikkoa, kuvaa ja kuvausta, ja mukaan voi lisätä jopa videon tai artikkelin kirjoittajan. Lisätietoja löydät Facebookin virallisesta oppaasta.

Mitä ovat hyperlinkit Facebook-postauksissa?

Jotkut kutsuvat ”linkeiksi” Facebookin luomia merkintöjä, kun tägäät henkilön tai sivun postaukseen. Kun kirjoitat @-merkin ja nimen, Facebook korostaa sanat. Tämä saattaa muistuttaa hyperlinkkejä, joita käytetään blogeissa tai sähköposteissa, mutta varsinaisia hyperlinkkejä tekstiin ei Facebookissa voi lisätä. Voit luoda joko linkkipostauksen tai mainita jonkun postauksessa.

Yhteenveto

Toivomme, että tämä opas auttoi sinua ymmärtämään paremmin Facebookin, LinkedInin ja Twitterin link preview -toimintoja.

Linkkien hallinta voi tuntua nykyään monimutkaisemmalta rajoitusten vuoksi, mutta oikeilla työkaluilla se helpottuu. Nyt kun osaa käyttää LinkedIn Post Inspectoria, Facebook Link Debuggeria ja Twitterin Card Validatoria, prosessi on huomattavasti sujuvampi.