Open Graph-tags zijn HTML-metatags die sociale platforms en berichtenapps vertellen hoe ze een preview moeten weergeven wanneer de URL van een pagina wordt gedeeld — ze specificeren de titel, beschrijving, afbeelding en het type die moeten verschijnen in plaats van wat het platform anders zou gokken. Het Open Graph-protocol is oorspronkelijk door Facebook ontwikkeld en wordt nu door vrijwel elk groot sociaal platform en berichtenplatform gelezen, waardoor het de standaardmanier is waarop een retailer bepaalt hoe zijn productpagina's eruitzien wanneer ze buiten de eigen site worden gedeeld, gepind of gelinkt. Voor e-commerce maken goed ingestelde Open Graph-tags het verschil tussen een gedeelde productlink met een aantrekkelijke afbeelding en prijs, of een kapotte, generieke thumbnail.
Waarom Open Graph-tags belangrijk zijn voor feedgestuurde pagina's
Productpagina's worden voortdurend gedeeld, via mond-tot-mondreclame van klanten, affiliatelinks, posts van influencers of betaalde social plaatsingen, en elke keer wordt de weergave bepaald door de Open Graph-tags en niet door de echte pagina-inhoud die een bezoeker na het doorklikken zou zien. Een productpagina zonder goed ingestelde tags kan een uitgerekt logo, een afgekapte of irrelevante beschrijving of helemaal geen afbeelding tonen — wat de doorklikratio ondermijnt van een share die anders gratis distributie met hoge intentie zou betekenen. Omdat productpagina's meestal in bulk worden gegenereerd uit dezelfde catalogus die de shoppingfeed vult, kunnen Open Graph-waarden rechtstreeks via een template uit bestaande productmetadata worden opgebouwd in plaats van voor elke SKU met de hand te worden geschreven. Dat maakt dit een van de beter schaalbare kansen voor een grote catalogus.
Hoe Open Graph-tags werken
Open Graph-tags staan in de <head> van een webpagina als <meta property="og:...">-elementen, waarbij og:title, og:description, og:image en og:url de belangrijkste previewvelden dekken die de meeste platforms lezen. Voor een productcatalogus komen deze waarden doorgaans direct overeen met feedattributen die al voor Shopping en Meta Catalog worden bijgehouden — dezelfde titel, beschrijving en hoofdafbeelding uit de feed kunnen de bijbehorende Open Graph-tags vullen, zodat beide oppervlakken consistent blijven zonder aparte copywriting. Platforms en zoekmachines leggen deze gestructureerde markup steeds vaker naast een bredere Knowledge Graph van entiteiten om te begrijpen wat een pagina voorstelt, waardoor consistente Open Graph-data het machinale begrip van een product versterkt, verder dan alleen de directe social preview. Omdat deze tags bepalen hoe een link zich gedraagt overal waar hij wordt gedeeld, zijn ze ook een onopvallend maar belangrijk onderdeel van effectieve contentsyndicatie, waarbij hetzelfde product op meerdere partnersites of aggregators kan verschijnen.
Voorbeeld
<item>
<g:id>SKU-10234</g:id>
<g:title>Organic Cotton Crewneck Sweater - Charcoal, M</g:title>
<g:description>Soft, breathable organic cotton crewneck in charcoal.</g:description>
<g:image_link>https://example-shop.com/img/org-sweater-charcoal.jpg</g:image_link>
</item><!-- Open Graph tags on the corresponding product page, templated from the feed -->
<meta property="og:title" content="Organic Cotton Crewneck Sweater - Charcoal, M">
<meta property="og:description" content="Soft, breathable organic cotton crewneck in charcoal.">
<meta property="og:image" content="https://example-shop.com/img/org-sweater-charcoal.jpg">
<meta property="og:type" content="product">Gerelateerde begrippen
Omdat Open Graph-waarden zo sterk overeenkomen met bestaande productmetadata, kun je ze het best als template onderhouden in plaats van als handmatige taak, en ze dragen bij aan hoe consistent de identiteit van een product wordt begrepen binnen een bredere Knowledge Graph van entiteiten. Ze maken ook ongemerkt contentsyndicatie mogelijk, doordat een product er overal hetzelfde uitziet en leest, waar een link ernaartoe ook wordt gedeeld.
