Je link ziet er kaal uit als je hem deelt: voeg Open Graph-tags toe
Deel je een link in WhatsApp, LinkedIn of Facebook, dan verschijnt er een voorbeeld met een afbeelding, titel en beschrijving. Welke dat zijn, bepaal je met Open Graph-tags in de head van je pagina.
In het kud-rapport Je link ziet er kaal uit als je hem deelt
Waarom het uitmaakt
Een link met een mooie afbeelding en duidelijke titel valt op en wordt veel vaker aangeklikt dan een kaal adres.
Zonder Open Graph-tags kiezen platforms zelf iets, vaak een willekeurig logo of helemaal niks.
Zo los je het op
- Voeg minimaal
og:title,og:descriptionenog:imagetoe aan elke pagina. - Maak de og:image 1200 bij 630 pixels, met belangrijke tekst in het midden; sommige platforms snijden de randen af.
- Gebruik een volledig adres voor de afbeelding, inclusief https://.
- Test je links met de Post Inspector van LinkedIn of de Sharing Debugger van Facebook. Die verversen ook een oud voorbeeld.
<meta property="og:title" content="Dakreparatie in Zwolle | Bakker Daken">
<meta property="og:description" content="Lekkage of stormschade? Vaak dezelfde week opgelost.">
<meta property="og:image" content="https://bakkerdaken.nl/img/og.jpg">
<meta property="og:url" content="https://bakkerdaken.nl/">
<meta name="twitter:card" content="summary_large_image">
Op jouw platform
- WordPress
- Yoast SEO en Rank Math voegen Open Graph-tags toe. Stel een standaardafbeelding in, en per pagina een eigen afbeelding als dat kan.
- Shopify
- Stel bij Online Store, Voorkeuren een afbeelding voor sociaal delen in. Producten gebruiken automatisch hun productfoto.
Veelgestelde vragen
Ik heb de afbeelding aangepast, maar WhatsApp toont nog de oude.
Platforms bewaren voorbeelden een tijdje. Ververs het via de Sharing Debugger van Facebook, dat werkt ook voor WhatsApp, of wacht even.
Heb ik ook Twitter-tags nodig?
X gebruikt de Open Graph-tags als terugval. Met twitter:card op summary_large_image krijg je wel de grote afbeelding.