Open Graph -tunnisteiden käyttö

Open Graph -tunnisteiden käyttö

Käytätkö otsikkotageja ja metakuvaustageja? Totta kai käytät, koska tiedät jo, että metatagit voivat auttaa parantamaan hakukoneiden sijoituksiasi.

Mutta tiesitkö, että metatagit itse asiassa vaikuttavat sosiaalisen median liikenteeseesi? Toki on olemassa Googlen authorship-tunnisteet, mutta entä Facebook ja Twitter? Itse asiassa molemmilla on omat sosiaalisen median metatunnisteensa, jotka voivat auttaa sinua lisäämään saamasi sosiaalisen liikenteen määrää.

Oletko koskaan nähnyt sosiaalisessa mediassa niitä viestejä, joissa on hienon näköisiä kuvia ja videoita? Et ehkä tiedä, että et tarvitse mitään ohjelmistoja tai premium-tilejä tehdäksesi saman sosiaalisille viesteillesi.

Nimeltään Facebook Open Graph ja Twitter Cards. Näin voit hyödyntää molempia:

Facebook Open Graph

Kun jaat kuvan Facebookissa, miltä se näyttää?

No, se ei aina näytä siltä. Facebook yrittää lukea sivusi koodia, mutta se ei aina pysty vetämään kuvia. Jos et käytä Open Graph -tunnisteita, kun jaat sivustosi URL-osoitteen Facebookissa, se voi näyttää tältä:

Tältä se näytti Quick Sproutilla ennen kuin otin Open Graph -tunnisteet käyttöön sivustollani. Kun otin Open Graph -tunnisteet käyttöön, pystyin lisäämään Facebook-liikennettäni 174 % yksinkertaisesti siksi, että Quick Sprout -tilapäivitysteni vieressä oli nyt kuva.

Nyt kun olet vakuuttunut siitä, että sinun pitäisi käyttää Open Graphia, seuraavassa kerrotaan, miten määrität sen sivustollesi.

og:title

Tälle paikalle laitat sisältösi otsikon. Ajattele, että tämä on samanlainen kuin tavallinen html-otsikkotunniste, jota hakukone käyttäisi. Kun luot og:title-otsikkoa, pidä merkkimäärä alle 95 merkissä.

Esimerkki: <meta property=”og:title” content=”11 luovaa tapaa rakentaa linkkejä”/>

og:type

Tässä kuvaat, minkä tyyppistä sisältöä jaat. Onko kyseessä video, kuva, blogikirjoitus tms. Tässä on koko luettelo, josta voit valita, kun määrittelet sisältötyyppiäsi:

Toiminta

• toiminta
• urheilu

Yritykset

• baari

.

• yritys
• kahvila
• hotelli
• ravintola

ryhmät

• syy
• urheiluliiga
• urheilujoukkue

järjestöt

• yhtye
• hallitus
• voittoa tavoittelematon
• koulu
• yliopisto
• yliopisto

ihmiset

• näyttelijä
• urheilija
• kirjailija
• ohjaaja
• muusikko
• poliitikko
• julkisuuden henkilö

paikat

• kaupunki
• maa
• maanmerkki
• valtio_maakunta

Tuotteet ja viihde

• albumi
• kirja
• juoma
• ruoka
• peli
• tuote
• laulu
• elokuva
• tv_show

Web-sivustot

• blogi
• verkkosivusto
• artikkeli

Esim: <meta property=”og:type” content=”article”/>

og:description

Tämä on myös samanlainen kuin html-meta description tag, koska sitä käytetään kuvaamaan sisältöä. Sinun ei pitäisi välittää siitä, onko se runsaasti avainsanoja, vaan sinun pitäisi keksiä vakuuttava kuvaus, joka johtaa useampiin klikkauksiin. Sinulla on enintään 297 merkkiä tätä tagia varten.

Esimerkki: <meta property=”og:description” content=”Oletko kyllästynyt rakentamaan linkkejä vanhan koulukunnan tavalla? Tiedäthän, menetelmät, joissa sinun täytyy lähettää sähköposteja tuhansille webmasterille kerjäämällä linkkejä. ”/>

og:image

Muistatko, kun mainitsin, että pystyin lisäämään Facebook-liikennettäni 174 %? Se johtui siitä, että käytin Open Graphia varmistaakseni, että Facebook näytti kuvan joka kerta, kun joku jakoi URL-osoitteen Quick Sproutista.

Käyttämällä og:image-tunnistetta varmistat, että jakamasi sisällön rinnalla on kuva. Näin se erottuu kaikista muista tekstipohjaisista tilapäivityksistä, joita ihmiset näkevät aikajanoillaan.

Ennen kuin menen siihen, miten voit käyttää tätä tagia, käyn läpi Facebookin vaatimukset. Kuvan on oltava vähintään 50 x 50 px 50 px, mutta mieluiten yli 200 x 200 px 200 px. Lisäksi kuvan koko saa olla enintään 5 Mt.

Esimerkki: <meta property=”og:image” content=”https://www.quicksprout.com/wp-content/uploads/2013/03/linkbuilding.jpg”/>

