Guides › Guides
Open Graph meta tags: the complete reference
Open Graph (OG) tags are <meta property="og:…"> tags in your page's <head>. Facebook, LinkedIn, Slack, Discord, WhatsApp, iMessage and others read them to build link previews. X (Twitter) reads its own twitter: tags and falls back to OG.
| Tag | Needed? | Notes |
|---|---|---|
| og:title | Yes | Falls back to <title>. Keep it under about 60 characters to avoid truncation. |
| og:description | Recommended | Falls back to meta description on some platforms. Around 100–160 characters. |
| og:image | Yes | Absolute https URL. 1200×630 PNG or JPEG. |
| og:url | Recommended | Canonical URL. Share counts are merged on it. |
| og:type | Recommended | "website" or "article" for most pages. |
| og:site_name | Optional | Brand name shown above the title on some platforms. |
| og:image:alt | Recommended | Accessibility text for the image. |
| og:image:width / height | Optional | Lets Facebook render the first share before it has downloaded the image. |
| twitter:card | Yes for X | "summary_large_image" for a big image card. |
| twitter:site | Optional | @handle of the site. |
Copy-paste block
<meta property="og:title" content="Page title"> <meta property="og:description" content="One or two sentences."> <meta property="og:image" content="https://example.com/og/page.png"> <meta property="og:url" content="https://example.com/page"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">
Note the attribute: OG tags use property=, while Twitter tags officially use name=. Most parsers accept either, but follow the spec to be safe.
Preview your link now
Related
OG image size: 1200×630 and the rules per platformTwitter (X) card types: summary vs summary_large_imageLink preview not updating? How to clear each platform's cacheog:image not showing: 10 causes and fixesIdeal og:title and og:description lengthDynamic OG images: generate one per page automatically