Open Graph Generator
Generate OG and Twitter Card meta tags — preview how your page looks when shared
🔒 Your data never leaves your browser
Page Info
Recommended: 1200×630px for best display
Twitter Card
Facebook / LinkedIn Preview
🖼 Image preview
example.com
My Awesome Page
A description of this page for social media previews and search results.
Twitter / X Preview
🖼 Image preview
My Awesome Page
A description of this page for social media previews and search results.
example.com
Generated Meta Tags
<!-- Open Graph / Facebook --> <meta property="og:type" content="website" /> <meta property="og:url" content="https://example.com/page" /> <meta property="og:title" content="My Awesome Page" /> <meta property="og:description" content="A description of this page for social media previews and search results." /> <meta property="og:image" content="https://example.com/og-image.png" /> <meta property="og:site_name" content="My Site" /> <meta property="og:locale" content="en_US" /> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image" /> <meta property="twitter:url" content="https://example.com/page" /> <meta property="twitter:title" content="My Awesome Page" /> <meta property="twitter:description" content="A description of this page for social media previews and search results." /> <meta property="twitter:image" content="https://example.com/og-image.png" />