What it shows
Open Graph tags
Open Graph tags (og:) are used by Facebook, LinkedIn, Discord, Slack, and most platforms:
| Tag | Purpose |
|---|---|
og:title | Title shown in link previews |
og:description | Description text in link previews |
og:image | Preview image |
og:url | Canonical URL for the shared page |
og:type | Content type (article, website, product, etc.) |
og:site_name | Site name displayed above the title |
Twitter Card tags
Twitter Card tags (twitter:) control how links appear on X (Twitter):
| Tag | Purpose |
|---|---|
twitter:card | Card type (summary, summary_large_image, etc.) |
twitter:title | Title for the card |
twitter:description | Description text |
twitter:image | Card image |
twitter:site | The site’s Twitter handle |
What to look for
- Missing tags — pages without Open Graph tags get unpredictable previews when shared
- Missing images — links without
og:imagedisplay text-only previews, which get far less engagement - Truncated text — titles over ~60 characters and descriptions over ~155 characters may be cut off
- Wrong image dimensions — Facebook recommends 1200x630px for
og:image; Twitter summary_large_image works best at 2:1 ratio