Har du hørt om OG-metatags? Implementerer du OG-metatags på dit WordPress-websted? Denne artikel viser dig, hvad OG-metatags er, og hvordan du implementerer dem på dit WordPress-websted.

{autotoc}

Når et opslag fra din blog eller en URL fra din hjemmeside deles på Facebook, gør det sociale medie et godt stykke arbejde med at hente de rigtige data fra det. Ting som din blogs eller hjemmesides URL, et uddrag af opslagets tekst, et fremhævet billede osv. vil blive vist, hvilket får brugerne til at klikke på det.

Men hvis du er en ivrig Facebook-bruger, har du måske bemærket, at de data, den henter fra websteder (inklusive din), ikke altid er perfekte. Nogle gange henter den et billede, der ikke nøjagtigt repræsenterer indholdet af det delte opslag, eller den kan udtrække tekst nær slutningen af ​​opslaget og bruge den som uddrag, hvilket næsten altid ikke er en god ting, og endnu værre er det, at der er tidspunkter, hvor der ikke er andre data end opslagets titel (eller indholdet af tag) og URL deles overhovedet!

Dette sker typisk, hvis du ikke implementerer open graph metatags (også kendt som og metatags) på dit WordPress-websted. Uden disse vigtige tags vil Facebook (og andre sociale medier) ikke være i stand til at få de rigtige oplysninger vist til et delt opslag eller link.

Sådan kan det se ud, når du deler en URL på Facebook fra en hjemmeside, der ikke opdateres med open graph-tags:

Facebook-deling uden OG-tags

På den anden side ser det sådan ud, når du deler en URL, der implementerer open graph-metatags:

Facebook-deling med og1

Facebooks Open Graph (OG) metatags

Facebooks open graph-metatags definerer, hvordan et tredjepartswebsted (som din blog) vil blive præsenteret på Facebook.

Selvom det er udviklet af Facebook, bruges open graph-metatags også af andre sociale netværk (som Twitter og LinkedIn) for at tilpasse den deling, der sker der.

For at inkludere open graph-metatags på dit WordPress-websted, skal du tilføje yderligere tags i af din hjemmeside. I henhold til åben grafprotokol, følgende er de nødvendige egenskaber:

  • og: titel
  • og:type
  • og: billede
  • og: url

 

og tags facebook1

Ved at bruge åbne grafer på hjemmesider, Neil Patel fundet en stigning i klikraten på 39 %.

Hvordan tjekker man OG-metatags på sin WordPress-hjemmeside?

Se kildekoden på din WordPress-hjemmeside, hvis du ikke er sikker på, om der allerede er placeret OG-tags på din hjemmeside. I Windows eller Linux skal du trykke på Ctrl + U, og i Mac skal du trykke på Command + Alt + U for at se kildekoden.

Hvis det allerede tilføjes, finder du dine OG-tags i afsnittet inde i “

og

Derudover kan du bruge Facebook Sharing Debugger værktøj til at se, hvad Facebook læser om dit websted.

Tilføjelse af originale metatags til WordPress uden et plugin

For at tilføje og metatags til dine indlæg og sider på WordPress uden at bruge et plugin, skal du blot tilføje følgende kodestykke til dit temas functions.php fil.

// Tilføjelse af Open Graph i sprogattributterne function add_opengraph_doctype( $output ) { return $output . ' xmlns:og="https://opengraphprotocol.org/schema/" xmlns:fb="https://www.facebook.com/2008/fbml"'; } add_filter('language_attributes', 'add_opengraph_doctype'); // Lad os tilføje Open Graph Meta Info function add_og_meta_tag() { global $post; if( !is_singular() ) // Hvis det ikke er et indlæg eller en side, skal du ikke tilføje og-tags return; echo " \n"; ekko ' ' . "\n"; ekko ' ' . "\n"; ekko ' ' . "\n"; ekko ' ' . "\n"; ekko ' ' . "\n"; ekko '' . "\n"; if( !has_post_thumbnail( $post->ID ) ) { // hvis opslaget ikke har et fremhævet billede, skal du bruge et standardbillede $default_image="https://example.com/image.jpg"; // erstat dette med et standardbillede på din server eller et billede i dit mediebibliotek echo ' '; } else { $thumbnail_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'stor'); echo '    * ... '; } ekko "\n \n"; } tilføj_aktion( 'wp_head', 'tilføj_og_meta_tag', 0 );

