Loading Open Graph Generator...
Please wait a moment

How to Generate Open Graph Tags for Social Sharing

Create OG tags to control how your content looks when shared on Facebook, LinkedIn, and Twitter

Step 1

Enter Your Page Information

Fill in the Open Graph details for your page. Open Graph tags complement your standard meta tags and should be used together for a complete SEO setup. The Open Graph protocol is maintained by Meta and supported across all major social platforms.

og:title: The title shown in social media previews — can differ from your page title
og:description: A short description shown below the title in social previews (under 200 chars)
og:image: The preview image — recommended 1200×630px per Facebook's image guidelines
og:type: The content type — website, article, product. See all types at ogp.me
Step 2

Tags Generate Automatically

Tags appear in real time as you type. The output includes both Open Graph tags for Facebook and LinkedIn, and Twitter Card tags for X (Twitter). For product pages, pair these with JSON-LD Product schema to unlock Google rich results alongside your social previews.

Example Output

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://telecomcorp.com/plans/unlimited-5g">
<meta property="og:title" content="Unlimited 5G Premium Plan | TelecomCorp">
<meta property="og:description" content="Get blazing fast 5G speeds and unlimited data.">
<meta property="og:image" content="https://telecomcorp.com/images/5g-og.jpg">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Unlimited 5G Premium Plan | TelecomCorp">
Step 3

Add Tags to Your Page and Test

Paste the generated tags inside <head>. After deploying, verify with Facebook's Sharing Debugger or the Twitter Card Validator. These tags work best alongside standard meta tags and a robots.txt file.

Place tags inside <head>...</head>
Use absolute URLs (including https://) for og:url and og:image
Test with Facebook Sharing Debugger to force cache refresh after publishing
Add JSON-LD structured data for maximum search visibility

Frequently Asked Questions

What are Open Graph tags?

Open Graph tags are HTML meta tags that control how your content appears when shared on social media. They complement standard meta tags and work alongside JSON-LD structured data for a complete SEO strategy.

What image size should I use for og:image?

The recommended og:image size is 1200×630 pixels as per Facebook's image guidelines. Use a minimum of 600×315px, but larger images look better on high-resolution displays.

Do I need both OG tags and Twitter Card tags?

Twitter falls back to Open Graph tags if Twitter Card tags are missing. However, having both ensures the best experience. Our generator creates both sets automatically from your single input.

Why isn't my social media preview updating?

Social platforms cache link previews. Use Facebook's Sharing Debugger to force a cache refresh after updating your tags.

What other SEO tools should I use?

For a complete SEO setup: use our Meta Tag Generator, JSON-LD Schema Generator, and Robots.txt Generator together.