🔧

Open Graph Generator

Generate Open Graph and Twitter Card meta tags.

Title

Description

URL

Image URL

OG Type

Twitter Card

Generated Tags

<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com" />
<meta property="og:title" content="My Awesome Page" />
<meta property="og:description" content="A great description for social sharing." />
<meta property="og:image" content="https://example.com/og.png" />

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://example.com" />
<meta name="twitter:title" content="My Awesome Page" />
<meta name="twitter:description" content="A great description for social sharing." />
<meta name="twitter:image" content="https://example.com/og.png" />

How to Use

Fill in the fields: title, description, page URL, image URL, OG type, and Twitter Card style.
The tool generates the complete set of Open Graph and Twitter Card meta tags based on your input.
Copy the generated tags and paste them inside the head section of your HTML page.

Frequently Asked Questions

What is the difference between Open Graph and Twitter Card?: Open Graph (og: properties) is used by Facebook, LinkedIn, and most platforms. Twitter Card (twitter: properties) is specific to X/Twitter. This tool generates both sets simultaneously.
What image size is recommended?: 1200x630 pixels is the widely recommended size for social sharing. Images smaller than 600px wide may not display as large cards.
How do I verify my OG tags are working?: Use the Facebook Sharing Debugger or LinkedIn Post Inspector to validate and preview how your page appears when shared. Twitter has a Card Validator as well.

Open Graph Generator

How to Use

Frequently Asked Questions

You Might Also Like