Sørg for at ændre "DIT BRUGER-ID" i skil dig af med dit eget Facebook-bruger-id.

Du kan finde dit Facebook-bruger-id ved at besøge din Facebook-profilside i en computerbrowser.

  1. Klik på dit profilbillede og vælg "Vis profilbillede"
  2. Dette åbner Facebooks fotofremviser til dit profilbillede.
  3. URL'en skal nu se nogenlunde sådan ud: "https://www.facebook.com/photo?fbid=xxxxxxxxxxxxxxx&set=a.xxxxxxxxxxxxxxx"
  4. Kig efter delen bud=xxxxxxxxxxxxxxxxTallene efter bud parameter "xxxxxxxxxxxxxxxxxxx"er dit bruger-ID.
  5. Kopier det og brug det til at erstatte "DIT BRUGER-ID" i kodestykket ovenfor.

Facebook-bruger-ID

Du er færdig! Din hjemmeside er nu opdateret med åbne graf-tags.

Tilføjelse af originale metatags til WordPress med et plugin

De to populære SEO-plugins, Yoast SEO og All in One SEO Pack leveres med åbne graf-metatagfunktioner.

Tilføjelse af OG-tags med Yoast SEO-plugin

Først skal du installere Yoast SEO. Efter installationen bør du se det nye SEO-element i venstre sidebarmenu i administratorpanelet.

For at tilføje OG-tags med Yoast, gå til SEO > Social via administratormenuen i sidepanelet.

Når du er på siden, skal du gå til Facebook-fanen.

yoast seo og tag

Som standard tilføjer Yoast SEO open graph-tags til dine opslag direkte. Du behøver ikke at konfigurere noget. 

Du skal dog konfigurere og-tags til forsiden af ​​dit websted.

Under Indstillinger for forsiden I afsnittet kan du definere en billed-URL til din forside. Denne vil blive brugt til og: billede egenskaben på din hjemmeside. 

Du kan også tilføje titlen og beskrivelsen, som begge bruges til og: titel og og: beskrivelse henholdsvis ejendomme.

Endelig er der den Standardindstillinger sektion. Dette giver dig mulighed for at definere en standard billed-URL, der skal bruges til et opslags og: billede egenskab i tilfælde af at der ikke er defineret et fremhævet billede.

Når du er færdig, så glem ikke at klikke Gem ændringer for at dine ændringer kan anvendes.

Konfiguration af OG-tags per indlæg med Yoast SEO

Hvis du manuelt vil indstille OG-tags pr. indlæg, kan du gøre det ved at gå til indlægseditoren og rulle ned til Yoast Metabox-sektionen og gå til Social fane.

yoast per opslag og tags

Du kan derefter definere en brugerdefineret parameter for forskellige og-tags her.

Når du er færdig med at tilføje dine og-tags til et opslag, skal du sørge for at gemme det, opdatere det eller udgive det, alt efter hvad der er relevant, for at gemme de ændringer, du har foretaget.

Tilføjelse af originale tags med All in One SEO Pack

Først skal du installere All in One SEO Pack. Efter installationen skal du gå til All in One SEO > Sociale netværk via din hjemmesides administratorsidebjælke. Når du er på siden, skal du gå til Facebook fane.

alt-i-én SEO OG-tags

Med All in One SEO Pack tilføjes OG-tags som standard direkte til dit opslag, ligesom på Yoast.

