OGP-tag generator (automatische uitvoer voor og:title, og:image en meer)

Voer URL, titel, beschrijving en afbeeldings-URL in. Genereer Open Graph- en Twitter Card-meta-tags op één plek.

Klaar om te kopiëren en te plakken Ingebouwde preview Richtlijnen voor afbeeldingen en cache

Gebruik

  1. Open de tool en voer canonical URL, titel en afbeeldings-URL in.
  2. Voeg optioneel beschrijving, sitenaam en Twitter-instellingen toe.
  3. Kopieer de gegenereerde meta-tags en plak ze in de head van je pagina.
  4. Controleer preview en meldingen en pas vervolgens zo nodig de beeldverhouding of cachestrategie aan.

Wat is OGP?

Open Graph Protocol (OGP) is metadata die sociale platforms en chatapps gebruiken om linkpreviews weer te geven.

Door og:title, og:description, og:image en gerelateerde tags in te stellen, kun je beïnvloeden hoe gedeelde URL's verschijnen.

Door OGP te combineren met Twitter Card-tags blijft het previewgedrag op verschillende platforms consistenter.

Richtlijnen voor afbeeldingsgrootte (voor stabielere previewweergave)

Richtlijnen voor Meta-platforms (referentie)

  • Minimale referentie: 200×200.
  • Vaak stabiel: 1200×630 of groter, minimaal 600×315.
  • Streef naar een beeldverhouding van ongeveer 1.91:1.
  • Richtlijn voor bestandsgrootte van afbeelding: 8MB of minder.

Richtlijnen voor X-cards (referentie)

  • summary_large_image richt zich meestal op een verhouding van ongeveer 2:1.
  • Referentiebereik: minimaal 300×157, maximaal 4096×4096.
  • Richtlijn voor bestandsgrootte: minder dan 5MB.
  • Gebruik JPG/PNG/WEBP/GIF waar ondersteund.

Wanneer updates niet zichtbaar zijn (cache en opnieuw scrapen)

  • Sociale crawlers kunnen opgehaalde metadata cachen. Gebruik de debugger/inspector van elk platform om opnieuw scrapen aan te vragen.
  • Als een vervangen afbeelding niet zichtbaar wordt, kan het helpen om de afbeeldings-URL te wijzigen (bestandsnaam wijzigen of querystring toevoegen).
  • Het instellen van og:image:width en og:image:height kan in sommige gevallen de stabiliteit van de weergave verbeteren.

FAQ

Kan dit ook Twitter Card-tags genereren?

Ja. Het kan twitter:card en gerelateerde tags samen uitvoeren. Er is ook een minimale modus beschikbaar.

Welke afbeeldingsgrootte moet ik gebruiken?

Gebruik praktische richtlijnen per doelplatform. Voor Meta-gerichte previews wordt vaak ongeveer 1.91:1 gebruikt (bijvoorbeeld 1200×630), terwijl X summary_large_image vaak ongeveer 2:1 gebruikt (bijvoorbeeld 1200×600).

Waarom worden wijzigingen niet weerspiegeld?

In de meeste gevallen komt dit door cache. Vraag opnieuw scrapen aan via platformtools en overweeg om de afbeeldings-URL te wijzigen na vervanging.