Hoe genereer ik meta-tags en Open Graph-tags voor mijn pagina?

Vul Paginatitel, Metabeschrijving, Pagina-URL en URL van socialemedia-afbeelding in. De tags worden opgebouwd terwijl je typt. Kies een Uitvoerformaat (HTML, Next.js, JSX of WordPress), gebruik Kopiëren of Downloaden en plak het blok in je head.

Hoe lang moeten mijn titel en metabeschrijving zijn?

De tool adviseert 30-60 tekens voor de titel en 70-160 voor de beschrijving. Een Google-zoekvoorbeeld, met Desktop- en Mobiel-weergaven, toont wanneer tekst zou worden afgekapt. Breedtes zijn een schatting omdat Google op pixels afkapt.

Waarom toont mijn linkvoorbeeld geen afbeelding of de verkeerde?

De afbeeldings-URL ontbreekt meestal, gebruikt http://, is niet openbaar bereikbaar, of het platform heeft een oud voorbeeld gecached. De tool beveelt 1200x630 px aan, onder 5 MB, als een absolute https://-link, en waarschuwt als de verhouding of grootte niet klopt.

Kan ik de meta-tags van een bestaande pagina controleren?

Ja. Open Importeren uit bestaande HTML, plak de head of volledige HTML van de pagina en klik op Formulier invullen van HTML. De Controle-sectie toont dan de problemen. Het parsen gebeurt in je browser en voert geen scripts uit of haalt niets op.

Stuurt de generator mijn paginagegevens naar een server?

Nee. De tags worden in je browser samengesteld en geplakte HTML wordt gelezen met de DOMParser van de browser, die geen scripts uitvoert of netwerkverzoeken doet. Alleen het afbeeldingsvoorbeeld laadt de door jou getypte afbeeldings-URL.

Ja. Elke tool is gratis te gebruiken, zonder account en zonder creditcard. Het werk gebeurt op jouw apparaat in plaats van op onze servers, en daarom is het gratis te gebruiken.

Ja. Het werkt in actuele mobiele browsers op iOS en Android, zonder iets te installeren.

🏷️

Gratis Metatag- en Open Graph-generator

Genereer SEO-metatags, Open Graph- en Twitter Card-opmaak met een live Google- en social-share-voorvertoning. Plak direct in je paginakop.

Draait in je browserGeen aanmelding, geen pop-upsGeen aanmelding vereistVoor altijd gratis

Werkt offline na het laden

Paginatitel0 · 0/580px

Pagina-URL

Metabeschrijving0 · 0/920px

URL van socialemedia-afbeelding

Ideaal: 1200×630 px, onder 5 MB, een absolute https://-link.

Sitenaam

Twitter/X-handle

Twitter/X-gebruikersnaam van auteur

Twitter-kaarttype

Open Graph-type

Ook opnemen

Canonical link opnemen (gebruikt de pagina-URL)Tekenset en mobiele viewportHerinnering om <html lang> op nl te zettenog:locale (taal van de pagina)Favicon-linkThemakleur (browserbalk op telefoons)

Indexering door zoekmachines

Titel 0/580px (streef naar 30-60)Beschrijving 0/920px (streef naar 70-160)

Google-zoekvoorbeeld

example.com

Uw paginatitel verschijnt hier

Uw metabeschrijving verschijnt hier. Maak hem aantrekkelijk voor een hogere doorklikratio vanuit zoekresultaten.

Breedtes zijn een schatting: Google kapt af op pixels, niet op tekens.

Voorbeeld van socialemediakaart

og:image-voorbeeld

example.com

Paginatitel

Paginabeschrijving

Plak in je <head>

Vul minstens één veld hierboven in om metatags te genereren.

Veelvoorkomend gebruik

Meta-Tags voor BlogberichtenGenereer titel, beschrijving en sociale tags zodat je artikelen er geweldig uitzien als ze worden gedeeld.
Meta-Tags voor Productpagina'sZorg ervoor dat productpagina's mooi worden gedeeld en goed worden gelezen in zoekresultaten.
Meta-Tags voor Landingspagina'sControleer nauwkeurig hoe je campagne-landingspagina's eruit zien wanneer ze worden gedeeld en gezocht.
Genereer Meta-Tags voor Elke Web-AppGenereer snel de volledige set head meta-tags voor een nieuwe pagina of website.
Los Lelijke Linkvoorbeelden OpStop je links van weergave als onbewerkte URL's — voeg tags toe die rijke voorbeeldkaarten maken.

Hoe het werkt

Het samenstellen van tags en het parsen van de head gebeurt direct in je browser — zonder server. De tool gebruikt useMemo van React om HTML-tekenreeksen reactief op te bouwen en de native DOMParser-API van de browser om bestaande pagina-opmaak te lezen voor de import-/auditfunctie.

1
Formulierinvoer stuurt de live opbouw
Terwijl je typt, stelt een useMemo-hook het volledige tagblok direct opnieuw samen — titel, metabeschrijving, Open Graph-eigenschappen en Twitter Card-attributen — en escapet speciale tekens (&, <, >, "), zodat de uitvoer veilig direct in HTML te plakken is.
2
URL-validatie met de URL-constructor van de browser
Elk URL-veld (pagina-URL, social afbeelding) wordt gecontroleerd met de ingebouwde URL-constructor van de browser. Alleen goed gevormde http://- of https://-adressen met hostnamen met punten komen erdoor; ongeldige waarden blokkeren de kopieerknop en tonen een foutmelding in het veld.
3
Importeren: DOMParser leest bestaande head-opmaak
Als je bestaande <head>-HTML plakt om die te controleren, laat de tool die door DOMParser gaan in inerte modus — er worden geen scripts uitgevoerd en geen netwerkverzoeken gedaan. Daarna zoekt hij in het geparste document naar bekende metaselectors (og:title, twitter:description, canonical-link enz.) en vult de formuliervelden vooraf in met wat hij vindt.
4
Live voorbeelden van Google- en socialekaarten
De tool toont in realtime een opgemaakt Google-zoekresultaat en een voorbeeld van een Open Graph-kaart op basis van dezelfde formulierstate, zodat je precies ziet hoe de titel en beschrijving worden afgekapt voordat je de uitvoer kopieert.

Gerelateerde tools

📐

Resizer voor afbeeldingen op sociale media

Wijzig het formaat van afbeeldingen en snij ze bij naar de exacte 2026-formaten voor Instagram, YouTube, TikTok, X, Facebook, LinkedIn en Pinterest — met veiligheidszonegidsen en batch-ZIP. 100% in uw browser, geen upload.

Probeer hetBestanden blijven lokaal

🎼

Audiotag-editor (ID3)

Bewerk MP3 ID3-tags — titel, artiest, album, jaar, genre en coverafbeelding — 100% in je browser. Geen upload, en de audio wordt niet opnieuw gecodeerd. Gratis en privé.

Probeer hetBestanden blijven lokaal

🔗

Slug-generator

Converteer elke titel of tekst naar een URL-vriendelijke slug. Perfect voor blogberichten, CMS-pagina's en SEO-geoptimaliseerde URL's.

Probeer het