Open Graph tag generator

Generate the meta tags that control how your page looks when shared on Twitter, Facebook, LinkedIn, and Slack.

0 / 60 recommended
0 / 160 recommended
Social preview
Link preview
Twitter / X
Generated tags — paste into your <head>

How Open Graph tags work

Open Graph (OG) tags are meta tags in your HTML <head> that control how your page appears when shared on social platforms — Facebook, LinkedIn, WhatsApp, Slack, iMessage, and many others. They were created by Facebook in 2010 and are now the de facto standard for social sharing metadata.

The four essential OG tags are: og:title (the link headline), og:description (the preview text), og:image (the thumbnail — ideally 1200×630 px), and og:url (the canonical URL of the page). Twitter/X uses its own variant (twitter:card, twitter:title, etc.) but falls back to OG tags when Twitter-specific tags are absent. Without OG tags, social platforms extract title and description from your page's content with unpredictable results, often producing poor-quality previews. After adding or updating OG tags, clear the social platform's cache using Facebook's Sharing Debugger or LinkedIn's Post Inspector.

Related tools

Domain checker → Slug generator → Password generator →

⚠️ Common Mistakes to Avoid