Zo gebruik je Open Graph- en metatag-previewer
- 1
Plak een link
Voer het adres van een openbare pagina in en klik op Link bekijken om de titel, beschrijving en de Open Graph- en X-kaarttags te lezen.
- 2
Bekijk de kaarten
Vergelijk het Google-resultaat en de kaarten van Facebook, X, LinkedIn, Slack, Discord en in iMessage-stijl, en lees de lijst met ontbrekende of zwakke tags.
- 3
Bewerk de tags
Klik op Deze tags bewerken of open Tags schrijven om de titel, beschrijving en afbeelding aan te passen. Elk voorbeeld wordt direct bijgewerkt terwijl je typt.
- 4
Kopieer naar je pagina
Kopieer de gegenereerde metatags naar de head van je pagina, publiceer de pagina en controleer de live URL opnieuw.
Limieten en Pro
Gratis: 20 URL-voorbeelden per minuut, pagina's tot 3 MB aan HTML met een time-out van 12 seconden, 7 platformvoorbeelden per link en onbeperkt tags bewerken.
Over Open Graph- en metatag-previewer
De metatag-previewer laat zien hoe een link eruitziet voordat je hem deelt. De tool leest de tags waarmee linkvoorbeelden worden opgebouwd: de HTML-titel en metabeschrijving, Open Graph-tags zoals og:title, og:description, og:image en og:site_name, X-kaarttags zoals twitter:card en de themakleur die Discord gebruikt voor de balk naast een embed. Daarna tekent de tool zeven voorbeelden: een Google-zoekresultaat, linkberichten op Facebook en LinkedIn, een X-kaart in het formaat grote afbeelding of samenvatting, een Slack-unfurl, een Discord-embed en een bubbel in iMessage-stijl.
Als een veld ontbreekt, vallen de voorbeelden terug zoals de meeste platforms dat doen, bijvoorbeeld van og:title naar de paginatitel. In de waarschuwingen staat waar de tekst vandaan komt. Ook de afbeelding wordt gecontroleerd: de afmetingen in pixels en het type worden uit de bestandskop gelezen. Zo zie je of de afbeelding kleiner is dan het minimum van 200 × 200 van Facebook, te groot is voor de limiet van 5 MB van X, een niet-ondersteunde SVG is of de verkeerde vorm heeft voor een grote kaart van 2:1.
Het tabblad Tags schrijven werkt zonder iets op te halen en levert een kant-en-klaar blok metatags op. De voorbeelden zijn benaderingen: platforms passen hun ontwerp aan, bewaren kaarten dagenlang in de cache en sommige tonen ingelogde gebruikers andere tekst. Wil je een kaart vernieuwen die al is gedeeld, gebruik dan na publicatie de debugger van het platform zelf.
Privacy
Bij URL controleren gaat het adres naar onze server. Die downloadt de pagina één keer, plus de eerste bytes van de og:image, om de tags en de afbeeldingsgrootte te lezen. Er wordt niets opgeslagen of gelogd. De voorbeeldafbeeldingen laadt je browser daarna rechtstreeks van de site waar ze staan. Tags schrijven draait alleen in je browser.
Functies
Zeven voorbeelden
Kaarten van Google, Facebook, X, LinkedIn, Slack, Discord en in iMessage-stijl naast elkaar.
og:image-controles
Afmetingen in pixels, bestandstype en bestandsgrootte rechtstreeks uit de afbeelding gelezen, met de minimumeisen van de platforms.
Taggenerator
Typ een titel, beschrijving en afbeelding en kopieer een compleet blok met Open Graph- en X-kaarttags.