SearchCtrl K
WarpTool
Code & DataText ToolsImage & MediaFont StylesSEO & Web
Back

Open Graph Generator

Create rich Open Graph and Twitter Card meta tags for better social media sharing previews.

100% Local

Core Meta Information

Advanced Open Graph

Twitter Card Settings

Live Social Preview

example.com
My Awesome Article
This is a brief description of the article that will appear below the title when shared on social media.

Generated HTML Tags

<!-- Open Graph / Facebook / LinkedIn -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/article" />
<meta property="og:title" content="My Awesome Article" />
<meta property="og:description" content="This is a brief description of the article that will appear below the title when shared on social media." />
<meta property="og:image" content="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?q=80&w=2564&auto=format&fit=crop" />
<meta property="og:site_name" content="My Website" />
<meta property="og:locale" content="en_US" />

<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://example.com/article" />
<meta name="twitter:title" content="My Awesome Article" />
<meta name="twitter:description" content="This is a brief description of the article that will appear below the title when shared on social media." />
<meta name="twitter:image" content="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?q=80&w=2564&auto=format&fit=crop" />
<meta name="twitter:site" content="@mywebsite" />
<meta name="twitter:creator" content="@myauthor" />

What are Open Graph Meta Tags?

This open graph generator builds the og:title, og:description, og:image, and Twitter Card meta tags that control how your link looks when shared on Facebook, LinkedIn, and X. As an og tag generator and twitter card generator in one, it also works as a facebook share preview generator so you can check your social card before publishing. Fill in your page details and copy the social media meta tags generator output straight into your HTML.

Why You Need an OG Tag Generator

The titles, descriptions, and image URLs you enter are processed locally in your browser to generate the tags and preview - none of that draft content is sent to or logged by a third-party social media tool.

How to Set Up Social Media Meta Tags

  1. Enter your page title, description, and canonical URL
  2. Add a social share image URL (ideally 1200x630px)
  3. Choose the Open Graph type (website, article, product, etc.)
  4. Review the facebook share preview generator and Twitter card mockups
  5. Copy the generated og tag generator output
  6. Paste the tags into your page's <head> section

Frequently Asked Questions

What's the difference between Open Graph tags and Twitter Card tags?

Open Graph tags (og:*) were created by Facebook and are now used broadly across platforms including LinkedIn, while Twitter Card tags (twitter:*) are a separate but similar tag set specifically for how links render on X/Twitter; this tool generates both together.

Why isn't my social media meta tags generator preview updating on Facebook after I publish?

Facebook and LinkedIn cache link previews, so after updating your tags you typically need to run the URL through Facebook's Sharing Debugger or LinkedIn's Post Inspector to force a re-scrape.

What image size should I use for the open graph generator?

The widely recommended size is 1200x630 pixels, which displays well as a large image card across Facebook, LinkedIn, and Twitter/X without awkward cropping.

Does this overlap with the Meta Tag Previewer tool?

Both tools can produce Open Graph tags, but this one focuses specifically on social share card formatting and previewing, while the Meta Tag Previewer covers the broader set of page meta tags including SEO title and description.

Is a twitter card generator tag required for X/Twitter previews to work?

If Twitter-specific tags are missing, X will often fall back to using your Open Graph tags instead, but explicit Twitter Card tags give you more precise control over the card type and layout.

Can I use this og tag generator for a WordPress site without a plugin?

Yes, you can paste the generated tags directly into your theme's header template, though most people prefer using the output inside an existing SEO plugin's social tab for easier ongoing management.

Is my content stored anywhere after generating the tags?

No, everything is generated client-side and nothing you enter is retained once you leave the page.

Why does my shared image sometimes get cropped unexpectedly?

Different platforms crop social images to slightly different aspect ratios, so using the recommended 1200x630px size with important content centered minimizes the chance of awkward cropping.

Report an issue with this tool