SEO-tools

Gratis Open Graph en Twitter Card builder

Maak social preview metatags voor blogposts en statische página's.

Tool laden...

Wat is Open Graph en Twitter Card builder?

Open Graph en Twitter Card-tags bepalen hoe een pagina eruitziet wanneer iemand deze deelt op sociale platforms, berichtenapps en linkpreview-tools. Ze definiëren de previewtitel, beschrijving, afbeelding, pagina-URL en kaartnotatie. Ze zijn handig wanneer standaardpreviews de verkeerde tekst of geen afbeelding tonen.

Snel antwoord

Genereer Open Graph en Twitter Card meta-tags om te bepalen hoe uw pagina eruitziet wanneer deze wordt gedeeld op sociale platforms, berichtenapps en linkpreview-tools. Gebruik absolute URL's voor afbeeldingen en test na publicatie.

Last updated: 2026-06-11

Beperkingen

  • Gegenereerde tags moeten in de HTML head-sectie van elke pagina worden geplaatst. Sociale platforms en berichtenapps lezen deze tags wanneer de pagina wordt opgehaald, niet wanneer de pagina wordt gebouwd.
  • Sociale platforms cachen previews agressief. Gebruik na het bijwerken van og- of twitter-tags de debugger of deler-test van elk platform om een cacheverversing af te dwingen.
  • Sommige platforms negeren bepaalde tags. X leest twitter:card terwijl Facebook en LinkedIn og:-tags gebruiken. Niet elk platform ondersteunt elke directive.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

Zo gebruik je deze tool

  1. Voer de paginatitel, beschrijving, canonieke URL, sitenaam en preview-afbeeldings-URL in.
  2. Kies het Open Graph-type. Gebruik website voor normale pagina's en article voor blogberichten.
  3. Kopieer de gegenereerde meta-tags in de head-sectie van uw pagina.
  4. Gebruik een absolute afbeeldings-URL en test de pagina nadat deze is gepubliceerd.

Waarvoor je het kunt gebruiken

  • Bereid sociale deel-tags voor voordat u een blogbericht publiceert.
  • Maak een herbruikbaar meta-tagblok voor statische HTML-pagina's.
  • Bekijk de lengte van titel, beschrijving en afbeelding voordat u kopieert en plakt.

Gebruik

Praktische voorbeelden

Voorbeeld

Blogbericht preview

Een uitgever wil dat een bericht een specifieke titel en afbeelding toont op X, LinkedIn, Facebook, Slack en Discord. De gegenereerde tags houden de preview consistent op deze platforms.

Voorbeeld

Toolpagina lancering

Een nieuwe rekenmachinepagina heeft een schone preview-afbeelding en korte beschrijving nodig. Deze tool maakt het sociale metablok voordat de pagina live gaat.

Veelgemaakte fouten

  • Een relatieve afbeeldings-URL gebruiken voor sociale preview-afbeeldingen.
  • Een titel of beschrijving schrijven die te lang is om te scannen.
  • De canonieke pagina-URL vergeten in og:url.

Verificatie

  1. Test de gepubliceerde pagina met de Facebook Sharing Debugger, LinkedIn Post Inspector en X Card Validator om te bevestigen dat elk platform de verwachte preview leest.
  2. Verifieer dat de og:url-waarde overeenkomt met de canonieke URL en dat de og:image URL absoluut en toegankelijk is.

FAQ

Vragen over Open Graph en Twitter Card builder

Welk afbeeldingsformaat moet ik gebruiken?

Een afbeelding van 1200 bij 630 pixels is een praktische standaard voor grote linkpreviews. Houd belangrijke tekst uit de buurt van de randen.

Is Twitter Card-opmaak nog steeds nuttig?

Ja. Veel sites bevatten nog steeds Twitter Card-tags omdat ze expliciete previewgegevens geven aan platforms die ze lezen.

Kan één pagina zowel Open Graph als Twitter-tags gebruiken?

Ja. De meeste pagina's moeten beide gebruiken. Open Graph dekt veel platforms, terwijl Twitter Card-tags extra controle geven voor X-stijl previews.

Gerelateerde tools

Meer seo-tools

Probeer ook

Probeer ook

Html

CSP Hash Generator

Genereer CSP-hashwaarden voor inline scripts en styles. Hash exacte code met SHA-256, SHA-384 of SHA-512.

Open tool