Social media optimaliseren met Open Graph-protocol van Facebook - dummies

Facebook is de toonaangevende sociale mediasite ter wereld. Als u hoopt sociale media te optimaliseren, moet u meer weten over het Open Graph Protocol van Facebook. Het Open Graph-protocol is een semantische markup-standaard geïntroduceerd door Facebook in 2010 en nu algemeen aanvaard. Sommige mensen beschouwen Open Graph als concurrerend met Schema. org, maar in werkelijkheid zijn de twee normen complementair.

Het is mogelijk om zowel het Schema te implementeren. org microdata en de Open Graph-markup. De standaarden conflicteren niet.

Beide standaarden hebben hetzelfde doel: de informatie op een webpagina beter beschrijven. De belangrijkste verschillen kunnen op deze manier worden samengevat:

• Open metagegevens van een grafiek beschrijft de pagina als geheel.

• Schema. org microformats beschrijven specifieke elementen op de pagina.

Open Graph-markeringen bevatten minder informatie dan het Schema. org -microdata doet het maar is eenvoudiger te implementeren. Om uw webpagina Open Graph-compliant te maken, moet u basismetagegevens aan uw pagina toevoegen. Net als traditionele metagegevens gaan de metagegevens van Open Graph naar de tag van de webpagina.

In Open Graph-speak is een webpagina een Open Graph-object.

Open Graph heeft vier vereiste eigenschappen:

• og: title : De titel van de pagina zoals u wilt dat deze verschijnt in elk systeem dat de Open Graph-gegevens leest.

  Het is het beste om het title-tag korter te houden dan 88 tekens. Hoewel u meer tekens kunt toevoegen, geeft Facebook alleen de eerste 88 weer.

• og: type : Het type van uw object. Typen worden gespecificeerd door het protocol en zijn vrij talrijk.

  type is een interessante eigenschap, omdat deze bepaalt waar de share in de interesses van de gebruiker op Facebook wordt weergegeven. Als u bijvoorbeeld het type object instelt op "film" en de gebruiker het object deelt, wordt de share weergegeven als een van de interesses van de gebruiker onder de kop Films in het Facebook-profiel van de persoon.

  Kijk hier voor informatie over alle verschillende objecttypen.

• og: image : De URL van de afbeelding waarvan u de pagina wilt weergeven.

  afbeelding is een belangrijke tag, omdat een goede afbeelding kan helpen uw inhoud te verspreiden. Gebruik deze tag om te bepalen wat wordt weergegeven wanneer je inhoud wordt gedeeld en zorg ervoor dat deze is geoptimaliseerd om mooi in Facebook te passen. (Een verhouding van 1. 9: 1 werkt het beste. Houd hem groter dan 400 × 209 pixels.)

  Laat dit label niet open. Als je dat doet, zal Facebook gewoon een andere afbeelding van de pagina halen - wat mogelijk leidt tot ongepaste resultaten.

• og: url : De URL van de pagina.De inhoud van de URL-tag bepaalt waar de gebruiker naartoe gaat wanneer hij op de knop Delen klikt.

Sommige van de vereiste elementen hebben aanvullende optionele kenmerken en u kunt voor sommige ervan meerdere waarden opgeven als u dat wilt.

De opties omvatten

• og: audio : Gebruik deze tag als u een audiobestand bij het object wilt hebben en geef de URL van het bestand op.

• og: description : Gebruik deze tag om een ​​beschrijving van het object in één of twee zinnen weer te geven.

  Facebook geeft alleen de eerste 300 tekens van uw beschrijving weer.

• og: determiner : Met dit label kunt u het woord opgeven dat voorafgaat aan de titel van het object in een zin - meestal a, an, of het.

• og: locale : Deze tag geeft de landinstelling voor de pagina aan, met andere woorden de taal op de pagina. Als uw inhoud bijvoorbeeld in het Amerikaans Engels is, is de waarde voor deze tag en_us.

• og: locale: alternate : Als de pagina in meerdere talen wordt aangeboden, kunt u ze allemaal vermelden door deze tag te gebruiken.

• og: sitenaam : Als de webpagina deel uitmaakt van een grotere site met een andere naam, gebruikt u deze tag om de naam van de site op te geven.

• og: video : Als u een videobestand wilt opnemen, gebruikt u deze tag om de URL van het bestand op te geven.

Het gebruik van de tags is gemakkelijker te begrijpen met een voorbeeld. In het volgende voorbeeld ziet u hoe u de Open Graph-markup kunt implementeren voor een webpagina over een boek met de titel HowTo: WordPress 4:

 200x300. png ">  Geschreven door Ric Shreves en gepubliceerd door water & stone digital. Nu beschikbaar op Amazon. com, Google Play Store en op deze website. Gepubliceerd in ePub-, Mobi- en PDF-versies. ">

Uw Open Graph-tags komen in de tag van de pagina. Merk op dat als u een populair contentbeheersysteem gebruikt (zoals WordPress, Joomla! Of Drupal), plug-ins deze taak voor u zullen afhandelen, zodat u geen code hoeft te schrijven.

Het resultaat van het implementeren van de metagegevens van Open Graph is bepalen wat wordt weergegeven wanneer iemand de inhoud op de webpagina deelt. Als iemand de pagina deelt met de markeringen in de vorige code, ziet dit er zo uit.

Voorbeeld van Facebook-share-uitvoer.

Als u niet zeker weet of u de Open Graph-opmaak correct hebt gedaan, test u deze met Facebook's handige Open Graph Debugger.

Hoewel de metagegevens van Open Graph de sleutel zijn tot het succes van uw inhoud op Facebook, wordt deze ook gebruikt door verschillende andere belangrijke sociale sites, waaronder Twitter, Pinterest, LinkedIn en Google+.

Werkt Open Graph-markering? Dat doet het zeker! E-book site Kobo beweert een toename van 50 procent te hebben behaald van Facebook na het implementeren van Open Graph-tags.