Als het gaat om het positioneren van content, kunnen sociale netwerken grote bondgenoten worden. Maar om dit te doen, moet de gebruiker er op klikken, en dit is iets dat niet mag gebeuren als je ze geen afbeelding, titel, enz. laat zien die hun aandacht trekt.
En dit is een onderwerp waar Open Graph tags veel over te zeggen hebben. Daarom leggen we hier uit waaruit deze tags bestaan en hoe het kan helpen om uw ranking te verbeteren.
Wat is Open Graph?
Soms, wanneer u een blogbericht op een sociaal netwerk publiceert, is de informatie die verschijnt niet de meest geschikte - noch de titel, noch de afbeelding of de beschrijving komen overeen. De reden hiervoor is dat het sociale netwerk niet weet wat de titel of de hoofdafbeelding van die post is, noch begrijpt het het onderwerp ervan.
Nou, het Open Graph protocol is precies de oplossing voor dat probleem. Dit zijn tags die aan de HTML-code van de pagina worden toegevoegd. De gebruiker kan ze niet zien, maar het helpt het sociale netwerk om de belangrijkste elementen van het artikel te kennen. Met andere woorden, ze geven de structuur van de post aan.
U kunt Open Graph tags toevoegen om te beslissen welke elementen worden weergegeven in sociale netwerken zoals Facebook, Twitter en Linkedin. Het werkt ook op applicaties zoals WhatsApp, Slack en Telegram.
Ze staan ook wel bekend als social tags, en ze zijn van cruciaal belang bij het positioneren van content in sociale netwerken. Laten we eens kijken waarom.
Waarom is Open Graph goed voor SEO?
Ja, Open Graph tags verbeteren de SEO-positionering, en om eenvoudige redenen. Voornamelijk omdat ze het makkelijker maken om de aandacht van de gebruiker te trekken, waardoor er rijke sociale kaarten ontstaan.
Door de meest in het oog springende afbeelding, titel en beschrijving te tonen, verbetert u de kansen van de gebruiker van het sociale netwerk om de publicatie op te merken. Met andere woorden, ze hebben meer kans om uiteindelijk te klikken, en het resultaat is beter verkeer naar de sociale netwerksite.
Ook dienen deze sociale tags om de inhoud die wordt gedeeld in sociale netwerken te optimaliseren.
Waarom? Om dezelfde reden: omdat we erin slagen om te controleren hoe onze URL-fragmenten worden weergegeven in sociale netwerken. Op deze manier genereren we zogenaamde Facebook-kaarten, Twitter-kaarten en andere previews van content op sociale netwerken.
Hoe het Open Graph Protocol te implementeren
Facebook is de ontwikkelaar van het Open Graph protocol, en Twitter heeft een eigen versie van deze tag. Zoals we hebben aangegeven, kunnen deze tags ook worden gebruikt in LinkedIn, WhatsApp, Slack en Telegram.
Dat gezegd hebbende, hoe worden deze tags geïmplementeerd? Dat gebeurt door ze toe te voegen aan de HTML-code in de 'head'-sectie.
Het kan handmatig worden gedaan, maar je zult meestal plugins vinden om Open Graph toe te voegen bij het beheren van de pagina via een CMS. Anders kan een ontwikkelaar hiervoor functionaliteit creëren.
Laten we het nu eens hebben over het technische gedeelte van dit onderwerp. Er zijn vier eigenschappen van Open Graph die altijd nodig zijn:
- og:url
- og:titel
- og:beschrijving
- og:beeld
Door de gegevens met betrekking tot URL, titel, beschrijving en afbeelding aan te geven, weet Facebook welke informatie moet worden weergegeven wanneer de inhoud wordt gedeeld.
Er zijn echter nog twee andere eigenschappen die wij aanbevelen om te implementeren om meer informatie te geven over de context van de inhoud:
- og:type (inhoudstype, zoals product, profiel, enz.).
- og:locale (doelgebied van de pagina).
Open Graph Best Practices
Bij het werken met Open Graph is het handig om de volgende tips te volgen:
- U moet in ieder geval de vereiste eigenschappen van Open Graph definiëren, maar idealiter moet u ook de aanbevolen eigenschappen implementeren.
- De og:titel mag niet groter zijn dan 55-60 karakters.
- De og:beschrijving mag niet groter zijn dan 60-65 karakters.
- Met betrekking tot de og:image dient u gebruik te maken van afbeeldingen van hoge kwaliteit, met minimale afmetingen van 1200 x 630 pixels. De bestandsgrootte mag niet groter zijn dan 8 MB.
- Zodra de opmaak klaar is, moet u deze testen via de Open Graph debugger om een preview van het fragment te krijgen en ervoor te zorgen dat alle elementen compleet zijn. Het moet worden aangepast en opnieuw worden aangepast totdat het er goed uitziet. Het fragment zal ook in de cache worden geplaatst, zodat het de eerste keer dat je het deelt correct wordt weergegeven.
- Als u wilt dat Facebook een nieuw fragment laat zien na het maken van een fout en het corrigeren ervan, ga dan naar de Facebook Open Graph debugger en klik op 'Fetch new scrape information'. Deze praktijk zal de cache updaten. De afbeelding wordt echter niet automatisch bijgewerkt, maar u moet een nieuwe og:image URL definiëren en vervolgens op 'Nieuwe scrape-informatie ophalen' klikken.
- Gebruik og: afbeelding: breedte en og: afbeelding: hoogte om de juiste afbeelding te kunnen laden direct nadat deze voor het eerst is gedeeld.