og:url

Tälle tagille kannattaa laittaa jaettavan sivun URL-osoite. Tämä tagi voi vaikuttaa epäolennaiselta, mutta se on tärkeä, koska joskus sinulla on useampi kuin yksi URL-osoite samalle sisällölle. Käyttämällä tätä tagia varmistat, että kaikki jakamiset menevät yhteen URL-osoitteeseen eikä useisiin URL-osoitteisiin, minkä pitäisi auttaa Facebook Edgerankia.

Esimerkki: <meta property=”og:url” content=”https://www.quicksprout.com/2013/03/21/11-creative-ways-to-build-links/”/>

og:site_name

Tämä tagi kertoo Facebookille verkkosivustosi nimen. Et oikeastaan tarvitse tätä tagia, mutta sen sisällyttämisestä ei ole haittaa.

Esimerkki: <meta property=”og:site_name” content=”Quick Sprout”/>

fb:admins

Jos sinulla on fanisivu Facebookissa ja haluat saada enemmän tietoja Facebook Insightsissa, sinun on käytettävä tätä tagia. Se kertoo Facebookille, että olet sivuston omistaja, ja se yhdistää Facebook-fanisivusi verkkosivustoosi.

Esimerkki: <meta property=”fb:admins” content=”500013011″/>

Nyt kun sinulla on Facebook Open Graph -metatagit paikoillaan, siirrytään Twitter-kortteihin.

Twitter-kortit

Oletko koskaan nähnyt tällaista twiittiä?

Nyt nämä yksityiskohtaiset twiitit näkyvät vain, kun hyödynnät Twitter-kortteja. Etkö haluaisi saada sitä sivustollesi? Se auttaa sitä erottumaan joukosta.

Näin voit hyödyntää Twitter-kortteja:

Jos käytät Yoastin SEO for WordPress -lisäosaa, noudata vain näitä ohjeita. Kaikki muut noudattavat alla olevia ohjeita.

twitter:card

Tämä metatunniste kuvaa jakamasi sisällön tyyppiä. Twitterissä sinulla on kolme vaihtoehtoa: kuva (kuville), soitin (videoille) ja yhteenveto (kaikelle muulle). Jos et määrittele korttia, Twitter käyttää oletuksena yhteenvetoa.

Esimerkki: <meta name=”twitter:card” content=”summary”>

twitter:url

Tämä on sivu, jonka jaat Twitterissä. Samoin kuin Facebook kysyy URL-osoitetta, myös Twitter tekee näin, koska sama sisältö voi olla sivustollasi useita kertoja. Näin varmistetaan, että yksi URL-osoite saa kaikki twiitit. Muussa tapauksessa twiittisi jaetaan useisiin url-osoitteisiin.

Esimerkki: <meta name=”twitter:url” content=”https://www.quicksprout.com/2013/03/21/11-creative-ways-to-build-links/”>

twitter:title

Samoin kuin Facebookin Open Graph -otsikkoasi, tätä ei pitäisi täyttää avainsanoilla. Tee siitä houkutteleva, jotta ihmiset haluavat klikata sitä. Jälleen, kuten Facebookissa, sinun kannattaa rajoittaa merkkien määrä 70:een.

Esimerkki: <meta name=”twitter:title” content=”11 luovaa tapaa rakentaa linkkejä”>

twitter:description

Tämä on samankaltainen kuin Googlen meta description -tagi. Mutta älä täytä sitä avainsanoilla. Tavoitteenasi tulisi olla vakuuttavan lauseen luominen, joka saa ihmiset klikkaamaan sivustollesi. Kuvauksesi on rajoitettu 200 merkkiin.

Esimerkki: <meta name=”twitter:description” content=” Oletko kyllästynyt rakentamaan linkkejä vanhan koulukunnan tavalla? Tiedäthän, menetelmät, joissa sinun on lähetettävä sähköpostiviestejä tuhansille verkkomestareille kerjäämällä linkkejä. ”>

twitter:image

Voidaksesi tehdä twiitistäsi erottuvan, tarvitset kuvan. Kuvien tiedostokoon on oltava alle 1 MB, eivätkä ne saa olla pienempiä kuin 60 x 60px. Kuvat, jotka ovat suurempia kuin 120px x 120px, pienennetään.

Esimerkki: <meta name=”twitter:image” content=” https://www.quicksprout.com/wp-content/uploads/2013/03/linkbuilding.jpg”>

Kun olet soveltanut Twitter-kortin metatunnisteet sivustollesi, sinun on haettava Twitterin korttiohjelmaan. Kun sinut on hyväksytty, sivustosi URL-osoitteet näytetään korttimuodossa.

Johtopäätös

Meta-tagit eivät ole vain hakukoneita varten. Myös sosiaalisen median sivustot hyödyntävät niitä. Aivan kuten optimoisit metatunnisteesi Googlen sijoituksia ja klikkausprosenttia varten, sinun on tehtävä sama myös Facebookissa ja Twitterissä.