Social card preview
See how your link will look on X, LinkedIn, Facebook and Slack before you post it.
Free, no signup, and it runs entirely in your browser.
No og:image
Your page title
The description search engines and social platforms show beneath the title.
From yourtool.com
- · No image. On X this renders as a plain text row, not a card.
- · No URL, so the source line below the card will be blank.
About this tool
Every platform builds its link preview from the same handful of meta tags, and each one crops and truncates them differently. The failure worth catching is not an ugly card — it is declaring summary_large_image with no og:image behind it, which promises a banner and delivers a bare row of text. That renders worse than having no card tags at all, and you only find out after you have posted.
- Use a 1200x630 image. Every platform accepts it, and it is the only ratio that survives all four of these layouts without something important being cropped out.
- X truncates the title at roughly 70 characters and the description often never appears at all, so put the meaning in the title and treat the description as a bonus.
- Slack and LinkedIn cache aggressively. Once they have fetched a bad card, reposting the same URL shows the old one — which is why checking before you post is worth the thirty seconds.
- This preview renders from the values you type. It does not fetch your page, so nothing here touches your server and nothing you paste leaves the browser.
Questions
- Why is my link showing no image on X?
- Almost always a missing or unreachable og:image. Declaring twitter:card as summary_large_image without an image is the common case — X shows a plain text row instead of a card. The image must also be publicly reachable, not behind auth or a firewall.
- What image size should I use for a link preview?
- 1200 by 630 pixels, under 5MB, in PNG or JPEG. That ratio works on X, LinkedIn, Facebook and Slack without cropping the middle out of your text.
- Do I need both Open Graph and Twitter tags?
- Not really. X falls back to Open Graph when the Twitter tags are absent, so og:title, og:description and og:image cover every platform. Add twitter:card only when you specifically want the large-image layout.