Takaisin blogiin
Oletko koskaan miettinyt, miksi Facebookissa jaetut linkit näyttävät joskus outoilta? Tai miten muokata Facebook link preview -esikatselua niin, että linkit julkaistaisiin tyylikkäinä postauksina? Se ei ehkä ole yhtä helppoa kuin ennen, mutta se on täysin mahdollista.
Muokkauksiin on useita tapoja, ja me opastamme sinut niiden läpi. Tässä blogipostauksessa selitämme, mikä Facebook link preview on, miten niitä muokataan ja miten Facebook-verkkotunnuksen vahvistus (domain verification) tehdään.
Mikä on Facebook link preview?
Facebook link preview on käytännössä tapa, jolla linkkisi näkyy Facebookissa julkaisun jälkeen – pelkän tekstirivin sijaan näet otsikon, kuvauksen ja kuvan. Aiemmin kuka tahansa pystyi muokkaamaan linkkien esikatseluita suoraan Facebookissa, mutta Facebook poisti tämän ominaisuuden vuonna 2017 estääkseen sen väärinkäytön.
Voit muokata Facebookin linkkien esikatseluita useilla tavoilla. Yksi vaihtoehto on muokata Open Graph -metadataa, mutta voit tehdä sen myös Kontentinossa Facebook-verkkotunnuksen vahvistuksen ansiosta. Voit muokata otsikkoa (title), kuvausta (description) tai lisätä oman kuvan. Jos haluat tarkistaa, onko Facebook huomannut tekemäsi päivitykset, käytä Facebook Sharing Debugger -työkalua.
Facebook link preview -muokkaus Open Graph -metatageilla
Facebookin linkkien esikatseluun liittyvät haasteet kulminoituvat metadataan. Metadata kertoo Facebookille, miten linkkisi tulisi näyttää. Jos muutat sosiaalisen median metadataa, Facebook näyttää sisällön eri tavalla.
Open Graph -tagit ovat se osa sivuasi, joka muuttaa tylsät linkit visuaalisiksi korteiksi, joissa on kuvat, otsikot ja kuvaukset. Se on ikään kuin esikatselu koko sivustasi. Kun jaat linkin Facebookiin ensimmäistä kertaa, Facebookin hakurobotit (crawlers) hakevat metadatat luodakseen Facebook Link Preview -näkymän.
Tärkeimmät metatagit esikatselun kannalta ovat: og:title, og:image, og:url ja og:description. Määrittelemällä og:title-tagin asetat otsikon (esim. blogipostauksen nimi) sellaiseksi, kuin haluat sen näkyvän. Facebook poimii tämän otsikon ja näyttää sen URL-osoitteen alapuolella. og:image määrittää kuvan, jota käytetään esikatselukuvana. Voit myös lisätä og:image:width ja og:image:height -tiedot. og:url sisältää sivun osoitteen ja og:description antaa sinun asettaa haluamasi kuvauksen esikatseluun.
On kuitenkin olemassa huomattavasti helpompi tapa muokata linkkien esikatseluita Facebookissa.
Linkkien esikatselun muokkaaminen Kontentinossa
Kontentinon avulla voit kustomoida lähes kaiken linkkien esikatseluun liittyvän. Ainoa asia, jonka tarvitset, on Facebookissa vahvistettu verkkotunnuksen omistajuus.
Kun luot uutta postausta, lisää linkki ja voit aloittaa esikatselun muokkaamisen!
Muokkaa otsikkoa ja kuvausta. Kontentino mahdollistaa oman kuvan lisäämisen – valitse kuva mediakirjastosta tai lähetä uusi suoraan tietokoneeltasi.
Tallenna postaus ja tarkista live-esikatselu nähdäksesi, miltä julkaisusi näyttää pultattuna.
Facebook Sharing Debugger -työkalun käyttö
Kuvitellaan, että jaat linkin Facebookissa etkä halua muokata esikatselua sen kummemmin. Luotat siihen, että se näyttää samalta kuin olet määritellyt sen CMS-järjestelmässäsi (esim. WordPress).
Kun olet julkaissut linkin Facebookissa, se näyttääkin erilaiselta kuin odotit. Muutama tunti sitten päivittämäsi kuva ei näykään esikatselussa.
Mitä tapahtui?
Facebookin täytyy päivittää linkin tiedot uudelleen. Useimmissa tapauksissa tiedot pysyvät päivittämättöminä jopa 30 päivää.
Voit korjata tämän ja pakottaa Facebookin näyttämään oikeat tiedot käyttämällä Facebook Sharing Debugger -työkalua. Kun olet muuttanut esimerkiksi esikatselukuvaa, aja linkki Debuggerin läpi varmistaaksesi, että Facebook tunnistaa tekemäsi päivitykset.
Opas Facebook-verkkotunnuksen vahvistamiseen
Taistelussa valeuutisia vastaan Facebook vaatii, että jokaisen on vahvistettava verkkotunnuksensa, jos he haluavat muokata linkkien esikatseluita vapaasti.
Verkkotunnuksen vahvistaminen (domain verification) ei ole kovin monimutkaista, mutta se vaatii muutaman askeleen seuraamista.
Miten vahvistan verkkotunnukseni Facebookissa?
Voit vahvistaa verkkotunnuksesi Meta Business Suitessa.
1. Mene Meta Business Suitessa kohtaan “Asetukset”.
2. Klikkaa nyt “Yrityksen asetukset”.
3. Valitse kohdasta “Tuotemerkkien turvallisuus ja soveltuvuus” vaihtoehto “Verkkotunnukset”.
3. Klikkaa “Lisää” ja kirjoita verkkotunnuksesi (esimerkki.fi). Facebook suosittelee, ettet käytä http- tai https-etuliitteitä tässä vaiheessa. Älä myöskään yritä vahvistaa aliverkkotunnuksia tai alasivuja erikseen. Klikkaa “Lisää”.
4. Nyt sinulla on kolme vaihtoehtoa verkkotunnuksen vahvistamiseen. Käymme ne kaikki läpi.
Miten päivitän TXT-tietueen DNS-asetuksiin?
- Kirjaudu verkkotunnuksesi rekisteröijän palveluun ja etsi DNS-asetukset.
- Seuraa ohjeita lisätäksesi TXT-tietueen määrityksiin.
- Kopioi tähän TXT-tietue, jonka Facebook antoi sinulle.
- On suositeltavaa käyttää DNS TXT -hakutyökalua vahvistaaksesi, että tietue on päivittynyt. Voit käyttää tätä: https://mxtoolbox.com/txtlookup.aspx
- Viimeinen vaihe on klikata ”Vahvista verkkotunnus” Facebook Business Managerissa.
Miten lataan HTML-tiedoston juurihakemistoon?
- Toinen tapa vahvistaa verkkotunnus on ladata HTML-tiedosto palvelimesi juurihakemistoon.
- Tähän tarvitset pääsyn sivuston tiedostonhallintaan.
- Lataa Facebookin antama yksilöllinen HTML-vahvistustiedosto koneellesi.
- Lataa tiedosto verkkotunnuksesi juurihakemistoon (http://esimerkki.fi).
- Tiedät latauksen onnistuneen, jos näet vahvistuskoodin verkkosivullasi (kun avaat Facebookin vaiheessa 3 antaman linkin).
- Klikkaa ”Vahvista verkkotunnus”.
Miten lisään metatagin HTML-lähdekoodiin?
- Kopioi Facebookin antama metatagi-koodi verkkosivustosi etusivun HTML-koodin <head>…</head> -osioon.
- Kun olet lisännyt metatagin, julkaise sivu. Varmista, että tagi on nimenomaan <head>-osiossa.
- Tarkista metatagin näkyvyys katsomalla sivustosi lähdekoodia selaimessa.
- Klikkaa ”Vahvista verkkotunnus”.
Ja siinä se!
Muista, että sinun tarvitsee käyttää vain yhtä näistä vahvistustavoista.
Kun verkkotunnuksesi on vahvistettu, voit lisätä Facebook-sivuja verkkotunnukseesi valitsemalla “Lisää resursseja” (Add assets) Business Managerissa ja valitsemalla sivut, joita haluat käyttää kyseisen domainin kanssa.
Nyt hallitset Facebookin linkkien esikatselut kuin ammattilainen
Kaiken asettaminen voi viedä hetken, mutta se on vaivan arvoista, kun saat täyden hallinnan sisältöösi. Toivomme, että tämä opas selkeytti Facebook link preview -muokkausta ja löysit itsellesi parhaiten sopivan tavan toimia.
