Open Graph Tag Generator
Generate complete Open Graph and Twitter Card meta tag HTML for any page. Fill in the fields, pick your card type, and copy the ready-to-paste markup — then preview it with the OG Inspector.
Page type
Recommended: 1200×630px, JPG or PNG, under 1MB
Article metadata
Twitter / X Card
Social card preview
example.com
Page title goes here
Page description goes here…
Approximate preview — actual appearance varies by platform
Generated HTML
Disclaimer: Free tool provided “as is” by MonitorGiant. No warranty or liability for any data loss, security issues, or infrastructure problems arising from use of this tool. Results are for informational purposes only. · A Free Tool by MonitorGiant
What is Open Graph Tag Generator?
Open Graph tags are HTML meta tags in the <head> of a page that control how it appears when shared on social media — Facebook, LinkedIn, Slack, iMessage, Discord, and more. Without them, platforms scrape whatever title, description, and image they can find, often with poor results. The og:title, og:description, og:image, and og:url tags are the four most important. Twitter/X uses its own twitter: namespace but falls back to og: tags if twitter: tags are absent, which is why this tool generates both.
How to use this tool
- 1 Choose your page type — Website (default), Article (adds author, publish date, tags), Product, or Profile — which sets the correct og:type value.
- 2 Fill in the core fields: title, description, URL, and image URL. Length counters turn amber or red if your title or description is outside the recommended range.
- 3 Configure the Twitter card type (summary_large_image is recommended for most pages) and add your @username so Twitter can attribute shares correctly.
- 4 Click 'Copy all' and paste the generated tags inside the <head> section of your HTML, then use the OG Inspector to verify the live page renders correctly.
When would you use this?
- Web developers adding OG tags when building new pages or auditing existing ones for poor social sharing previews.
- Marketing teams ensuring a campaign landing page looks correct when shared before a product launch.
- Content managers publishing long-form articles that need article:author, article:published_time, and article:tag metadata.
- Anyone wanting to verify how a live URL's tags actually render — use the 'Test live' link to open the OG Inspector.
Want to check how your OG tags look on a live URL? Use the Open Graph & Meta Inspector to fetch and preview real OG tags from any live page.
Related tools
How works
- 1
Choose your page type
Select Website (the default), Article (adds author, publish date, tags), Product, or Profile. The correct og:type value affects how platforms display the share card.
- 2
Fill in the core fields
At minimum: title, description, URL, and image. The length counters turn amber or red if your title or description is outside the recommended range for each platform.
- 3
Configure the Twitter card
summary_large_image is recommended for most pages — it shows the full-width image above the title. Add your @username so Twitter can attribute shares correctly.
- 4
Copy and paste into your <head>
Click "Copy all" and paste the tags inside the <head> section of your HTML, ideally before your closing </head> tag. Then use the OG Inspector to verify the live page.
All tag generation happens in your browser. Your page content and image URLs are not sent to any server.
Comments & Feedback
Found a bug? Have a suggestion? We'd love to hear from you.
Related Tools
From the makers of this tool
Need deeper observability?
MonitorGiant tracks real-time AI performance, infrastructure health, and system reliability — far beyond what free utilities can show.