OomTools

Open Graph Meta Tag Generator

Generate Open Graph and X (Twitter) Card meta tags with a live share preview for Facebook, LinkedIn and X. Fill in the title, URL, image and optional fields, watch the card update, then copy the escaped tags straight into your <head>. Everything runs in your browser.

  • 100% free
  • Private & safe
  • Runs in your browser
Read our complete guide: Open Graph Meta Tags: Complete Guide to Social Preview Cards

Why use Open Graph Meta Tag Generator?

Open Graph Meta Tag Generator helps you optimise and publish with confidence, producing clean, standards-friendly output you can paste straight into your site.

  • Runs instantly in your browser — nothing to install, nothing uploaded.
  • Completely free, with no account, no watermarks and no usage limits.
  • Output: og: and twitter: meta tags
  • Enter your page title, absolute https:// URL and image URL (1200 × 630 recommended).
  • Works on any device — desktop, tablet and phone — and is fully keyboard accessible.

What it can do — and its limits

  • Live share-card preview with Facebook, LinkedIn and X/Twitter tabs.
  • Full field set: og:type, image alt/width/height/type, locale, and Twitter card, site and creator.
  • Validation: requires absolute https:// URLs, shows title/description counters, and warns about missing required tags or image dimensions.
  • Marks required vs optional fields and escapes quotes, <, > and & in every value.
  • Outputs copy-ready Open Graph + Twitter meta tags; nothing is uploaded.

How to use Open Graph Meta Tag Generator

  1. Enter your page title, absolute https:// URL and image URL (1200 × 630 recommended).
  2. Add optional fields — description, image alt/width/height/type, locale and X card details.
  3. Switch the preview tabs to see how the card looks on Facebook, LinkedIn and X.
  4. Fix any warnings, then copy the generated Open Graph and Twitter tags into your page <head>.

Examples

  • Making a blog post share nicely on X.
  • Adding a preview image for Facebook.

Supported formats & limits

  • Output: og: and twitter: meta tags

Limitations

  • The previews are visual approximations. Social platforms can crop, truncate or format cards differently depending on the device and feed layout.
  • The generator validates the information you enter, but it does not fetch the published page or confirm that its image is publicly accessible.
  • You must add the generated tags to your page and test the published URL with the platform’s official debugging tools.

Frequently asked questions

Where do these tags go?

Inside the <head> of your page, ideally rendered on the server so social crawlers see them in the initial HTML.

Do I need an image?

An image is strongly recommended because it creates a more complete and visually informative share card.

Is anything uploaded?

No — the tags are generated locally in your browser and nothing is sent to a server.

Was this tool helpful?

Related tools

Schema.org JSON-LD GeneratorGenerate Schema.org structured data (JSON-LD).SERP Snippet SimulatorPreview how your page looks as a Google search result.Meta Title & Description Pixel CheckerCheck if your meta title and description fit Google's pixel limits.Social Share Link GeneratorCreate share links for Facebook, X, LinkedIn and more.

From the blog