Der er flere konfigurerbare muligheder her sammenlignet med Yoast, men nogle er kun tilgængelige, når du bruger pro-versionen. Ikke desto mindre er mængden af ​​konfigurerbare muligheder i gratisversionen mere end rigelig.

  • Standardindlægsbillede - definerer hvilket billede der skal bruges til et opslag og: billede ejendom.
  • Standardindlæg Facebook-billede - hvis du vælger standardbilledet (angivet nedenfor) i standardindstillingen for opslagsbilleder, er det her, du uploader det brugerdefinerede billede.
  • Standardobjekttyper for indlægstyper - lader dig definere en standardværdi for et indlæg, en side eller en vedhæftet fil og:type ejendom.
  • Vis Facebook-forfatter - du kan linke din Facebook-profil til din hjemmeside. Ved at aktivere denne mulighed kan du linke et opslag til din Facebook-profil, så dine læsere kan følge din Facebook-side/profil direkte. Du kan lære mere om, hvordan du konfigurerer dette, fra AIOSEO's hjælpe side.
  • Side navn - giver dig mulighed for at konfigurere, hvilke værdier der skal bruges til et opslags og:webstedsnavn egenskab. Du kan bruge tags til dynamisk at generere værdien for denne egenskab, du kan også tilføje en standardtekst, eller du kan blande de to, hvis du ønsker det.

Efter ovenstående punkter er der et afsnit til konfiguration af din hjemmesides hjemmeside og tags. Under Startsideindstillinger afsnittet, kan du definere følgende:

  • Billede - til din hjemmeside og: billede ejendom.
  • Titel - til din hjemmeside og: titel egenskab. Du kan bruge variabler til dynamisk at generere dette.
  • Beskrivelse - til din hjemmeside og: beskrivelse ejendom.
  • Objektype - til din hjemmeside og:type ejendom.

Endelig er der en Avancerede indstillinger sektion, som giver dig mulighed for at definere yderligere åbne graf-metatags, f.eks. fb:app_id, fb:administratorerOsv

Når du er tilfreds med din konfiguration, skal du ikke glemme at Gem ændringer.

Konfiguration af OG-tags pr. indlæg med All in One SEO Pack

Du kan konfigurere tags pr. opslag med AIOSEO, f.eks. Yoast. Gå til opslagseditoren, rul ned til AIOSEO-metaboksen, og gå derefter til Social fane.

aioseo per opslag og tags

Indstillingerne her ligner dem, der blev diskuteret ovenfor. Du kan gå videre og definere brugerdefinerede parametre for dine og-tags til dette indlæg, og dermed tilsidesætte de indstillinger, du har defineret i AIOSEOs indstillinger.

Når du er færdig med at tilføje dine og-tags til et opslag, skal du sørge for at gemme det, opdatere det eller udgive det, alt efter hvad der er relevant, for at gemme de ændringer, du har foretaget.

Det dækker, hvordan du tilføjer OG-tags til dit WordPress-websted. Forhåbentlig hjalp denne artikel dig med at vælge den bedste tilgang til det, og at du har lært lidt om, hvor vigtigt det er at implementere OG-tags på dit websted.

Hvis du vil se flere WordPress-tips og tricks, kan du se vores fulde 101 liste med WordPress-tips og -tricks.

Download listen over 101 WordPress-tricks, som enhver blogger skal kende

101 WordPress-tricks

Klik her for at downloade nu

// Tilføjelse af den åbne graf i sprogattributterne

funktion add_opengraph_doctype( $output ) {

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

}


add_filter('sprogattributter', 'add_opengraph_doctype');


// Lad os tilføje Open Graph Meta Info

funktion add_og_meta_tag() {


global $ post;


if( !is_singular() ) // Hvis det ikke er et indlæg eller en side, skal du ikke tilføje og-tags

vende tilbage;

ekko " \n";

ekko ' . "\n";

ekko ' . "\n";

ekko ' . "\n";

ekko ' . "\n";

ekko ' . "\n";

ekko ' . "\n";


hvis( !has_post_thumbnail( $post->ID ) ) { // hvis opslaget ikke har et fremhævet billede, skal du bruge et standardbillede

$default_image="https://example.com/image.jpg"; // erstat dette med et standardbillede på din server eller et billede i dit mediebibliotek

ekko ';

}


else {

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

ekko ';

}


ekko "\n \n";

}


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