Open Graph Meta Generator

Generate Open Graph and Twitter Card meta tags for beautiful social media link previews.

Generated Meta Tags
<meta property="og:title" content="My Awesome Page" />
<meta property="og:description" content="A great description of my page for social media previews." />
<meta property="og:url" content="https://example.com/my-page" />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:site_name" content="My Website" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="en_US" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="My Awesome Page" />
<meta name="twitter:description" content="A great description of my page for social media previews." />
<meta name="twitter:image" content="https://example.com/image.jpg" />

Frequently Asked Questions

Open Graph meta tags are HTML tags that control how your web pages appear when shared on social media platforms like Facebook, Twitter, LinkedIn, and Slack. They define the title, description, image, and other metadata shown in link previews.
Twitter has its own card tags but will fall back to Open Graph tags if Twitter-specific tags are missing. Including both ensures optimal previews across all platforms. This generator creates both sets for maximum compatibility.
The recommended Open Graph image size is 1200×630 pixels. For Twitter, 1200×628 pixels works well. Use images at least 600px wide. Most platforms crop images that don't match the expected aspect ratio.