# Social card preview _Source: https://seomatrix.ai/tools/social-preview/_ --- ## What it does A social share preview shows how a link will render as a card on X, Facebook, Telegram and LinkedIn, built from the page's Open Graph (og:) and Twitter Card meta tags. When those tags are missing, truncated, or point to a broken image, platforms fall back to a bare URL or the wrong text — hurting click-through and leaving social bots and AI crawlers without a clean title, description or image to represent your page. ## What it checks - **og:title** — The headline platforms print on the card; when absent they scrape the or show a bare URL, and an over-long og:title gets truncated into a weak card. - **og:description** — The one-line summary under the title; kept near 110-160 characters it survives truncation, while its absence leaves the card blank or auto-filled with stray body text. - **og:image** — The preview thumbnail; it must be an absolute HTTPS URL to a reachable file (ideally 1200×630, under ~5 MB) or the card renders imageless or broken. - **twitter:card** — Tells X whether to draw a small square (summary) or a large banner (summary_large_image); without it X falls back and your image may not show at full size. - **og:url / canonical** — The canonical link the card points to; a wrong or relative og:url sends shares and the platform's cache to the wrong or non-existent address. - **og:type / og:site_name** — Type (website, article) and site name give platforms context and a brand label above the title; omitting them makes the card look generic and unbranded. ## How to use it 1. Paste your page URL and run the preview to render the X, Facebook/Telegram and LinkedIn cards side by side. 2. Review the flagged warnings — missing og:image, truncated title, a non-absolute image URL, or an absent twitter:card. 3. Fix the offending meta tags in the page <head>, redeploy, and re-check — then clear the platform cache (e.g. Facebook's Sharing Debugger) so the new card is scraped. ## FAQ ### Why does my link show no image when shared? Usually the page has no og:image, or og:image points to a relative path or a URL the platform can't reach. Set og:image to an absolute HTTPS URL of a live image (1200×630 works everywhere) and re-scrape. ### What's the ideal Open Graph image size? 1200×630 pixels (a 1.91:1 ratio) is the safe size — it fills the large card on X, Facebook, Telegram and LinkedIn without cropping. Keep the file under ~5 MB and serve it over HTTPS. ### Do X, Facebook and LinkedIn read the same tags? They share the core Open Graph tags (og:title, og:description, og:image), but X also reads twitter:card and twitter:* tags and prefers them when present. This tool renders all three cards so you catch platform-specific gaps in one pass. ### Why does the old preview still show after I fixed the tags? Platforms cache the scraped card. Force a refresh in each platform's debugger — Facebook's Sharing Debugger, LinkedIn's Post Inspector, or by re-sharing on X — so they re-fetch the updated Open Graph tags.