Skip to content

Open Graph- & Metatag-generator

Genereer Open Graph-, Twitter Card- en SEO-metatags met een live preview voor Google, Facebook en X. 100% gratis, in de browser, geen registratie — code kopiëren en plakken.

Geen tracking Draait in je browser Gratis
Alles draait in je browser. Je content en afbeeldings-URL verlaten deze pagina nooit — geen upload, geen registratie.
Basis-SEO
Open Graph (Facebook, LinkedIn…)
X (Twitter) Card
Geavanceerd en iconen
Controles
    Gegenereerde <head>-tags 
     
      
     Importeren uit bestaande <head> (lokaal geparset, niets geüpload) 
       
     
      
     Controleer na het deployen: Facebook LinkedIn Google Rich Results 
     
     
      
      
       Tag-output en platformspecs geverifieerd aan de hand van het Open Graph-protocol (ogp.me), Google Search Central en de actuele deeldocumentatie van Facebook, X, LinkedIn en Discord. — Go Tools Team · Jul 15, 2026  
          
     
    Wat zijn metatags en Open Graph?
     
     
    Metatags zijn stukjes HTML in de <head> van je pagina die de pagina beschrijven voor browsers, zoekmachines en sociale platforms. De klassieke SEO-tags zijn de <title>, de meta description en de canonical link. Open Graph-tags (og:title, og:type, og:image, og:url en aanverwanten) vormen een protocol, oorspronkelijk van Facebook, dat bepaalt welke titel, description en afbeelding worden getoond wanneer je link wordt gedeeld — en vrijwel elk platform leest ze, waaronder LinkedIn, Slack, Discord, WhatsApp, Pinterest en Telegram.
    Twitter/X gebruikt zijn eigen twitter:card-tags, maar valt terug op je Open Graph-tags wanneer die ontbreken, dus een goede set OG-tags plus één enkele twitter:card-waarde dekt elk netwerk. Deze generator schrijft al deze tags, voegt optionele JSON-LD gestructureerde data toe en toont het resultaat live in een preview — zodat je ze nooit met de hand hoeft te schrijven of hoeft te raden hoe een share eruit zal zien.
     
      
      
     
    Specs voor social-afbeeldingen en tags per platform
     
     
     
    Open Graph (Facebook en LinkedIn)
     
    Beide lezen og:title, og:description, og:image en og:url. Aanbevolen afbeelding 1200×630 (1,91:1). Facebook cachet ~30 dagen; LinkedIn ~7 dagen — scrape na het deployen opnieuw met hun debuggers.
     
     
    X (Twitter) Card
     
    twitter:card is verplicht (summary_large_image of summary). X valt voor de rest terug op og:*. Eén afbeelding van 1200×630 werkt voor zowel OG als X; afbeeldingen onder 300×157 degraderen een grote card naar een kleine.
     
     
    Slack en Discord
     
    Slack leest eerst Twitter Card en dan Open Graph, en kan twee extra velden tonen via twitter:label/data. Discord leest Open Graph en gebruikt als enige theme-color voor de accentbalk van de embed.
     
     
    WhatsApp en Telegram
     
    WhatsApp heeft og:title en og:image nodig, met de metadata bovenaan in de HTML; Telegram leest Open Graph en toont afbeeldingen alleen betrouwbaar vanuit JPEG of PNG.
     
     
    Pinterest Rich Pins
     
    Pinterest leest Open Graph of Schema.org. Een Article Rich Pin heeft og:type=article nodig plus article:published_time en article:author — allemaal hier gegenereerd wanneer je het type article kiest.
     
     
    Google-zoekfragment
     
    De live SERP-preview voor desktop en mobiel meet je titel en description in pixels — niet alleen in tekens — zodat je het risico op afkapping ziet voordat Google dat doet.
     
     
     
          
     
    Voorbeelden van metatags
     
     
     
    Homepage van een website
     
     
    Title: Acme — Ship faster
Description: The all-in-one platform for modern teams.
URL: https://acme.com
Image: https://acme.com/og/home.png (1200×630)
     
    <title>Acme — Ship faster</title>
<meta name="description" content="The all-in-one platform for modern teams.">
<link rel="canonical" href="https://acme.com">

<meta property="og:title" content="Acme — Ship faster">
<meta property="og:type" content="website">
<meta property="og:image" content="https://acme.com/og/home.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:url" content="https://acme.com">

<meta name="twitter:card" content="summary_large_image">
     
     
    Een homepage heeft alleen de vier verplichte Open Graph-tags nodig, plus een titel, description en canonical. Omdat de afbeelding 1200×630 is, worden breedte en hoogte automatisch ingevuld, zodat de allereerste Facebook-share meteen wordt weergegeven in plaats van leeg te blijven.
     
     
    Blogartikel (met article:* + JSON-LD)
     
     
    og:type: article
