Open Graph Generator

Social media preview tags

🔧 OPEN GRAPH GENERATOR

Title

Site Name

URL

Image URL

Description

Type (website/article)

📱 Open Graph + Twitter Tags

<meta property="og:title" content="Best Running Shoes 2025" />
<meta property="og:description" content="Expert picks for marathon runners and beginners" />
<meta property="og:url" content="https://example.com/running-shoes" />
<meta property="og:image" content="https://example.com/og-image.jpg" />
<meta property="og:type" content="article" />
<meta property="og:site_name" content="My Site" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Best Running Shoes 2025" />
<meta name="twitter:description" content="Expert picks for marathon runners and beginners" />
<meta name="twitter:image" content="https://example.com/og-image.jpg" />

❓ Frequently Asked Questions

Common questions about Open Graph Generator

What is Open Graph?▼

Facebook protocol for controlling how URLs display when shared on social media. Used by Facebook, LinkedIn, WhatsApp, Slack.

Free OG generator?▼

Yes, 100% free. Generate OG tags + Twitter cards. Preview before adding to site.

Essential OG tags?▼

og:title, og:description, og:image, og:url, og:type, og:site_name. These are minimum required.

OG image specs?▼

1200x630 px ideal. Aspect ratio 1.91:1. Under 8MB. Show clear focus. Brand visible.

Twitter cards?▼

Twitter version of OG. summary_large_image best for content. Add separately or use OG fallback.

Test OG tags?▼

Facebook Sharing Debugger, LinkedIn Post Inspector, Twitter Card Validator. Free tools.

Cache issues?▼

Facebook caches OG data. Use debugger to refresh after changes. Without refresh, old preview shows.

WordPress OG?▼

Yoast SEO, Rank Math handle automatically. Or manually add to header.php. Tool generates raw HTML.