De impact van het Open Graph-protocol op SEO

Wat zijn Open Graph-tags?

De meta-tags of het Open Graph-protocol werd gemaakt door Facebook en stelt elke webpagina in staat om met een verrijkt formaat op sociale netwerken te worden weergegeven. Deze HTML-tags zullen verantwoordelijk zijn voor het weergeven van de content (titel, beschrijving, pagina-afbeelding, enz.) van een pagina die wordt gedeeld op sociale netwerken. Als deze tags niet bestaan of niet zijn gespecificeerd, wordt informatie willekeurig getoond, met een willekeurige foto, een niet-beschrijvende titel of beschrijving...

Waarvoor worden ze gebruikt?

Deze tags staan bekend als sociale tags en zijn zeer belangrijk voor het bereiken van positionering in elk en elk sociaal netwerk. Afhankelijk van welk sociaal netwerk het is, zal het gemakkelijker of moeilijker zijn, maar positionering op sociale netwerken bestaat, het is echt.

Het Open Graph-protocol werd aanvankelijk gebruikt op Facebook en wordt momenteel ook erkend op LinkedIn. Aan de andere kant zijn de tags van Twitter exclusief voor dat sociale netwerk.

De tags zijn de volgende:

og:title:

De "Title" is verantwoordelijk voor het vertellen aan de zoekmachine waar de pagina over gaat. Daarom moet hij duidelijk, beknopt en uniek zijn op elke pagina. De maximale lengte is 67 karakters.

Voorbeeld:

<meta property="og:title" content="Wat zijn Open Graph-tags?"/>

og:description

De "Meta description" zal degene zijn die uitgebreider beschrijft en informeert over de pagina. Hij mag niet meer dan 155 karakters bevatten en kan een zin of CTA bevatten die de gebruiker aanmoedigt om op het resultaat te klikken. Hij moet ook uniek zijn voor elke pagina.

Voorbeeld:

<meta property="og:description" content="Weet je hoe gebruikers je website zien wanneer ze hem delen op hun sociale profielen? Open Graph-tags zullen verantwoordelijk zijn voor het weergeven van alle informatie."/>

og:url:

De URL van een webpagina wordt weergegeven, en hij kan verkort worden getoond. Probeer deze tag te gebruiken met een URL die zo schoon mogelijk en uniek is op elke pagina.

Voorbeeld:

<meta property="og:url" content="/blog/open-graph" />

og:image

Je moet een afbeelding-URL specificeren zodat hij op elke pagina kan worden weergegeven. Dit is zeker een van de meest over het hoofd geziene en een van de belangrijkste. Google Discover, Google News, Facebook, Twitter, LinkedIn... ze zullen allemaal deze afbeelding oppikken als haakje voor de gebruiker, en als hij van goede kwaliteit is, kun je tonnen bezoeken krijgen. Anders, als je het veld leeg laat, kan de foto van de auteur worden getoond, een leeg veld... Jij kiest welke beter is! ;)

Voorbeeld:

<meta property="og:image" content="/blog/images/open-graph.jpg" />

og:video

In het geval je een video op de pagina hebt, moet je hem specificeren met deze tag, die de interpretatie ervan vergemakkelijkt.

<meta property="og:video" content="http://example.com/bond/trailer.swf" />

og:type

Deze tag geeft aan waar je content uit bestaat. Of het nu een artikel, een video, een blogpost is... Afhankelijk van het type kun je verschillende eigenschappen toewijzen.

Voorbeeld:

<meta property="og:type" content="article" />

og:site_name

Hiermee kun je je website specificeren zodat je merk wordt weergegeven.

<meta property="og:site_name" content="SEO Alive" />

Soorten sociale meta-tags die bestaan

Momenteel worden de tags die door Facebook zijn gemaakt gebruikt op de rest van de sociale netwerken, zoals LinkedIn. Twitter gebruikt wat bekend staat als Twitter Cards. Met deze tags heb je drie opties:

• ›

  "Photo" voor afbeeldingen

• ›

  "Player" voor video's en

• ›

  "Summary" voor al het andere.

In dit geval zal, net als bij Open Graph-cards, als het niet is geoptimaliseerd, standaard- en niet-geoptimaliseerde content worden weergegeven.

Tools voor het testen van tags

Het analyseren van hoe pagina's eruitzien wanneer een gebruiker ze deelt op sociale netwerken zal cruciaal zijn als we willen dat alles correct werkt.

Twitter Card Validator

