Open Graph & Twitter Card Generator

Generate og: and twitter: meta tags with a live share-card preview — control how links look on social platforms.

958 views

Why Shared Links Look Good (or Terrible)

When a URL is pasted into a social platform or messenger, the preview card comes from Open Graph tags (Facebook, LinkedIn, WhatsApp, Telegram, Slack...) and twitter: tags (X). No tags = the platform guesses, usually badly. The critical four: og:title, og:description, og:image and og:url — plus twitter:card to choose between a small summary and the full-width summary_large_image.

Image rules decide everything: 1200×630 is the safe universal size (1.91:1), files under ~1 MB load reliably, and the URL must be absolute (https://...). After deploying, validate with the platforms' debuggers — Facebook Sharing Debugger and the like also flush their cache of your old card.

Frequently Asked Questions

The card still shows my old image — why?

Platforms cache aggressively. Paste the URL into Facebook's Sharing Debugger and hit "Scrape Again" (each platform has an equivalent) to refresh it.

Do I need separate twitter: tags if og: tags exist?

X falls back to Open Graph for most fields, but twitter:card is its own decision (summary vs large image) — set at least that one. This generator emits both sets, which is the safe default.

Similar Tools