Wat zijn Open Graph tags?
Open Graph tags zijn ontwikkeld door Facebook en maken deel uit van het Open Graph Protocol. Door Open Graph tags aan een webpagina toe te voegen, kunnen webmasters bepalen welke informatie er wordt weergegeven wanneer de pagina wordt gedeeld op sociale-mediaplatforms, zoals de titel, beschrijving en afbeelding van de pagina.
ps: Deze tags worden ook gebruikt door onder andere WhatsApp, LinkedIn, Twitter, MS Teams, …
Belangrijkste Open Graph tags
og:image
De afbeelding die wordt getoond als je een artikel op FB deelt. Belangrijk is het om hier het juist formaat te hanteren, minimum verwacht Facebook hier een afbeelding van 600×315 pixels. Voor een hogere kwaliteit raden we aan om afbeelding te maken van 1200×630 pixels. Dit zorgt voor een juiste weergave op zowel desktop, tablet als mobiel.
Tip: Als je toch een afbeelding moet voorzien in correct formaat dan kan je eventueel ook branding toevoegen hieraan met bv jouw bedrijfslogo hierop.
og:title
De titel van je blog artikel (zonder de site name).
og:description
Korte beschrijving van je blog artikel, deze wordt onder de titel getoond.
og:type
Type van content die wordt getoond, standaard heeft deze de waarde website. Voor een blog artikel kiezen we hier het type “article”.
Hoe Open Graph tags implementeren?
Open Graph tags, zijn extra metatags die in de brondcode van je blog artikel komen. Een voorbeeld kan je zien hieronder (Dit zijn ook de opengraph tags van de blog post):
<meta property="og:url" content="http://www.logicinmotion.be" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Hoe maak ik mijn blog post optimaal voor Facebook share?" />
<meta property="og:description" content="Om een blog artikel van je website optimaal te kunnen delen op Facebook moet je Opengraph tags implementeren. Hiermee kan je een visueel aantrekkelijke post maken en ook meer shares en likes genereren" />
<meta property="og:image" content="https://www.logicinmotion.be/uploads/2023/02/Hoe-maak-ik-mijn-blog-post-optimaal-voor-Facebook-share-opengraph.jpg" />
Natuurlijk ga je als eindgebruiker zelf zo geen code toevoegen… Hiervoor gebruik je een interface om deze in te vullen!
Bij populaire content management systemen zoals WordPress of Drupal zijn hier handige plug-ins voor die deze functionaliteit toevoegen.
Voor WordPress raden we SEOPress aan, meer zelfs, deze gebruiken we ook zelf op onze logicinmotion.be site.
WordPress plug-ins
Drupal modules
Heb je nog vragen over delen op social media?
Wil je meer weten over hoe je jouw blogpost optimaal kan delen op social media? Of heb je nog andere vragen? Vul dan het contactformulier in en we nemen zo snel mogelijk contact met je op!
