Guide
Open Graph tags explained.
Open Graph (OG) tags are HTML meta elements that tell social platforms how to render your link when shared. They control the title, description, and image in the preview card — and are essential for social media SEO and click-through rates.
Essential Open Graph meta tags
Every shareable page should include these five core tags in the <head>:
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="A brief description." />
<meta property="og:image" content="https://example.com/og-image.jpg" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="website" />Which platforms use Open Graph?
Facebook, LinkedIn, X (Twitter as fallback), Slack, Discord, WhatsApp, Telegram, Pinterest, Threads, and most messaging apps read OG tags to build link previews. Google uses standard title and meta description for search snippets.
Twitter Card tags for X
X/Twitter prefers its own Twitter Card tags but falls back to Open Graph when they are missing. Add twitter:card="summary_large_image", twitter:title, and twitter:image for explicit control over your X link preview.
OG image best practices
Use 1200 × 630 pixels (1.91:1 ratio) for most platforms. Serve images over HTTPS, keep file size under 5 MB, and use JPG or PNG. See our OG image size guide for per-platform dimensions.
Test before you share
Use our free link preview tool to validate your tags across 11 platforms before publishing. If previews are broken, read the troubleshooting guide.