Open Graph
Open Graph zijn metatags in de head van een pagina die de titel, beschrijving en afbeelding bepalen wanneer een link op social media wordt gedeeld.
Wat is Open Graph?
Open Graph is een protocol dat in 2010 door Facebook is geïntroduceerd dat metatags in de <head> van een pagina gebruikt om te bepalen hoe een link eruitziet wanneer deze wordt gedeeld. Tags zoals og:title, og:description, og:image, og:url en og:type vertellen platforms zoals Facebook, LinkedIn, Messenger, WhatsApp en Slack welke titel, tekst en afbeelding ze in de voorvertoning moeten tonen. Zonder deze tags gokt het platform zelf – vaak met een willekeurige afbeelding of de verkeerde tekst.
Waarom is Open Graph belangrijk?
Voor een webshop zijn gedeelde links gratis exposure, en de voorvertoning bepaalt of mensen klikken. Een scherpe og:image en een duidelijke og:title op product- en categoriepagina’s zorgen voor een professionele, klikbare kaart in feeds en chats. Open Graph is geen direct rankingsignaal voor Google, maar het heeft een sterke invloed op de click-through rate (CTR) vanaf sociale kanalen. Let op: X (Twitter) gebruikt zijn eigen Twitter Card-tags, maar valt terug op Open Graph als deze ontbreken.
Veelvoorkomende situaties
- Productpagina’s, waar
og:imagede productfoto moet tonen, niet het logo van de winkel. - Campagne- en landingspagina’s die worden gedeeld in nieuwsbrieven, advertenties en berichten.
- Blogberichten en handleidingen, waarbij een redactionele deelafbeelding de CTR verhoogt.
- Een onjuiste voorvertoning debuggen met Facebook’s Sharing Debugger of de LinkedIn Post Inspector.
- Het juiste formaat kiezen: een
og:imagevan 1200×630 px voorkomt ongewenst bijsnijden.
Shopify-perspectief
De meeste Shopify-thema’s vullen automatisch Open Graph-tags in via theme.liquid en halen og:image op uit de uitgelichte afbeelding van het product. Problemen ontstaan wanneer apps dubbele tags injecteren of wanneer pagina’s geen specifieke deelafbeelding hebben. Controleer de gegenereerde broncode op echte URL’s en valideer met een sharing debugger in plaats van aan te nemen dat het thema het goed doet. Open Graph is een aanvulling op uw metabeschrijving en gestructureerde data, maar vervangt deze niet.