WordPress OG -tagit: Kuinka lisätä napsautuksia viestiin sosiaalisessa mediassa

Oletko kuullut og-sisällönkuvauskentistä? Otatko käyttöön sisällönkuvauskenttiä WordPress-sivustollasi? Tässä artikkelissa näytetään, mitä og-sisällönkuvauskentät ovat ja miten ne otetaan käyttöön WordPress-verkkosivustollesi.

Kun blogiisi lähetetty viesti tai verkkosivustosi URL-osoite jaetaan Facebookissa, sosiaalisen median sivusto tekee hyvää työtä kerätäkseen siitä oikeat tiedot. Näet esimerkiksi blogisi tai verkkosivustosi URL-osoitteen, otteen tekstin tekstistä, esillä olevan kuvan jne., Jotka saavat käyttäjät napsauttamaan sitä.

Jos kuitenkin olet innokas Facebook-käyttäjä, olet ehkä huomannut, että verkkosivustoilta (mukaan lukien sinun) hankkima data ei ole aina täydellistä. Joskus se vetää kuvan, joka ei kuvaa tarkasti jaetun viestin sisältöä, tai se voi poimia tekstiä lähelle viestin loppua ja käyttää sitä ote, joka ei melkein aina ole hyvä asia, ja mikä vielä pahempaa, siellä ovat aikoja, jolloin tietoja, jotka eivät ole postin otsikkoa (tai sisällön sisältöä), ei ole tag) ja URL on jaettu ollenkaan!

Tämä tapahtuu yleensä, jos et toteuta okynä graph-sisällönkuvauskentät (alias og metakoodit) WordPress-verkkosivustollasi. Ilman näitä tärkeitä tunnisteita Facebook (ja muut sosiaalisen median sivustot) eivät pysty saamaan oikeita tietoja näytettäväksi jaetulle viestille tai linkille.

Näin voi näyttää, kun jaat URL-osoitteen Facebookissa verkkosivustolta, jota ei päivitetä avoimilla kaavioilla:

facebook-jako ilman og-tunnisteita

Toisaalta se näyttää siltä, ​​kun jaat URL-osoitteen, joka toteuttaa avoimen kaavion sisällönkuvauskentät:

facebook jaa og1: n kanssa

Facebookin avoimen kaavion (OG) sisällönkuvauskentät

Facebookin avoimen kaavion sisällönkuvauskentät määrittelevät, kuinka kolmannen osapuolen verkkosivusto (kuten blogisi) esitetään Facebookissa.

Vaikka sen on kehittänyt Facebook, myös muut sosiaaliset verkostot (kuten Twitter ja LinkedIn) käyttävät avoimen kaavion sisällönkuvauskenttiä mukauttamaan siellä tapahtuvaa jakamista.

Jos haluat sisällyttää avoimen kaavion sisällönkuvauskentät WordPress-sivustoosi, sinun on lisättävä lisää -tunnisteet verkkosivustollasi. Mukaan avoimen kaavion protokolla, seuraavat ovat vaaditut ominaisuudet:

  • og: otsikko
  • og: tyyppi
  • og: kuva
  • og: url

 

og tagit facebook1

Käyttämällä avoimia kaavioita verkkosivustoilla, Neil Patel löytyi napsautussuhteen nousu 39%.

Kuinka tarkistaa OG-sisällönkuvauskentät WordPress-sivustoltasi?

Katso WordPress-verkkosivustosi lähdekoodia, jos et ole varma, onko og-tunnisteita jo sijoitettu verkkosivustollesi. Windows- tai Linux-käyttöjärjestelmissä paina Ctrl + U ja Macissa paina Command + Alt + U lähdekoodin tarkastelemiseksi.

Jos se on jo lisätty, löydät og-tunnisteet osion sisällä

og

Lisäksi voit käyttää Facebook-jako debugger työkalu nähdäksesi mitä Facebook lukee sivustostasi.

OG-sisällönkuvauskenttien lisääminen WordPressiin ilman laajennusta

Jos haluat lisätä og-sisällönkuvauskenttiä WordPressin viesteihisi ja sivuihisi ilman laajennusta, lisää vain seuraava koodinpätkä teeman functions.php tiedosto.

