Open Graph & Twitter-kaartgenerator

Genereer en bekijk een voorbeeld van Open Graph (OG) en Twitter Card-metatags. Zorg ervoor dat uw links er perfect uitzien wanneer ze worden gedeeld op Facebook, LinkedIn, X en WhatsApp.

Gebouwd en onderhouden door Shehzad Munir ·

Heeft internet nodig: the page's meta tags are fetched on our server. Na de aanvraag wordt niets opgeslagen.

Open Graph & Twitter-kaartgenerator
Loading Social Metadata Studio
Share

Ontwerp perfecte previews voor sociaal delen

De Open Graph & Twitter Card Generator maakt en bekijkt de metatags die bepalen hoe uw links eruit zien wanneer ze worden gedeeld op Facebook, LinkedIn, X en WhatsApp. Een goed geconfigureerde kaart verandert een kale URL in een rijke, klikwaardige preview met de juiste titel, beschrijving en afbeelding.

Met de metadatastudio kunt u de Open Graph- en Twitter Card-tags maken en bekijken, die bepalen hoe uw links eruit zien wanneer ze worden gedeeld op X, Facebook, LinkedIn en Slack. Een aantrekkelijke titel, beschrijving en afbeelding kunnen de klikfrequentie van sociaal verkeer dat ook positieve betrokkenheidssignalen uitzendt, dramatisch verhogen.

Functies

  • Open Graph (OG) en Twitter Card-taggenerator
  • Live previews voor Facebook, X, LinkedIn, WhatsApp, Discord & Slack
  • Samenvatting vs summary_large_image Twitter-kaartschakelaar
  • Importeer en vul tags automatisch in vanaf elke bestaande URL
  • Validatie en waarschuwingen per platformlengte
  • Kant-en-klare metatags met HTML-export

Hoe Open Graph & Twitter-kaartgenerator te gebruiken

  1. 1

    Voer uw paginagegevens in

    Voeg de titel, beschrijving, afbeeldings-URL en pagina-URL toe.

  2. 2

    Bekijk een voorbeeld van de kaart

    Bekijk een live fragment van hoe de link op verschillende platforms zal verschijnen.

  3. 3

    Kopieer de tags

    Pak de kant-en-klare Open Graph- en Twitter Card-metatags.

  4. 4

    Voeg ze toe aan uw pagina

    Plak de tags in de <head> van uw pagina en test het delen.

Veelvoorkomende gebruiksscenario's

  • Een blogger zorgt ervoor dat gedeelde berichten een juiste titel en afbeelding tonen.
  • Een marketeer zorgt ervoor dat een campagnelink er verzorgd uitziet op LinkedIn.
  • Een ontwikkelaar voegt Open Graph-tags toe aan een nieuwe landingspagina.
  • Een winkeleigenaar repareert een kapot gedeeld voorbeeld op Facebook.

Gedetailleerde gids

Stop kapotte of lelijke linkvoorbeelden

Ontbrekende of verkeerd opgemaakte metagegevens veroorzaken lege thumbnails en ingekorte titels die stilletjes aandelen vernietigen. Genereer correcte, kant-en-klare tags en zie precies hoe elk platform uw pagina weergeeft, zodat elke link die u plaatst er opzettelijk en merkgebonden uitziet.

Veelgestelde vragen

Wat zijn Open Graph-tags en waarom heb ik ze nodig?

Open Graph-tags (OG) zijn HTML-metatags die bepalen hoe uw webpagina wordt weergegeven wanneer deze wordt gedeeld op sociale platforms. Zonder hen zullen Facebook en LinkedIn willekeurige tekst en afbeeldingen van uw pagina gebruiken, wat resulteert in slecht uitziende shares.

Hoe voeg ik Open Graph-tags toe aan mijn website?

Gebruik deze generator om uw OG-tags te maken en plak ze vervolgens in het <head>-gedeelte van uw HTML. Belangrijkste tags: og:title, og:description, og:image (moet 1200×630px zijn), og:url en og:type.

Hoe groot moet de og:image zijn?

Het aanbevolen og:beeldformaat is 1200×630 pixels (beeldverhouding 1,91:1). Dit werkt op Facebook, LinkedIn en X/Twitter. De minimumgrootte is 600 x 315 pixels, maar grotere afbeeldingen worden prominenter weergegeven.

Wat is het verschil tussen Open Graph en Twitter Cards?

Open Graph-tags werken op Facebook, LinkedIn, Pinterest en WhatsApp. Twitter Cards zijn Twitter-specifieke metatags. Beide dienen vergelijkbare doeleinden, waarbij ze de weergave van het voorbeeld regelen, maar gebruiken verschillende tagnamen (og: versus twitter:).

Hoe test ik mijn Open Graph-tags?

Gebruik het voorbeeld in deze tool of test rechtstreeks met: Facebook Sharing Debugger (developers.facebook.com/tools/debug), Twitter Card Validator (cards-dev.twitter.com/validator) of LinkedIn Post Inspector.

Wat gebeurt er als ik geen Open Graph-tags toevoeg?

Zonder OG-tags schrapen sociale platforms je pagina en kiezen ze willekeurige inhoud, vaak een wazige miniatuur, de verkeerde titel of een ingekorte beschrijving. Dit leidt tot aanzienlijk minder klikken wanneer uw inhoud wordt gedeeld. Pagina's met de juiste OG-tags zien een 2-3x hogere klikfrequentie op sociale media.

Hoe voeg ik Open Graph- en Twitter Card-tags toe aan mijn site?

Vul uw titel, beschrijving en afbeeldings-URL in en de generator voert de og: en twitter: metatags uit. Plak ze in de kop van uw pagina, zodat links een uitgebreid voorbeeld weergeven op Facebook, X, LinkedIn en Discord.

Waarom wordt er geen afbeelding weergegeven als mijn link wordt gedeeld?

Meestal ontbreekt de tag og:image of is de afbeelding te klein. Genereer een complete set Open Graph-tags (met een afbeelding van het juiste formaat) en bekijk een voorbeeld van hoe de link eruit zal zien voordat u deze publiceert.

Kan ik een voorbeeld bekijken van hoe mijn link er op verschillende platforms uitziet?

Ja. De studio toont een live preview van de deelkaart voor platforms als Facebook, X/Twitter en LinkedIn, zodat je de titel, beschrijving en afbeelding kunt verfijnen.

Wat is het verschil tussen Open Graph en Twitter Cards?

Open Graph beheert previews op de meeste platforms (Facebook, LinkedIn, WhatsApp); Twitter Cards zijn het eigen formaat van X. Beide instellingen dekken elk groot netwerk.

Uit het journaal

All articles →