Primary Open Graph tags
| Tag | Used for |
|---|---|
og:title |
Preview title |
og:description |
Description text (when displayed) |
og:image |
Preview image – the most prominent element |
og:url |
Canonical URL |
og:title and og:image dominate the preview card. Snapchat’s UI is image-forward, so og:image matters most here.
Twitter Card fallback
Snapchat uses Twitter Card tags as fallbacks when OG tags are missing:
| Open Graph tag | Falls back to |
|---|---|
og:title |
twitter:title, then <title> |
og:description |
twitter:description, then <meta name="description"> |
og:image |
twitter:image |
If you already have Twitter Card tags, Snapchat will pick them up.
Fallback to HTML elements
When both OG and Twitter Card tags are missing:
| Missing tag | Falls back to |
|---|---|
| Title | <title> element |
| Description | <meta name="description"> |
| Image | No image shown |
Recommended minimal setup
<meta property="og:title" content="Your Page Title">
<meta property="og:image" content="https://example.com/image.jpg">
At minimum, provide these two. Snapchat’s preview cards are image-dominant on mobile, so a good og:image has the biggest impact.