Naar hoofdinhoud
Home/Tools/Open Graph-preview
SEO & developer

Open Graph / social media preview

Zie hoe je pagina verschijnt als je hem deelt op Facebook, LinkedIn en X, en genereer direct de bijbehorende Open Graph- en Twitter-meta-tags.

Aanbevolen: 1200 × 630 px (verhouding 1.91:1).

Meta-tags
<meta property="og:type" content="website">
<meta property="og:url" content="https://creativedeals.nl">
<meta property="og:title" content="CreativeDeals — het digitale ondernemersplatform">
<meta property="og:description" content="Koop en verkoop backlinks, domeinnamen, websites en digitale diensten op een veilig, gemodereerd platform.">
<meta property="og:site_name" content="CreativeDeals">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="CreativeDeals — het digitale ondernemersplatform">
<meta name="twitter:description" content="Koop en verkoop backlinks, domeinnamen, websites en digitale diensten op een veilig, gemodereerd platform.">

Plak dit in de <head> van je pagina.

Voorbeeld
Facebook / LinkedIn
creativedeals.nl
CreativeDeals — het digitale ondernemersplatform
Koop en verkoop backlinks, domeinnamen, websites en digitale diensten op een veilig, gemodereerd platform.
X (Twitter)
CreativeDeals — het digitale ondernemersplatform
Koop en verkoop backlinks, domeinnamen, websites en digitale diensten op een veilig, gemodereerd platform.
creativedeals.nl

Hoe verschijnt jouw link op social media?

Met deze tool zie je direct hoe je pagina eruitziet als iemand hem deelt op Facebook, LinkedIn of X — en je genereert meteen de bijbehorende Open Graph- en Twitter-meta-tags. Je vult titel, omschrijving en afbeelding in, en de voorbeelden rechts updaten live mee.

Een goede preview met een aantrekkelijke afbeelding levert merkbaar meer klikken op dan een kale link, dus het loont om dit per belangrijke pagina goed in te stellen.

De belangrijkste Open Graph-tags

  • og:title — de titel die in de deelkaart verschijnt (houd het onder ~60 tekens)
  • og:description — een korte, pakkende omschrijving (~110 tot 160 tekens)
  • og:image — de deelafbeelding, idealiter 1200 × 630 px
  • og:url en og:site_name — de canonieke URL en je merknaam

Plaatsen en controleren

Kopieer de gegenereerde meta-tags en plak ze in de <head> van je pagina. Controleer het resultaat daarna met de debug-tools van de platforms zelf (zoals de Facebook Sharing Debugger of de LinkedIn Post Inspector) om de cache te verversen.

Wil je ook controleren hoe je pagina in Google verschijnt, gebruik dan onze SERP snippet-preview, of genereer gestructureerde data met de schema.org-generator.

Veelgestelde vragen

Wat zijn Open Graph-tags?

Open Graph-tags zijn meta-tags in de <head> van je pagina die bepalen hoe je link eruitziet als iemand hem deelt op social media: de titel, omschrijving en afbeelding. Zonder die tags kiezen platforms zelf willekeurige tekst en beelden, wat er vaak rommelig uitziet.

Welk afbeeldingsformaat moet ik gebruiken?

Gebruik een afbeelding van 1200 × 630 pixels (verhouding 1.91:1). Dat is het formaat dat Facebook, LinkedIn en X als grote kaart tonen. Kleinere afbeeldingen worden soms als kleine vierkante thumbnail weergegeven.

Heb ik aparte tags nodig voor X (Twitter)?

X leest grotendeels je Open Graph-tags, maar gebruikt daarnaast twitter:card om te bepalen of het een grote of kleine kaart wordt. Deze tool genereert beide sets, zodat je link overal goed verschijnt.

Mijn nieuwe afbeelding verschijnt niet bij het delen. Hoe kan dat?

Social platforms cachen de preview. Heb je je tags aangepast, gebruik dan de debug-tools van het platform (zoals de Facebook Sharing Debugger of LinkedIn Post Inspector) om de cache te verversen.

Andere tools

Online:
Fabian