Live social card audit and preview lab
Audit Open Graph and Twitter or X metadata from a public URL, see which fields provide the share card fallback, test image presence and dimensions when the browser can load it, and preview the result as a wide card, compact card and editable draft before you promote the page.
Platforms crop, cache and choose metadata differently. This preview is built to expose the fields and decisions behind the card so you can fix weak signals before sharing.
What an Open Graph preview is really checking
A social preview is the small storefront a URL carries into feeds, chat apps and private messages. It usually has only a title, a short description, a destination and an image. That sounds simple until the page has a title tag, Open Graph title, Twitter title, canonical URL, several images and a platform cache that still remembers yesterday’s card.
This tool is built for that moment. It shows the Open Graph fields, Twitter or X fallbacks and SEO fields side by side. It also previews the share card from different source priorities so you can see whether the dedicated social metadata is strong or whether the card is surviving only because the page title and meta description happen to be usable.
Strong social metadata is specific
A good card does not repeat a vague site slogan. It names the page, gives the reader a useful reason to open it and uses an image that still makes sense after cropping. For a tool article, that might mean a clean title about the task, a short promise about the output, and a preview image with enough contrast and not too much tiny text. For a guide, the same card should make the subject and the benefit obvious before the click.
- Open Graph title should fit the shared page, not only the brand.
- Open Graph description should read like a human summary, not keyword stuffing.
- Open Graph image should survive wide crops and small previews.
- Open Graph type gives platforms a clearer content hint.
- Twitter card fields reduce ambiguity where Twitter or X metadata is read directly.
Image checks need context
Image dimensions are one of the obvious checks, but they are not the only one. A technically large image can still be poor if the important text sits at the edge of a crop, the subject is unclear, or the image belongs to the whole site instead of the page being shared. This preview tries to measure the selected image when the browser can load it, then keeps the image URL and fallback source visible so you can diagnose a missing or blocked preview quickly.
A practical sharing workflow
- Preview the canonical public URL before posting it in campaigns or community threads.
- Check whether Open Graph fields exist instead of relying on page-title fallbacks.
- Review the image in both wide and compact layouts.
- Compare social title and description with the search snippet so the click promise stays honest.
- After publishing a fix, remember that some social platforms cache old card data for a while.
Common questions
Is Open Graph only for Facebook?
No. Open Graph fields are used or understood by many preview systems, messaging surfaces and collaboration tools. Platform behavior varies, which is why fallbacks matter.
Can a page share without an Open Graph image?
Yes, but the preview may look thin, inconsistent or platform-dependent. A deliberate image gives the card a stronger first read and makes troubleshooting easier.
Should the social title match the SEO title exactly?
Not always. They should describe the same page honestly, but a social card can be slightly more conversational while the title tag stays concise for search results.
Which Open Graph tags are essential?
og:title, og:description, og:image and og:url. Without og:image, social platforms pick an arbitrary image or none, which kills the share appeal.
What is the recommended Open Graph image size?
1200 by 630 pixels (a 1.91:1 ratio) is the safe size across Facebook, LinkedIn and most platforms. Keep it under about 5 MB and use an absolute URL.
Why is my link preview not updating after I changed the tags?
Platforms cache Open Graph data aggressively. Use the platform’s sharing debugger to force a re-scrape, or the old preview persists for days.
