Link Preview Checker: Open Graph, X Cards and Google
Enter a page address to see how its link looks in Google, Facebook, LinkedIn, X and chat apps — with the problems that make previews lose their image or get cut off, and the tags that fix them.
What the checker shows
Paste the address of any public page. The checker reads the page's HTML and draws how its link is likely to look in four places:
- Google on a phone — the
<title>, the meta description and the site name. Google may rewrite either, and it shortens long ones to fit the screen. - Facebook and LinkedIn — a large card built from
og:title,og:descriptionandog:image. - X (Twitter) — a
summary_large_imageorsummarycard, from thetwitter:tags with Open Graph as the fallback. - Chat apps — iMessage, WhatsApp and Telegram show a bubble with the image, title and domain, also from Open Graph tags.
Every app draws previews its own way and changes its design often, so these are close sketches, not pixel copies. What matters — whether there is an image, whether it is big enough, and how much of the text fits — is checked against each platform's documented rules.
Why the image is not displayed here
To keep your visit private and this page safe, we never load pictures from other sites into it. Instead our server reads only the first bytes of the og:image file to find its format, width, height and file size, and the preview shows a box of the same shape with those numbers. Use "Open image" to view the picture itself.
The tags to add
Put these in the <head> of every page you want to look good when shared — the checker fills in a ready-to-copy version with your page's values:
<title>Page title — Site name</title>
<meta name="description" content="One or two sentences about the page.">
<link rel="canonical" href="https://example.com/page">
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com/page">
<meta property="og:title" content="Page title">
<meta property="og:description" content="One or two sentences about the page.">
<meta property="og:image" content="https://example.com/images/share-1200x630.png">
<meta property="og:image:alt" content="What the image shows">
<meta name="twitter:card" content="summary_large_image">
Use full https:// addresses for og:image and og:url — the Open Graph protocol asks for absolute URLs. Image sizes follow Facebook's image guidelines and X's card documentation; Google explains how it picks title links and snippets.
When a fixed preview still looks old
Facebook, LinkedIn, X and chat apps keep a copy of each preview. After changing your tags, ask them to read the page again: Facebook's Sharing Debugger and LinkedIn's Post Inspector refresh their copy; for others, share the address with a harmless query string such as ?v=2. This checker keeps results for 10 minutes too. Some sites block unknown visitors (a 403 answer): the apps' own crawlers may still get through, so check the result with the tools above as well.
Frequently asked questions
Why does my link show no image on Facebook, WhatsApp or LinkedIn?
Usually the page has no og:image tag, the image address is relative or not publicly reachable, or the image is too small. Facebook needs at least 200 × 200 px and shows the large card from 600 × 315 px; 1200 × 630 px is recommended. Apps also cache previews, so a fixed page can keep its old preview for a while.
What size should an og:image be?
1200 × 630 px (a 1.91:1 ratio) in JPG or PNG, under 5 MB. That works as a large card on Facebook, LinkedIn and X, and chat apps crop it to their own shapes, so keep the important part in the middle. SVG images are not shown by most apps.
Do I need Twitter (X) tags if I already have Open Graph tags?
X reads og:title, og:description and og:image when its own tags are missing, but it uses twitter:card to choose the card type. Add <meta name="twitter:card" content="summary_large_image"> for a large image; the rest can come from Open Graph.
How long can a title and description be?
Google has no fixed limit: it shortens titles and snippets to fit the screen, so on phones titles of about 50–60 characters and descriptions of about 120–155 characters usually show in full. X cuts card titles at 70 and descriptions at 200 characters.
More free tools: color contrast checker · tap target size checker · mobile font size calculator · css media query generator · device mockup generator · ai crawler access checker · image alt text checker · all tools