Kopiëren & plakken Met voorbeeld Inclusief tips voor afbeelding/cache

OGP Tag Generator (Automatische uitvoer og:title/og:image etc.)

Q: "Moet ik ook Twitter Card-tags opnemen?"

"Ja. twitter:card en gerelateerde tags kunnen samen worden gegenereerd. X kan terugvallen op OG-tags, dus minimale opstellingen werken nog steeds."

Q: "Aanbevolen beeldformaat?"

"Als richtlijn suggereert Meta 1200×630 of groter (minimaal 600×315) en een verhouding dicht bij 1.91:1. X’s summary_large_image heeft een andere verhouding en minima. Kies het doelplatform."

Q: "Voorbeeld wordt niet bijgewerkt"

"Meestal is dit cache. Forceer opnieuw ophalen via debuggers/inspectors, en gebruik een nieuwe afbeeldings-URL als u de afbeelding hebt gewijzigd."

Voer URL, titel, beschrijving en afbeeldings-URL in. Genereer Open Graph + Twitter Card metatags tegelijk.

Ophalen gebeurt direct in uw browser (CORS-limieten van toepassing).

Invoer

Gegenereerde metatags / Voorbeeld

1) Kerninformatie

Vereist

Titel (og:title) Vereist

Richtlijn: 30–60 tekens 0

Beschrijving (og:description) Optioneel

Richtlijn: 80–120 tekens 0

Afbeeldings-URL (og:image) Vereist

Een miniatuurvoorbeeld verschijnt zodra de afbeelding is geladen.

Huidige verhouding -

Sitenaam (og:site_name) Optioneel

Type (og:type) Vereist

Kies website of artikel.

2) Twitter Card

Inklapbaar / Standaard aan

Twitter Card-tags opnemen

twitter:card

twitter:site (optioneel)

twitter:creator (optioneel)

Auto-sync regels

• Als twitter:title leeg is, wordt og:title gebruikt.
• Als twitter:description leeg is, wordt og:description gebruikt.
• Als twitter:image leeg is, wordt og:image gebruikt.

3) Geavanceerd

Alleen openen voor fijnafstemming.

og:locale (optioneel)

og:image:alt / twitter:image:alt

Toegankelijkheidstekst. Maximaal 420 tekens.

og:image:width

og:image:height

Breedte/hoogte toevoegen kan crawlers helpen sneller te renderen.

Artikel-tags (alleen bij og:type=article)

article:published_time

article:modified_time

Gebruik ISO 8601 indien nodig.

Gegenereerde metatags

Voorbeeld

OG-voorbeeld

example.com

Voorbeeldtitel

Beschrijving verschijnt hier.

Veel sociale/chat-apps zien er zo uit

X card voorbeeld summary

example.com

Voorbeeldtitel

Beschrijving verschijnt hier.

Schakelt tussen summary en summary_large_image

Notities (optioneel)

Notities verschijnen hier op basis van uw invoer.

Opties

Invoer opslaan in de URL Deel de link om te heropenen met dezelfde instellingen Spaties automatisch trimmen Trimt ook spaties van volledige breedte Dubbele aanhalingstekens escapen Houd meta-attributen veilig

Beeldformaat gids (voorbeelden)

Kies OG of X om voorbeeldformaten te zien

OG-gericht X-gericht

Verhouding tip -

Hoe te gebruiken / Voorbeelden

Vul URL, titel, beschrijving en afbeeldings-URL in.
Kies og:type en (optioneel) Twitter Card-instellingen.
Kopieer de gegenereerde tags en plak ze in de <head>.

Snel voorbeeld

Vul URL + titel + afbeelding in, kopieer dan de aanbevolen set.

Notities & tips

Wat is OGP?

OGP (Open Graph Protocol) laat sociale platforms uw paginatitel, beschrijving en afbeelding lezen.

Door og:title/og:description/og:image in te stellen, kunt u bepalen hoe gedeelde links verschijnen.

Twitter Cards (X) gebruiken vergelijkbare metadata en kunnen terugvallen op OG-tags.

Richtlijnen voor beeldformaat (voor stabiele previews)

Meta (Facebook) richtlijnen

• Minimaal 200×200.
• Voor een betere weergave, 1200×630 of groter; minimaal 600×315 wordt aangehouden.
• Een verhouding dicht bij 1.91:1 helpt bijsnijden te voorkomen.
• Bestandsgrootte richtlijn: 8 MB of minder.

X (Twitter) card richtlijnen

• summary_large_image ondersteunt een 2:1 verhouding; minimaal 300×157, max 4096×4096.
• Bestandsgrootte onder 5 MB en gangbare formaten (JPG/PNG/WEBP/GIF).

Wanneer wijzigingen niet zichtbaar zijn (cache & opnieuw ophalen)

• Sociale media crawlers cachen OG-gegevens. Gebruik de debugger van elk platform om opnieuw ophalen te forceren.
• Als u de afbeelding hebt vervangen maar deze niet wordt bijgewerkt, kan de afbeeldings-URL zelf gecached zijn; verander de bestandsnaam of voeg een query-string toe.
• Het toevoegen van og:image:width/height kan de render-stabiliteit verbeteren.

Tools voor validatie

Meta Sharing Debugger

OG-tags opnieuw ophalen en inspecteren.

LinkedIn Post Inspector

Vernieuw de gecachte preview van LinkedIn.

X Card Validator

Controleer de weergave van de Twitter Card.

FAQ

Moet ik ook Twitter Card-tags opnemen?

Ja. twitter:card en gerelateerde tags kunnen samen worden gegenereerd. X kan terugvallen op OG-tags, dus minimale opstellingen werken nog steeds.

Aanbevolen beeldformaat?

Als richtlijn suggereert Meta 1200×630 of groter (minimaal 600×315) en een verhouding dicht bij 1.91:1. X’s summary_large_image heeft een andere verhouding en minima. Kies het doelplatform.

Voorbeeld wordt niet bijgewerkt

Meestal is dit cache. Forceer opnieuw ophalen via debuggers/inspectors, en gebruik een nieuwe afbeeldings-URL als u de afbeelding hebt gewijzigd.