Open Graph Meta Generator

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

Open Graph & Twitter Card 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.

Related Tools

Conclusion

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.

Leave a Comment

×