Open Graph Meta Tag Generator

Fill in your page details, preview how the link will look when shared, and copy ready-to-paste Open Graph and Twitter Card meta tags — 100% client-side, nothing is stored.

Recommended size: 1200×630px. Must be a publicly reachable URL — social platforms fetch it directly, so a local file path won't work here.

Link Preview
EXAMPLE.COM
Your page title goes here
Your page description will appear here, describing the page content.

Free Open Graph & Twitter Card Meta Tag Generator

Open Graph tags control how your page appears when it's shared on Facebook, LinkedIn, Slack, Discord, and most other platforms; Twitter Card tags do the same for X/Twitter. Getting them right is the difference between a rich preview card with an image and a bare, unappealing link. Fill in the fields on the left, watch the Link Preview update live, and copy the generated tags straight into your page's <head>.

Tips for Better Social Previews

  • Keep titles under ~60 characters and descriptions under ~155 characters so they don't get truncated.
  • Use a 1200×630px image — this is the aspect ratio most platforms crop to.
  • Always use an absolute URL (starting with https://) for og:image and og:url — relative paths won't resolve when a crawler fetches your page.

Frequently Asked Questions

1. Where do these meta tags go?

Paste the generated tags inside the <head> section of the page you want them to describe.

2. Why isn't my image showing up when I share the link?

The image URL must be publicly reachable over HTTPS — social platforms fetch it themselves. Also double-check the tags were actually deployed and that the platform hasn't cached an older preview (most offer a debugger/inspector tool to force a re-scrape).

3. Is any of this data sent to a server?

No, the tags are generated and previewed entirely in your browser.