Loading…
Build OG and Twitter Card meta tags with a live social share preview.
🔒 100% client-side — previews are mocked locally. Paste the generated tags into your page's <head>.
When someone pastes your link into Facebook, X, LinkedIn, Slack, or Discord, the platform reads special <meta> tags in your page to build the title, description, and image card. Getting those tags right is the difference between a link that gets clicked and one that looks broken. This tool lets you fill in the fields and see the preview live while it generates the full set of Open Graph and Twitter Card tags.
Open Graph (og: prefix) was created by Facebook and is now read by almost every platform — Facebook, LinkedIn, Slack, Discord, Telegram, iMessage. Twitter Cards (twitter: prefix) are X/Twitter-specific, but Twitter falls back to Open Graph when its own tags are missing. Generating both means your preview looks correct everywhere with no guesswork.
For og:image and twitter:image, use a 1.91:1 ratio at 1200×630px, kept under ~1 MB and in JPG or PNG. Square images (1080×1080) work for the summary card type but get cropped on platforms that expect the wide ratio. Always use an absolute URL (including https://) for the image — relative paths do not work.
Platforms cache previews aggressively, sometimes for days. After deploying your tags, force a re-scrape with the Facebook Sharing Debugger, Twitter Card Validator, or LinkedIn Post Inspector. Critically, the tags must live in the raw server HTML (SSR or static) — crawlers that do not run JavaScript cannot see tags injected by a client-side framework at runtime.
The Open Graph & Meta Tag Generator creates open graph generator on demand, right in your browser. Set the options you need, click generate, and the result is ready to copy. Because everything runs locally, nothing you enter or produce leaves your device.
Generators like this are useful when you need a specific output (a password, a UUID, a QR code, placeholder text) and don't want to install an app or trust an unknown website with your data. This tool is free, has no usage limits, and works the same on phone and desktop.
Common uses: people reach for this tool when they need to use a open graph meta tag generator with preview, twitter card summary large image generator, facebook link preview generator, or linkedin share meta tags generator.
Browser-based tools like this one have a few real advantages over installed software or manual methods:
More tools you might find useful