Open Graph Meta Tag Generator — OG Tags for Social Media
Generate Open Graph and Twitter Card meta tags for perfect social media previews. Copy-paste ready HTML code.
15/60 chars
82/160 chars
OG Image Preview
example.com
My Awesome Page
A description of my page that appears in search results and social media previews.
<meta name="title" content="My Awesome Page" /> <meta name="description" content="A description of my page that appears in search results and social media previews." /> <!-- 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 my page that appears in search results and social media previews." /> <meta property="og:image" content="https://example.com/og-image.jpg" /> <meta property="og:site_name" content="My Website" /> <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 my page that appears in search results and social media previews." /> <meta property="twitter:image" content="https://example.com/og-image.jpg" />
What are Open Graph Tags?
Open Graph (OG) meta tags control how your pages appear when shared on Facebook, LinkedIn, WhatsApp, Slack, and other platforms. Twitter has its own card tags but also falls back to OG tags.
Best Practices
Use a 1200×630px image for best results. Keep titles under 60 characters and descriptions under 160 characters. Always include og:title, og:description, og:image, and og:url for complete social previews.