// Avoiman kaavion lisääminen Kieli-attribuutit-funktioon add_opengraph_doctype ($ output) {return $ output. 'xmlns: og = "https://opengraphprotocol.org/schema/" xmlns: fb = "https://www.facebook.com/2008/fbml" "; } add_filter ('kielen attribuutit', 'add_opengraph_doctype'); // Lisätään Open Graph Meta Info -toiminto add_og_meta_tag () {global $ post; jos (! is_singular ()) // jos se ei ole viesti tai sivu, älä lisää og tags return; kaiku " \ n "; kaiku ' ". "\ n"; kaiku ' ". "\ n"; kaiku ' ". "\ n"; kaiku ' ". "\ n"; kaiku ' ". "\ n"; kaiku '  ". "\ n"; if (! has_post_thumbnail ($ post-> ID)) {// jos viestissä ei ole esillä olevaa kuvaa, käytä oletuskuvaa $ default_image = "https://example.com/image.jpg"; // korvaa tämä palvelimen oletuskuvalla tai mediakirjaston kuvalla echo ' "; } else {$ thumbnail_src = wp_get_attachment_image_src (get_post_thumbnail_id ($ post-> ID), 'iso'); kaiku ' "; } kaiku "\ n \ n ";} add_action ('wp_head', 'add_og_meta_tag', 0);

Muista vaihtaa "KÄYTTÄJÄTUNNUS" osa omaa Facebook-käyttäjätunnustasi.

Löydät Facebook-käyttäjätunnuksesi käymällä Facebook-profiilisivulla työpöydän selaimella.

  1. Napsauta profiilikuvaa ja valitse "Näytä profiilikuva"
  2. Tämä avaa Facebookin kuvankatseluohjelman profiilikuvallesi.
  3. URL-osoitteen pitäisi nyt näyttää tältä: "https://www.facebook.com/photo?fbid=xxxxxxxxxxxxxxx&set=a.xxxxxxxxxxxxxxx"
  4. Etsi osa jäljempänä=xxxxxxxxxxxxxx. Numerot jäljempänä parametri “xxxxxxxxxxxxxxxxx”On käyttäjätunnuksesi.
  5. Kopioi se ja korvaa se yllä olevalla koodinpätkällä "KÄYTTÄJÄTUNNUS".

facebook-käyttäjätunnus

Olet valmis! Verkkosivustosi on nyt päivitetty avoimilla kaavioilla.

OG-sisällönkuvauskenttien lisääminen WordPressiin laajennuksella

Kaksi suosittua SEO-laajennusta, Yoast SEO että All in One SEO Pack mukana avoimen kaavion sisällönkuvauskentän ominaisuudet.

OG-tunnisteiden lisääminen Yoast SEO -laajennuksella

Asenna ensin Yoast SEO. Asennuksen jälkeen sinun pitäisi nähdä uusi SEO-kohde vasemman pääkäyttäjän sivupalkin valikossa.

Lisää og-tunnisteita Yoastilla siirtymällä kohtaan SEO > sosiaalinen järjestelmänvalvojan sivupalkin valikon kautta.

Kun olet sivulla, siirry Facebook-välilehteen.

yoast seo ja tag

Oletuksena Yoast SEO lisää avoimet kaaviotunnisteet viesteihisi alusta alkaen. Sinun ei tarvitse määrittää mitään. 

Sinun on kuitenkin määritettävä og-tagit verkkosivustosi etusivulle.

Alla Etusivu-asetukset -osassa voit määrittää kuvan URL-osoitteen etusivullesi. Tätä käytetään og: kuva kotisivusi ominaisuus. 

Voit myös lisätä otsikon ja kuvauksen, joita molempia käytetään og: otsikko että og: kuvaus vastaavasti.

Lopuksi on Oletusasetukset -osiossa. Tämän avulla voit määrittää kuvan oletusarvoisen URL-osoitteen, jota käytetään viesteissä og: kuva ominaisuus, jos esillä olevaa kuvaa ei ole määritelty.

