Open Graph meta-taggenerator — Gratis Tool
Vul een titel, omschrijving, URL en afbeelding in en krijg de Open Graph-, Twitter-card- en standaard meta-tags om in de <head> van je pagina te plakken. Elke waarde wordt ge-escaped, lege velden worden weggelaten en te lange titels en omschrijvingen worden gemarkeerd voordat een platform ze afkapt.
Functies
- Open Graph, Twitter card, <title> en meta description uit één set velden
- Elke waarde wordt HTML-ge-escaped, dus een titel met een aanhalingsteken, ampersand of punthaak levert nog steeds geldige tags op
- Live tellers markeren een titel boven 60 tekens of een omschrijving boven 200 — dezelfde grenzen als onze link preview checker
- Lege velden worden helemaal weggelaten in plaats van een leeg content-attribuut, dat een crawler als bewuste keuze leest
- Draait volledig in je browser: geen account, niets geüpload en geen pagina opgehaald
Veelgestelde vragen
Waar horen deze tags?
In het <head>-element van de pagina, vóór </head>. De volgorde maakt geen enkele crawler uit, maar het Open Graph-blok bij elkaar houden is makkelijker te onderhouden. Gebruikt je site een CMS of framework, gebruik dan de head- of SEO-instellingen daarvan in plaats van het template met de hand aan te passen: veel systemen zetten sommige tags er al in, en twee og:title op één pagina is slechter dan één.
Waarom zie ik na het plakken nog de oude preview?
Omdat het platform de card in de cache zette toen het de link voor het eerst zag, soms dagenlang. De oplossing is het opnieuw laten lezen: de Facebook Sharing Debugger, LinkedIn Post Inspector en X Card Validator scrapen op verzoek opnieuw. Tot die tijd staan je nieuwe tags online en zijn ze onzichtbaar op het platform.
Heb ik zowel Open Graph- als Twitter-tags nodig?
Strikt genomen niet: X valt terug op Open Graph als een twitter:-tag ontbreekt, en de meeste andere lezers doen hetzelfde. De tag die zijn plek echt verdient is twitter:card, want die bepaalt of X een brede afbeelding of een kleine vierkante thumbnail toont. Deze generator zet beide sets erin, zodat niets afhangt van een terugval die je niet ziet.
Welk formaat moet de afbeelding hebben?
1200 × 630 pixels is de veilige standaard: de verhouding 1,91:1 die Facebook, LinkedIn en X’ summary_large_image verwachten. Serveer hem vanaf een absolute https-URL — een relatief pad lost voor een crawler niet op —, houd het bestand onder ongeveer 5 MB en houd tekst weg bij de randen, want elk platform snijdt net iets anders bij.
Wat gebeurt er met aanhalingstekens en speciale tekens in mijn titel?
Die worden voor je ge-escaped. Ampersands, punthaken en dubbele aanhalingstekens worden entities voordat ze in een attribuut belanden, dus een titel als Ben & Jerry’s "beste" smaak levert één geldige tag op in plaats van kapotte markup. Dat is meer dan netheid: een niet-ge-escapet aanhalingsteken in content sluit het attribuut te vroeg af, en alles erna wordt markup.
