Open Graph Generator
Generate Open Graph and Twitter Card meta tags for rich social media link previews. Copy-ready HTML.
About the Open Graph Generator
Our free online Open Graph generator builds the og: and twitter: meta tags that control how your links look when shared on Facebook, LinkedIn, X/Twitter, Slack, and other platforms. Enter your title, description, URL, image, and type, and the tool produces complete Open Graph and Twitter Card tags ready to paste into your page head. Proper OG tags mean rich, eye-catching previews instead of bare links. All generation happens in your browser.
Features
- Generate Open Graph (og:) meta tags
- Generate Twitter Card (twitter:) tags
- Supports title, description, image, URL, and type
- Copy-ready, properly formatted HTML
- Live results as you type
- 100% private — browser-only processing
How to use this tool
The Open Graph Generator works right in your browser — no signup, no installation. Follow these steps:
- Enter your page title, description, and canonical URL.
- Add an image URL and choose the content type.
- The Open Graph and Twitter Card tags generate live.
- Copy the tags into your page <head>.
Frequently asked questions
What is Open Graph?
Open Graph is a protocol created by Facebook that lets you control how a URL appears when shared. The og:title, og:description, and og:image tags define the preview card shown on social platforms.
Do I need both Open Graph and Twitter Card tags?
X/Twitter can fall back to Open Graph tags, but adding twitter:card and related tags gives you precise control over how links look on X. This tool generates both for full coverage.
What image size works best?
A 1200×630 pixel image is the recommended size for og:image. It displays well as a large summary card across Facebook, LinkedIn, and X.
Using the results
Use the Open Graph Generator to prepare the supported metadata or markup in your browser. Review it in the context of your site before publishing; generating markup does not guarantee indexing or rankings.