Kun olet valmis, älä unohda napsauttaa Tallenna muutokset jotta muutokset voidaan ottaa käyttöön.

Postikohtaisten OG-tunnisteiden määrittäminen Yoast SEO: n avulla

Jos haluat asettaa og tagit postitse manuaalisesti, voit tehdä sen siirtymällä viestieditoriin ja vierittämällä alas Yoast Metabox -osioon ja siirtymällä sosiaalinen Tab.

hiiva per viesti ja tunnisteet

Voit sitten määrittää mukautetun parametrin useille og-tageille täällä.

Kun olet lisännyt og-tunnisteet viestiin, muista tallentaa, päivittää tai julkaista se sen mukaan, kumpi soveltuu, jotta tekemäsi muutokset voidaan tehdä.

OG-tunnisteiden lisääminen kaikki yhdessä SEO-paketissa

Asenna ensin All in One SEO Pack. Siirry asennuksen jälkeen All in One SEO > Sosiaaliset verkostot sivustosi järjestelmänvalvojan sivupalkin valikon kautta. Kun olet sivulla, siirry Facebook Tab.

kaikki yhdessä seo ja tunnisteissa

All in One SEO Pack -paketin avulla og-tunnisteet lisätään postitse oletusarvoisesti laatikosta, samanlainen kuin Yoast.

Täällä on enemmän konfiguroitavia vaihtoehtoja kuin Yoast, mutta jotkut ovat käytettävissä vain, kun käytät pro -versiota. Nevertheless, ilmaisen version konfiguroitavien vaihtoehtojen määrä on enemmän kuin tarpeeksi.

  • Oletuspostikuva - määrittelee mitä kuvaa käytetään postissa og: kuva omaisuutta.
  • Oletus Lähetä Facebook-kuva - Jos valitset oletuskuvan (määritä alla) oletuspostikuvavaihtoehdossa, tähän lähetät mukautetun kuvan.
  • Oletustekstityypin objektityypit - voit määrittää oletusarvon postille, sivulle tai liitteelle og: tyyppi omaisuutta.
  • Näytä Facebook-kirjoittaja - voit linkittää Facebook-profiilisi verkkosivustoosi. Tämän vaihtoehdon ottaminen käyttöön antaa sinun linkittää viesti Facebook-profiiliisi, jolloin lukijasi voivat seurata suoraan FB-sivua / profiiliasi. Voit oppia lisää tämän määrittämisestä AIOSEO: lta Ohje-sivu.
  • Sivuston nimi - voit määrittää, mitkä arvot käytetään postissa og: sivuston_nimi omaisuus. Voit luoda tälle ominaisuudelle arvon dynaamisesti tunnisteiden avulla. Voit myös lisätä oletustekstin tai sekoittaa nämä kaksi myös halutessasi.

Yllä olevien kohteiden jälkeen on osio, jolla voit määrittää sivustosi etusivun ja tagit. Alla Kotisivun asetukset -osassa voit määrittää seuraavat:

  • Kuva - kotisivullesi og: kuva omaisuutta.
  • otsikko - kotisivullesi og: otsikko omaisuus. Voit generoida tämän dynaamisesti muuttujien avulla.
  • Kuvaus - kotisivullesi og: kuvaus omaisuutta.
  • Kohteen tyyppi - kotisivullesi og: tyyppi omaisuutta.

Lopuksi on Lisäasetukset -osio, jonka avulla voit määrittää ylimääräisiä avoimen kaavion sisällönkuvauskenttiä, kuten fb: app_id, fb: järjestelmänvalvojat, Jne

Kun olet tyytyväinen kokoonpanoon, älä unohda Tallenna muutokset.

OG-tunnisteiden määritys postitse - kaikki yhdessä SEO-paketissa

Voit määrittää per post ja tagit AIOSEO: lla, kuten Yoast. Siirry postieditoriin ja selaa alaspäin AIOSEO-metaboxiin ja siirry sitten sosiaalinen Tab.

aioseo per post og tag

Tässä olevat vaihtoehdot ovat samanlaisia ​​kuin edellä keskusteltiin. Voit mennä eteenpäin ja määritellä mukautetut parametrit tämän tagin og-tunnisteille ohittamalla AIOSEO: n asetuksissa määritetyt vaihtoehdot.

