Sådan optimerer du sociale medier med Facebooks åbne grafprotokol

Facebook er verdens førende sociale mediewebsted. Hvis du håber at optimere sociale medier, skal du vide om Facebooks Open Graph Protocol. Open Graph-protokollen er en semantisk markupstandard introduceret af Facebook i 2010 og nu bredt accepteret. Nogle ser Open Graph som konkurrerende med Schema. org, men i virkeligheden er de to standarder komplementære.

Det er muligt at implementere både Schema. org microdata og Open Graph markup. Standarden er ikke i konflikt.

Begge disse standarder har samme mål: At bedre beskrive oplysningerne på en webside. Nøgleforskellene kan opsummeres på denne måde:

• Open Graph-metadata beskriver siden som helhed.

• Schema. org-mikroformater beskriver specifikke elementer på siden.

Åben grafmarkering indeholder mindre information end skemaet. org -microdata gør det, men det er lettere at implementere. For at gøre din webside åben Graph-kompatibel, skal du tilføje grundlæggende metadata til din side. Ligesom traditionelle metadata går Open Graph-metadata i tagget på websiden.

I Open Graph-speak er en webside et Open Graph-objekt.

Åbn graf har fire nødvendige egenskaber:

• og: title : Titlen på siden, som du vil have, at den skal vises i ethvert system, der læser Open Graph-data.

  Det er bedst at holde titelmærket kortere end 88 tegn. Selvom du kan tilføje flere tegn, viser Facebook kun kun de første 88.

• og: type : Typen af ​​dit objekt. Typer er angivet i protokollen og er temmelig talrige.

  typen er en interessant egenskab, da den styrer, hvor andelen vises i brugerens interesser på Facebook. Hvis du for eksempel indstiller typen af ​​objektet til "film", og brugeren deler objektet, vises delen som en af ​​brugerens interesser under overskriften Film i personens Facebook-profil.

  Tjek her for at finde ud af om alle de forskellige objekttyper.

• og: image : Webadressen til det billede, du vil repræsentere siden.

  billedet er et vigtigt tag, fordi et godt billede kan hjælpe med at sprede dit indhold. Brug dette tag til at kontrollere, hvad der vises, når dit indhold deles, og sørg for, at det er optimeret til at passe fint i Facebook. (Et forhold på 1. 9: 1 fungerer bedst. Hold det større end 400 × 209 pixels.)

  Lad ikke dette mærke være tomt. Hvis du gør det, vil Facebook blot trække et andet billede fra siden - muligvis føre til upassende resultater.

• og: url : Webadressen på siden.Indholdet af URL-mærket bestemmer, hvor brugeren går, når han klikker på knappen Share.

Nogle af de krævede elementer har yderligere valgfrie attributter, og du kan give flere værdier til nogle af dem, hvis du ønsker det.

Valgmulighederne omfatter

• og: lyd : Hvis du vil have en lydfil, der skal ledsage objektet, skal du bruge dette tag og angive filens URL.

• og: beskrivelse : Brug dette mærke til at angive en eller to sætninger beskrivelse af objektet.

  Facebook viser kun de første 300 tegn i din beskrivelse.

• og: determiner : Dette tag giver dig mulighed for at angive det ord, der går forud for objektets titel i en sætning - typisk, a, an, eller .

• og: locale : Dette tag angiver lokaliteten for siden - med andre ord sproget på siden. Hvis dit indhold er på amerikansk engelsk, vil værdien for denne kode være en_us.

• og: locale: alternative : Hvis siden tilbydes på flere sprog, kan du liste dem alle ved at bruge dette tag.

• og: site_name : Hvis websiden er en del af et større websted med et andet navn, skal du bruge dette tag til at angive webstedets navn.

• og: video : Hvis du har en videofil, der skal medtages, skal du bruge dette tag til at angive filens URL.

Brug af tags er lettere at forstå med et eksempel. I det følgende eksempel kan du se, hvordan du kan implementere Open Graph-markeringen for en webside om en bog med titlen HowTo: WordPress 4:

 200x300. png ">  Skrevet af Ric Shreves og udgivet af vand & sten digital. Tilgængelig nu på Amazon. com, Google Play Butik og på denne hjemmeside. Udgivet i ePub, Mobi og PDF versioner. ">

Dine åbne grafkoder går i tagget på siden. Bemærk, at hvis du bruger et populært indholdshåndteringssystem (f.eks. WordPress, Joomla! Eller Drupal), håndterer plug-ins denne opgave for dig, så du ikke behøver at skrive kode.

Resultatet af gennemførelsen af ​​Open Graph-metadata styrer, hvad der vises, når nogen deler indholdet på websiden. Hvis nogen deler siden med markeringen vist i den foregående kode, så ser det sådan ud.

Sample Facebook share output.

Hvis du ikke er sikker på at du gjorde en din Open Graph-markering korrekt, skal du teste den med Facebooks handy Open Graph Debugger.

Selvom Open Graph-metadata er nøglen til dit indholds succes på Facebook, bruges det også af flere andre vigtige sociale sites, herunder Twitter, Pinterest, LinkedIn og Google+.

Fungerer Open Graph-markup? Det gør det sikkert! E-bogsite Kobo hævder at have opnået en 50 procent stigning i trafikken fra Facebook efter implementering af Open Graph-tags.