Open Graph- en social-cardgenerator

Zo gebruik je de Open Graph-generator

1. Vul de Titel en Beschrijving in die mensen moeten zien als je link wordt gedeeld. Ze mogen afwijken van je SEO-titel: schrijf ze voor een socialemediafeed.
2. Voeg de URL van de pagina (het canonieke adres) en de URL van de afbeelding toe. Beide moeten absoluut zijn en beginnen met https://.
3. Beschrijf de afbeelding bij Beschrijving van de afbeelding (alt-tekst), zodat mensen met een schermlezer weten wat erop staat.
4. Kies of sleep dezelfde afbeelding bij Voorbeeldafbeelding. Ze blijft op je apparaat: de tool gebruikt haar alleen om de voorbeelden te tekenen en om Breedte van de afbeelding (px) en Hoogte van de afbeelding (px) in te vullen.
5. Stel de Naam van de site, het Type inhoud en de Locale in (bijvoorbeeld nl_NL of nl_BE), kies de stijl van de X-card (Twitter) en vul, als je die hebt, de X-accounts van de site en de auteur in.
6. Bekijk de voorbeelden en de lijst Controles, klik op Kopiëren of Downloaden en plak de tags in de <head> van de pagina.

Wat Open Graph-tags doen

Als een link in Facebook, LinkedIn, X, Slack, Discord, WhatsApp, iMessage en veel andere apps wordt geplakt, haalt een crawler de pagina op en leest hij de Open Graph-metatags (og:) om een card samen te stellen: een afbeelding, een titel, een korte beschrijving en het domein. Zonder deze tags gokt de app, en kiest hij vaak een logo, een cookiebanner of de eerste zin van het menu.

De vier basiseigenschappen zijn og:title, og:type, og:image en og:url. Deze tool voegt ook og:description, og:site_name, og:locale en de gegevens van de afbeelding toe (og:image:width, og:image:height, og:image:alt). Door de afmetingen van de afbeelding op te geven, kunnen sommige platforms de card al bij de eerste keer delen tonen in plaats van te wachten tot de afbeelding is gedownload.

X leest zijn eigen twitter:-tags, maar valt terug op de Open Graph-titel, -beschrijving en -afbeelding als de X-versies ontbreken. De tool voegt daarom alleen toe wat X echt nodig heeft: twitter:card, de optionele accounts en de beschrijving van de afbeelding. Zo hoef je niet elke waarde dubbel op te nemen.

Afmetingen die overal werken

Gebruik JPEG of PNG, houd het bestand redelijk klein (ruim onder 5 MB) en zet geen belangrijke tekst bij de randen, want elk platform snijdt net iets anders bij. De voorbeelden in deze tool benaderen die weergaven; het zijn geen schermafbeeldingen.

Na het publiceren

Sociale platforms bewaren linkvoorbeelden in hun cache, soms dagenlang. Heb je de tags aangepast, laat de pagina dan opnieuw ophalen met de Facebook Sharing Debugger of de LinkedIn Post Inspector. De pagina moet openbaar bereikbaar zijn: crawlers zien geen pagina’s achter een login of op localhost.