Title: The Complete Guide to Open Graph Tags
Author: Ada Lovelace
Published: 2026-07-15
     
    <meta property="og:title" content="The Complete Guide to Open Graph Tags">
<meta property="og:type" content="article">
<meta property="og:image" content="https://blog.example.com/og/guide.png">
<meta property="og:url" content="https://blog.example.com/open-graph-guide">
<meta property="article:published_time" content="2026-07-15T00:00:00Z">
<meta property="article:author" content="Ada Lovelace">

<meta name="twitter:card" content="summary_large_image">

<script type="application/ld+json">{ "@type": "Article", "headline": "The Complete Guide to Open Graph Tags", "datePublished": "2026-07-15T00:00:00Z" }</script>
     
     
    Als je het type article kiest, worden de eigenschappen article:published_time en article:author beschikbaar en wordt bijpassende Article-JSON-LD gegenereerd, zodat zoekmachines en Pinterest Rich Pins gratis gestructureerde data krijgen.
     
     
    Twitter/X erft Open Graph over
     
     
    twitter:card: summary_large_image
Inherit title/description/image from OG: on
     
    <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@acme">
     
     
    X leest je Open Graph-tags wanneer de bijbehorende twitter:*-tag ontbreekt, dus je hebt alleen twitter:card nodig. De generator geeft nooit een lege twitter:image uit, want dat zou die fallback breken.
     
     
     
          
     
    Open Graph-tags toevoegen aan je site
     
       
    1.  1 
       
      Voer titel, description en URL in
       
      Typ je paginatitel, meta description en canonical URL. De pixelmeter toont of ze in het zoekfragment van Google passen.
       
       
    2.  2 
       
      Voeg een og:image toe en kies het type
       
      Plak een afbeeldings-URL van 1200×630 en kies website, article, product of profile — de bijbehorende Open Graph-velden en JSON-LD verschijnen automatisch.
       
       
    3.  3 
       
      Controleer de live previews
       
      Wissel tussen de tabbladen Google, Facebook, X, LinkedIn, Slack en Discord om precies te zien hoe je link eruitziet voordat je hem live zet.
       
       
    4.  4 
       
      Kopieer naar je 
       
      Kopieer het volledige tagblok (of één sectie) en plak het in de  van je HTML. Controleer na het deployen met de debuggers van Facebook en LinkedIn.
       
       
      5.  
     
      
     
    Veelgemaakte Open Graph-fouten
     
     
     
    Relatief og:image-pad
     
    Een pad zoals /cover.png werkt in je editor, maar blijft leeg bij het delen, omdat crawlers een absolute URL nodig hebben.
     
     
     ✗ Fout 
    <meta property="og:image" content="/cover.png">
     
     
     ✓ Correct 
    <meta property="og:image" content="https://example.com/cover.png">
     
     
     
     
    Ontbrekende og:url
     
    Zonder een canonical og:url worden sharetellingen over URL-varianten verdeeld en kunnen platforms het verkeerde adres kiezen.
     
     
     ✗ Fout 
    <!-- no og:url -->
     
     
     ✓ Correct 
    <meta property="og:url" content="https://example.com/page">
     
     
     
     
    Afbeelding te klein of verkeerde verhouding
     
    Facebook negeert afbeeldingen onder 200×200 en snijdt alles bij wat ver van 1,91:1 afligt.
     
     
     ✗ Fout 
    600×600 og:image
     
     
     ✓ Correct 
    1200×630 og:image (1.91:1)
     
     
     
     
    twitter:card vergeten
     
    Zelfs met volledige Open Graph-tags toont X geen card tenzij twitter:card is ingesteld.
     
     
     ✗ Fout 
    <!-- OG only, no twitter:card -->
     
     
     ✓ Correct 
    <meta name="twitter:card" content="summary_large_image">
     
     
     
     
    Lege twitter:image breekt de fallback
     
    Een lege twitter:image verhindert dat X terugvalt op og:image — laat de tag weg in plaats van hem leeg te laten.
     
     
     ✗ Fout 
    <meta name="twitter:image" content="">
     
     
     ✓ Correct 
    <!-- omit it; X uses og:image -->
     
     
     
     
    Charset te laat geplaatst
     
    De charset-declaratie moet binnen de eerste 1024 bytes van het document staan, anders wordt ze genegeerd.
     
     
     ✗ Fout 
    <meta charset> after many tags
     
     
     ✓ Correct 
    <meta charset="utf-8"> first in <head>
     
     
     
     
     
      
     
    Veelvoorkomende toepassingen
     
     
     
    Een landingspagina lanceren
     
    Genereer het volledige head-blok voor een nieuwe marketingpagina, zodat die er verzorgd uitziet zodra iemand de link deelt op X, LinkedIn of Slack.
     
     
    Preview van blogs en artikelen
     
    Voeg article:published_time, article:author en Article-JSON-LD toe zodat berichten in aanmerking komen voor Pinterest Rich Pins en uitgebreide social cards.
     
     
    Een kapotte share repareren
     
    Importeer je huidige tags, spot de ontbrekende og:image of verkeerde afmeting in het controlepaneel, herstel het en scrape opnieuw via de debugger-links.
     
     
    Head-snippets voor frameworks
     
    Kopieer een schone, correcte tagset om in een statische site, een CMS-template of een server-gerenderde head-partial te plaatsen.
     
     
     
      
     
    Hoe de generator werkt
     
     
     
    Live preview in de browser
     
    Elke card wordt gerenderd op basis van de waarden die je typt, nooit door je URL op te halen. Zo blijven previews direct en privé, en het is de enige eerlijke manier om te previewen voordat een pagina is gedeployd.
     
     
    Pixelnauwkeurige SERP-meter
     
    Google kapt titels en descriptions af op pixelbreedte, niet op aantal tekens. Een canvas meet je tekst in hetzelfde lettertype, zodat de meter precies oranje wordt wanneer het fragment zou worden afgekapt.
     
     
    Afbeeldingscontrole aan de clientkant
     
    Je og:image-URL wordt in je browser in een Image geladen om de werkelijke breedte en hoogte af te lezen, en vervolgens gecontroleerd tegen 1200×630 en de beeldverhouding van de card. Cross-origin-afbeeldingen geven hun formaat toch door, dus de controle werkt zonder enige upload.
     
     
    Volledige, moderne tagset
     
    Basis-SEO, Open Graph, Twitter Card en JSON-LD in één blok, met charset als eerste uitgevoerd zodat het binnen de eerste 1024 bytes valt. Verouderde tags zoals meta keywords staan standaard uit.
     
     
     
      
     
    Best practices voor metatags
     
     
     
    Gebruik absolute HTTPS-URL's
     
    og:image en og:url moeten volledige https://…-URL's zijn. Relatieve paden werken lokaal, maar blijven leeg wanneer een crawler de live pagina ophaalt.
     
     
    Stel altijd og:image:width en height in
     
    Door de afmetingen op te geven kunnen platforms de card meteen opmaken, zodat de eerste share niet leeg is terwijl ze de afbeelding asynchroon ophalen.
     
     
    Houd canonical en og:url gelijk
     
    Laat beide naar dezelfde canonical URL wijzen, zodat sharetellingen en zoeksignalen niet over URL-varianten worden verdeeld.
     
     
    Schrijf voor het pixelbudget
     
    Mik op een titel van ongeveer 50–60 tekens en een description van ongeveer 155 — maar vertrouw op de pixelmeter, want Google meet breedte, niet het aantal tekens.
     
     
    Render tags aan de serverkant
     
    De crawlers van Facebook, LinkedIn, WhatsApp, Telegram en Discord voeren geen JavaScript uit, dus Open Graph-tags moeten in de statische of server-gerenderde HTML staan.
     
     
     
      
     
    Veelgestelde vragen
     
     
     Wat is een metatag-generator? 
     Een metatag-generator bouwt de HTML-tags die in de <head> van je pagina horen — de <title>, meta description, canonical link, Open Graph-tags voor Facebook en LinkedIn, en Twitter/X Card-tags. Deze tool genereert ze allemaal in één keer, toont een live preview van hoe je link eruitziet op Google, Facebook, X, LinkedIn, Slack en Discord, en laat je de code met één klik kopiëren. Alles draait in je browser. 
     
     Hoe voeg ik Open Graph-tags toe aan mijn website? 
     Vul je titel, description, canonical URL en een og:image-URL in, kies het Open Graph-type en kopieer vervolgens de gegenereerde tags om ze in de <head> van je HTML te plakken. Omdat de crawlers van Facebook, LinkedIn, WhatsApp en Telegram geen JavaScript uitvoeren, moeten de tags aanwezig zijn in de server-gerenderde of statische HTML en niet worden geïnjecteerd door client-side scripts. 
     
     Welk formaat moet een Open Graph-afbeelding hebben? 
     Het aanbevolen og:image-formaat is 1200×630 pixels, een beeldverhouding van 1,91:1, wat ook voldoet aan de summary_large_image-card van X. Facebook negeert afbeeldingen kleiner dan 200×200 en toont een klein vierkant voor alles onder 600×315. Neem altijd og:image:width en og:image:height op zodat de eerste share meteen wordt weergegeven, en serveer de afbeelding via HTTPS op een openbare URL die niet door robots.txt wordt geblokkeerd. 
     
     Is de twitter:card-tag verplicht? 
     Ja — twitter:card is de enige Twitter/X-tag die je moet opnemen, anders toont X geen card, zelfs niet wanneer je Open Graph-tags aanwezig zijn. Zet hem op summary_large_image voor een grote afbeelding of op summary voor een kleine vierkante thumbnail. Voor al het andere (titel, description, afbeelding) valt X terug op je og:*-tags, dus deze tool laat ze standaard weg om de markup schoon te houden. 
     
     Helpen metatags bij SEO? 
     De <title> en de canonical tag zijn belangrijk voor SEO; de meta description is geen directe rankingfactor, maar beïnvloedt de doorklikratio doordat hij het zoekfragment vormgeeft. Open Graph- en Twitter Card-tags hebben geen invloed op de Google-rankings, maar bepalen wel hoe je links eruitzien wanneer ze gedeeld worden, wat sociaal verkeer oplevert. Google kan je titel in de resultaten herschrijven, dus schrijf een duidelijke, unieke titel en zet de belangrijke woorden vooraan. 
     
     Uploadt deze tool mijn content of afbeeldingen? 
     Nee. Alles wordt lokaal in je browser gegenereerd met JavaScript. Je titel, description en afbeeldings-URL verlaten de pagina nooit — er is geen server, geen upload en geen account. De og:image wordt alleen in je eigen browser geladen om hem te previewen en de afmetingen af te lezen. 
     
     Kan ik metatags importeren die ik al heb? 
     Ja. Open het importpaneel, plak je bestaande <meta>-tags en de tool parset ze lokaal met de eigen HTML-parser van de browser om het formulier in te vullen — geen netwerkverzoek, niets geüpload. Het is het privacyvriendelijke alternatief voor tools die een live URL vanaf hun server ophalen. 
     
     Waarom toont mijn bijgewerkte preview op Facebook of LinkedIn nog steeds de oude afbeelding? 
     Platforms cachen Open Graph-data: Facebook ongeveer 30 dagen, LinkedIn ongeveer 7 dagen. Nadat je hebt gedeployd, scrape je de pagina opnieuw met de Facebook Sharing Debugger of LinkedIn Post Inspector om de gecachte titel, description en afbeelding te vernieuwen. De links naar de debuggers staan onder de gegenereerde code. 
     
     
     
     
       
      
     
     
    Gerelateerde tools
      Alle tools bekijken →
 
     
      
     
      
      
      
     
     
    cURL-commando generator en builder
     
     
    Web & API
     
    Bouw curl-commando's in je browser — stel methode, headers, auth en body in en krijg direct een kopieerbaar commando. Presets voor Bearer, POST JSON en bestandsupload. Gratis, privé, geen registratie.
     
     
       
          
     
      
      
      
     
     
    htpasswd-generator — bcrypt, Apache MD5 (apr1) & Basic Auth
     
     
    Web & API
     
    Genereer htpasswd-vermeldingen met bcrypt, Apache MD5 (apr1), SHA-1 en meer. Krijg direct kopieerbare Apache-, nginx- en Docker-configuratie. 100% in je browser — niets wordt geüpload.
     
     
       
          
     
      
      
      
     
     
    Talstelsel omrekenen — online converter
     
     
    Omrekentools
     
    Reken je getal direct om tussen binair, hex, decimaal, octaal en elk talstelsel (2-36). Gratis en privé — alles draait in je browser.
     
     
       
          
     
      
      
      
     
     
    Base64 decoderen en encoderen online
     
     
    Encodering en formattering
     
    Base64 decoderen en encoderen direct in je browser. Realtime conversie met volledige UTF-8- en emoji-ondersteuning. 100% privé — geen account nodig.
     
     
       
          
     
      
      
      
     
     
    Base64 naar afbeelding converter
     
     
    Encodering en formattering
     
    Decodeer een Base64-string of data-URI terug naar een afbeelding in je browser. Bekijk voorbeeld, lees afmetingen & MIME, download als PNG, JPG, GIF, SVG. Geen upload.
     
     
       
          
     
      
      
      
     
     
    Bcrypt-hashgenerator & -verifier
     
     
    Beveiligingstools
     
    Genereer en verifieer bcrypt-wachtwoordhashes online — instelbare kostenfactor, $2b$/$2a$/$2y$-prefixes. 100% in je browser; je wachtwoord wordt nooit geüpload.