Open Graph Tags: Make Your Links Look Great When Shared
2026-01-12 5 min read
Control exactly how your pages appear when shared on Facebook, Twitter, LinkedIn, and WhatsApp. A practical guide to og:title, og:image, og:description and more.
When you share a link on Facebook, LinkedIn, WhatsApp, or Twitter and a rich preview appears — title, image, description — that's Open Graph tags working. Without them, social platforms show generic, unattractive previews that kill click-through rates.
Essential Open Graph Tags
<meta property="og:title" content="Your Page Title" /> <meta property="og:description" content="Page description (2 sentences max)" /> <meta property="og:image" content="https://example.com/image.jpg" /> <meta property="og:url" content="https://example.com/page" /> <meta property="og:type" content="article" />
Image Requirements by Platform
- Facebook/Meta: 1200×628 px minimum, 1.91:1 ratio. JPG or PNG.
- Twitter/X: 1200×600 px for summary_large_image card. Separate meta tags.
- LinkedIn: 1200×627 px. LinkedIn prefers larger images.
- WhatsApp: Minimum 300×200 px. WhatsApp crops to a square on some devices.
Twitter-Specific Tags
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Your Title" /> <meta name="twitter:description" content="Description" /> <meta name="twitter:image" content="https://example.com/image.jpg" />
Testing Your Open Graph Tags
After adding tags, test them before sharing. Facebook has a Sharing Debugger tool (developers.facebook.com/tools/debug). LinkedIn has a Post Inspector. Twitter has a Card Validator. These tools also cache-bust if you've updated tags and the old preview is still showing.
Article-Specific Tags
<meta property="og:type" content="article" /> <meta property="article:published_time" content="2026-01-15T08:00:00Z" /> <meta property="article:author" content="https://example.com/author" />
Generate all Open Graph tags with our Meta Tag Generator.