Open Graph Meta Tag Generator

Generate Open Graph and Twitter Card meta tags with a live share preview.

Free Open Graph meta tag generator. Fill in a title, description, URL and image to produce ready-to-paste og: and twitter: meta tags, with a live social share-card preview and one-click copy. Runs entirely in your browser. It runs free in your browser on Gera Tools, with nothing uploaded.

Last updated Source: Gera Tools

What is the difference between Open Graph and Twitter Card tags?

Open Graph (og:) tags are the shared standard read by Facebook, LinkedIn, WhatsApp, Slack and most link-preview systems. Twitter Card (twitter:) tags are X/Twitter's own set. Twitter falls back to Open Graph for anything it is missing, so this generator emits both for the widest coverage.

When a link to your page is pasted into a chat, a post or a message, the preview card that appears is controlled by Open Graph and Twitter Card meta tags. The Open Graph meta tag generator builds that markup for you from a few fields, shows a live preview of the resulting card, and lets you copy the whole block with one click.

One set of tags, every platform

Open Graph is the de-facto standard: Facebook, LinkedIn, WhatsApp, Slack, Discord and countless other tools read og: tags to build link previews. X/Twitter adds its own twitter: tags but falls back to Open Graph for anything missing. To get a correct card everywhere, this generator emits both families together, sharing the same title, description and image.

Getting the image right

The single biggest factor in a good-looking card is the image. Use an absolute HTTPS URL to a 1200 by 630 pixel graphic (a 1.91:1 ratio) for a large card, keep important content away from the edges to survive cropping, and keep the file reasonably small so it loads before the preview times out.

Validate and re-scrape

After pasting the tags into your page’s head, confirm them with each platform’s sharing debugger. Because previews are cached aggressively, you usually need to re-scrape a URL through the debugger after any change before the new card appears in real shares.