Social preview checker
Paste a URL or enter your Open Graph metadata to see exactly how your link card will appear on LinkedIn, X, Slack, Discord, and iMessage. Catch missing tags, wrong image dimensions, and platform-specific issues before you publish.
What this tool checks
LinkedIn
- ✓ og:title, og:description, og:image, og:url
- ✓ Image width >= 401 px (else thumbnail)
- ✓ 1200x627 px recommended
- ✓ 5 MB max, HTTPS required
X (Twitter)
- ✓ twitter:card required for any card
- ✓ summary_large_image vs summary
- ✓ twitter:image or og:image fallback
- ✓ 1200x628 px recommended
Slack
- ✓ og:title, og:description, og:image
- ✓ og:site_name as provider label
- ✓ ~30 min unfurl cache
- ✓ Page must be publicly accessible
Discord
- ✓ og:title, og:description, og:image
- ✓ og:site_name as provider label
- ✓ Cache is per-message
- ✓ No JavaScript execution
iMessage
- ✓ og:title required in static HTML
- ✓ og:image for thumbnail
- ✓ rel="icon" as fallback
- ✓ JavaScript not executed
Recommended og:image size
| Platform | Recommended size | Key constraint |
|---|---|---|
| 1200 x 627 px | Min 401 px wide for large card | |
| X (Twitter) | 1200 x 628 px | summary_large_image required |
| Slack | 1200 x 630 px | Page must be public |
| Discord | 1200 x 630 px | Delete message to refresh embed |
| iMessage | 1200 x 630 px | No JavaScript execution |
| Universal safe size | 1200 x 630 px | Works on all platforms |
Minimal social preview tags
<!-- Open Graph (covers LinkedIn, Slack, Discord, iMessage) --> <meta property="og:title" content="Your Page Title" /> <meta property="og:description" content="A clear description under 160 characters." /> <meta property="og:image" content="https://example.com/og.jpg" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:url" content="https://example.com/your-page" /> <!-- Twitter/X Card (required for X to show any card) --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="https://example.com/og.jpg" />
Platform-specific guides
Frequently asked questions
- What is a social preview checker?
- A social preview checker fetches your page's Open Graph and Twitter Card metadata and renders how your link card will appear on each platform (LinkedIn, X, Slack, Discord, iMessage, and more). It shows the title, description, image, and any missing or misconfigured tags before you publish.
- Why do my link previews look different on each platform?
- Each platform has its own rules for rendering link cards. LinkedIn requires og:image to be at least 401 px wide. X requires twitter:card to show any card at all. Discord uses og:site_name as the provider label. iMessage does not execute JavaScript. A social preview checker shows you exactly what each platform will render.
- What is the best og:image size for social previews?
- The universal safe size is 1200x630 px at a 1.9:1 aspect ratio. LinkedIn recommends 1200x627 px. X recommends 1200x628 px. Use 1200x630 px and you will be within all platform tolerances.
- Can I check my link preview before deploying?
- Yes. Paste your page's HTML head tags directly into peek's HTML input tab. This works for localhost builds, staging environments, and CMS drafts (anything not publicly accessible).
- Do I need to set both twitter: and og: tags?
- Most platforms fall back to og: tags if twitter: tags are absent, so setting og:title, og:description, og:image, and og:url covers most bases. Add twitter:card and twitter:image if you want explicit control over what X shows.