Kun olet lisännyt og-tunnisteet viestiin, muista tallentaa, päivittää tai julkaista se sen mukaan, kumpi soveltuu, jotta tekemäsi muutokset voidaan tehdä.

Se käsittelee kuinka lisätä og-tageja WordPress-sivustoosi. Toivottavasti tämä artikkeli auttoi sinua valitsemaan paremman lähestymistavan siihen ja että olet oppinut hieman siitä, kuinka tärkeää on lisätä tageja verkkosivustollesi.

Jos haluat nähdä lisää WordPress-vinkkejä ja vinkkejä, tutustu täyteen 101 luettelo WordPress-vinkkejä.

Lataa luettelo 101 WordPress-temppusta, jonka jokaisen bloggaajan tulisi tietää

101 WordPress-temppua

Napsauta tätä ja lataa nyt

// Avoimen kaavion lisääminen kielimääritteisiin

function add_opengraph_doctype ($ output) {

palauta $ tuotos. 'xmlns: og = "https://opengraphprotocol.org/schema/" xmlns: fb = "https://www.facebook.com/2008/fbml" ";

}


add_filter ('kielen attribuutit', 'add_opengraph_doctype');


// Annetaan lisätä avoimen kaavion metatiedot

function add_og_meta_tag () {


maailmanlaajuinen $ post;


jos (! is_singular ()) // jos se ei ole viesti tai sivu, älä lisää og-tunnisteita

palata;

kaiku " \ n ";

kaiku ' ". "\ n";

kaiku ' ". "\ n";

kaiku ' ". "\ n";

kaiku ' ". "\ n";

kaiku ' ". "\ n";

kaiku ' ". "\ n";


if (! has_post_thumbnail ($ post-> ID)) {// jos viestissä ei ole esillä olevaa kuvaa, käytä oletuskuvaa

$ default_image = "https://example.com/image.jpg"; // korvaa tämä palvelimen oletuskuvalla tai mediakirjastossa olevalla kuvalla

kaiku ' ";

}


else {

$ thumbnail_src = wp_get_attachment_image_src (get_post_thumbnail_id ($ post-> ID), 'suuri');

kaiku ' ";

}


kaiku "\ n \ n ";

}


add_action ('wp_head', 'add_og_meta_tag', 5);

kirjailijasta
David Attard
Kirjoittaja: David AttardVerkkosivu: https://www.linkedin.com/in/dattard/
David on työskennellyt verkko- / digitaalialalla tai sen ympäristössä viimeiset 18 vuotta. Hänellä on laaja kokemus ohjelmisto- ja verkkosuunnitteluteollisuudesta WordPressin, Joomlan ja niitä ympäröivien markkinarakojen käytöstä. Digitaalisena konsulttina hän keskittyy auttamaan yrityksiä saamaan kilpailuetua käyttämällä verkkosivustonsa ja tänään saatavilla olevien digitaalisten alustojen yhdistelmää.

Yksi asia vielä... Tiesitkö, että ihmiset, jotka jakavat hyödyllisiä juttuja, kuten tämä viesti, näyttävät myös mahtavilta? ;-)
Ole hyvä Jätä hyödyllinen kommentoi ajatuksiasi ja jaa tämä sitten Facebook-ryhmissäsi (ryhmissä), jotka pitävät tätä hyödyllisenä, ja hyödynnetään yhdessä. Kiitos jakamisesta ja mukavuudesta!

Disclosure: Tämä sivu voi sisältää linkkejä ulkoisille sivustoille tuotteille, joita rakastamme ja kannatamme sydämestämme. Jos ostat suosittelemiamme tuotteita, saatamme ansaita viittausmaksun. Tällaiset maksut eivät vaikuta suosituksiimme, emmekä hyväksy maksuja positiivisista arvosteluista.

Kirjoittaja (t) esillä:  Inc-lehden logo   Sitepoint-logo   CSS Tricks -logo    webdesignerdepot-logo   WPMU DEV -logo   ja paljon muuta ...