Open Graph on Facebookin kehittämä metatietoprotokolla, jonka avulla määritellään, miten sivun linkki näkyy jaettuna sosiaalisessa mediassa, kuten Facebookissa tai LinkedInissä. Open Graph -tagien avulla voit itse päättää, mikä otsikko, kuva ja kuvaus linkin yhteydessä näytetään, sen sijaan että some-palvelu arvaisi ne sivun sisällöstä. Tämä parantaa jaettujen linkkien ulkoasua ja voi lisätä klikkauksia.
Open Graph -tagien lisääminen
Open Graph -tagit lisätään verkkosivun HTML:n <head>-osaan. Jokaisella sivulla kannattaa olla ainakin seuraavat perustiedot:
<meta property="og:title" content="Sivun otsikko">: määrittelee jaettavan linkin otsikon.<meta property="og:url" content="URL-osoite">: määrittelee jaettavan linkin URL-osoitteen.<meta property="og:description" content="Sivun kuvaus">: määrittelee jaettavan linkin kuvauksen.<meta property="og:image" content="Kuvan URL-osoite">: määrittelee jaettavan linkin kansikuvan.<meta property="og:type" content="website">: kertoo sisällön tyypin, esimerkiksi verkkosivun tai artikkelin.
Testaa Open Graph -tagien toimivuus
Ennen kuin julkaiset muutokset verkkosivustolle, voit testata Open Graph -tagit Facebookin Sharing Debugger -työkalulla. Se näyttää, miltä linkki näyttää jaettuna, ja paljastaa mahdolliset virheet tageissa – huomaa, että työkalu saattaa näyttää sivun vanhan, välimuistiin tallennetun version, jolloin kannattaa hakea sivu uudelleen ("Scrape Again").
Seuraamalla näitä ohjeita voit varmistaa, että verkkosivustosi näyttää parhaalla mahdollisella tavalla jaettuna sosiaalisessa mediassa.