De validatietool van Twitter is Twitter Card Validator. Voordat je iets publiceert, als je er zeker van wilt zijn dat alles correct wordt weergegeven, aarzel dan niet om de URL die je wilt delen in te voeren. Het is ook erg handig als je de afbeelding van een pagina hebt bijgewerkt en de feed nog steeds de oude toont. Het opnieuw analyseren werkt als een "cache purge".

Facebook Debugger

De debugging-tool van Facebook staat bekend als Facebook Debugger. Hiermee kun je zien welke informatie wordt gebruikt en hoe het eruitziet wanneer een pagina van je site wordt gedeeld. Bovendien, in het geval een van de velden onjuist is of ontbreekt, verschijnt er een waarschuwing.

Google Structured Data Testing Tool

Google stelt ons ook de structured data testing tool ter beschikking genaamd Google Structured Data Testing Tool. Het is erg handig om te controleren welk type markup Google oppikt van een pagina. De markup wordt herkend door zoekmachines, wat helpt om een website "semantisch" te maken door de Schema-microdata specifiek voor elk geval te introduceren.

Rich Pins Validator

Pinterest kon niet achterblijven en brengt zijn pin-validator, ook bekend als Rich Pins Validator. Het werkt net als de Twitter-validator: een goedkeuringsproces is vereist om de Rich Pin-functionaliteit te verkrijgen en de data markup tegelijkertijd te controleren.

Hoe optimaliseer je deze tags in WordPress?

Zoals je misschien weet, is een van de grote voordelen die WordPress ons biedt zijn flexibiliteit en zijn enorme community. Als gevolg daarvan duren processen zoals het introduceren van open-graph-tags in onze pagina's en artikelen slechts seconden dankzij plugins.

Er zijn veel manieren om dit te bereiken. In ons geval geloven we dat het gemakkelijkst is om het te doen via de SEO Rank Math-plugin.

Aanbevolen artikel > Diepgaande SEO-tutorial over Rank Math

Het enige wat je hoeft te doen is naar de SEO-sectie van de betreffende pagina of het artikel gaan, op het tabblad "Social" klikken, en daar zien we de optie om de afbeelding te configureren. In veel gevallen, als we een uitgelichte afbeelding hebben geüpload, zal het deze direct oppikken.

Tips en verbeteringen

Hieronder kun je enkele tips zien op basis van ervaring die voor ons hebben gewerkt om zeer goede resultaten te bereiken.

Optimaliseer afbeeldingen

Kies kwaliteitsafbeeldingen. Je moet elke afbeelding perfect kiezen omdat het je content gaat vertegenwoordigen. Het zal ook de afbeelding zijn die verschijnt wanneer de gebruiker de content deelt.

Elk platform heeft bepaalde standaarden; het beste is om een grote afbeelding te kiezen die in elk sociaal netwerk past.

Visuele content is het meest aantrekkelijk op sociale netwerken, en als je viraal weet te gaan, krijg je meer bezoeken aan je website. Je weet wel, investeer tijd in het kiezen van de perfecte afbeelding om likes, shares en comments te krijgen.

• ›

  Twitter: 120x120px voor de kleine en 4096x4096px voor de grote

• ›

  Facebook: de kleinste op 200px en de grootste op 1200px

Gebruik altijd Open Graph

Aangezien het een al bekend formaat is, kunnen meer platformen het gebruiken. Het wordt aanbevolen om codetemplates te gebruiken om sociale tags in te voegen; je kunt alle informatie raadplegen in de volgende gids.

Aanbevolen gids -> Meta Tags in SEO

Test en experimenteer

Test altijd en controleer in de validators om er zeker van te zijn dat de resultaten van je site correct worden weergegeven op sociale netwerken.

Conclusies

Het zijn kleine details die je merk er geweldig zullen laten uitzien in de ogen van gebruikers. Houd in gedachten dat deze tags essentieel zijn om je pagina goed weer te geven en bezoeken aan te trekken. Ze maken het ook gemakkelijker voor zoekmachines om je website te begrijpen. Dus SEO-optimalisatie omvat ook aandacht besteden aan sociale netwerken.

Onthoud ook dat sociale signalen, dat wil zeggen verkeer dat afkomstig is van sociale netwerken, een SEO-strategie positief kunnen beïnvloeden, dus elke klik vanaf sociale media is goud waard!

Vragen of suggesties? We helpen je graag!

Referenties:

• ›https://ogp.me/ - Officiële website van het Open Graph-protocol