Generate complete Open Graph (OG) meta tags for your web pages to control exactly how your content appears when shared on Facebook, WhatsApp, Twitter/X, LinkedIn, and other social media platforms. Enter your page details to create ready-to-use OG meta tag code.
Generate Open Graph Tags
Copy and paste these tags inside the <head> section of your HTML page.
"+
"
"+code.replace(//g,">")+"
";
res._code=code;
document.getElementById("og_copy").style.display="block";
}
function copyOG(){
var res=document.getElementById("og_result");
if(res._code){navigator.clipboard.writeText(res._code).then(()=>alert("OG tags copied!")).catch(()=>alert("Copy failed. Please select and copy manually."));}
}
Introduction
When someone shares your web page on Facebook, WhatsApp, Twitter, or LinkedIn, the platform reads your Open Graph meta tags to determine the title, description, and image to display in the share preview. Without OG tags, social platforms guess this information — often showing an incorrect or unappealing preview that reduces engagement. This Open Graph Meta Generator creates a complete set of OG and Twitter Card meta tags for your page in seconds, giving you full control over how your content appears across all major social media platforms.
How to Use
Step 1: Enter the page title, description, and URL
Step 2: Add the OG image URL (1200×630px recommended)
Step 3: Select content type, site name, and Twitter card type
Step 4: Generate, copy the code, and paste it in your page's head section
Features
Generates complete Open Graph and Twitter Card meta tags
Includes all essential OG properties: title, description, URL, image, type, site_name, locale
Twitter Card tags included alongside OG tags
One-click copy of the complete code block
Clean, properly formatted HTML meta tag output
How It Works
Your inputs are formatted into standard Open Graph and Twitter Card HTML meta tag syntax following the official ogp.me specification. The complete code block includes both og: and twitter: meta tags, covering Facebook, WhatsApp, Twitter/X, and LinkedIn requirements in a single generation.
Benefits
Controls exactly what appears when your page is shared on social media
Improves click-through from social shares with compelling titles and images
Works for Facebook, WhatsApp, Twitter, LinkedIn, and all OG-compatible platforms
No coding knowledge needed — just fill in the fields and copy
Common Mistakes to Avoid
Not providing an og:image — shares without images get far less engagement
Using the wrong image size — Facebook recommends 1200×630 pixels
Writing og:description over 200 characters — platforms truncate longer descriptions
Frequently Asked Questions
Where do I paste OG meta tags?
Inside the <head> section of your HTML page, before the closing </head> tag.
How do I add OG tags in WordPress?
Rank Math, Yoast SEO, and other SEO plugins handle OG tags automatically. Or use a header code injection plugin.
What image size is recommended for og:image?
1200×630 pixels is the recommended Facebook and Twitter sharing image size.
Do OG tags affect Google Search rankings?
No, OG tags are for social sharing appearance, not Google Search rankings.
How can I test my OG tags?
Use Facebook's Sharing Debugger at developers.facebook.com/tools/debug/ to test and refresh OG tags.
The Open Graph Meta Generator gives every website owner full control over their social media sharing appearance — ensuring every share of your content looks professional, compelling, and click-worthy.