Skip to main content
Particularly LogoParticular.ly

Social Preview Checker

Social Preview Checker
Preview Open Graph and X cards, then adjust the fields until the share cards look right.
Coverage

OG Fields

0/4

X Fields

1/4

Missing Critical

4

Card Type

summary_large_image

Validation Notes
  • Missing title for social previews.
  • Missing description for social previews.
  • Missing image URL. Large-card previews work best with one.
  • Missing site name for Open Graph previews.
Open Graph Preview

No preview image

example.com

Open Graph title

Open Graph description will appear here.

X Card Preview

No preview image

X card title

X card description will appear here.

example.com/article

About the Social Preview Checker

The Social Preview Checker reads the Open Graph and X (Twitter) Card metadata from a page and shows you how its link will appear when shared on social platforms, messaging apps, and chat tools. It pulls the key tags — og:title, og:description, og:image, og:url, og:type, and the twitter:card, twitter:title, twitter:description, and twitter:image equivalents — so you can confirm a shared link renders with the right headline, summary, and thumbnail instead of a blank or broken card.

Under the hood the tool fetches the page HTML and extracts the relevant meta tags from the document head, then composes a representative preview. Platforms like Facebook, LinkedIn, Slack, Discord, iMessage, and X each read these tags (with their own quirks and fallbacks) to build the rich unfurl you see when a URL is posted. Because og:image is the most visually important and most error-prone field, the checker is especially useful for catching missing images, images that are too small, or relative image paths that fail to resolve to an absolute URL.

Typical use cases include verifying a new blog post or landing page before a launch campaign, debugging why a shared link shows the wrong title or no image, and standardizing previews across a content site so every page has a deliberate title, description, and 1200x630 share image. Marketers and developers run it after deploying template changes to confirm the dynamic OG tags populate correctly across page types.

Practical tips: keep og:title under about 60 characters and og:description under roughly 160 so they aren't truncated, always use absolute https URLs for og:image, and set twitter:card to summary_large_image when you want the big-thumbnail layout. Remember that platforms cache aggressively — if you fix a tag, you may need to re-scrape the URL in the platform's own debugger to clear the old preview. Pair this with the Canonical URL Checker and Schema Markup Extractor for a complete shareability and metadata audit.

Frequently asked questions

Why does my link show no image when shared?
The most common causes are a missing og:image tag, a relative image path that doesn't resolve to an absolute URL, an image hosted behind authentication, or an image below the platform's minimum size. Setting og:image to an absolute https URL pointing to a public 1200x630 image fixes most cases.
Do I need both Open Graph and Twitter Card tags?
Open Graph alone covers most platforms because X falls back to OG tags when Twitter-specific ones are absent. However, adding twitter:card and related tags gives you precise control over the X layout, such as forcing the large-image card.
What is the ideal share image size?
1200x630 pixels (a 1.91:1 ratio) is the widely recommended size for the large summary card. It displays cleanly on Facebook, LinkedIn, and X, and keeps the file large enough to avoid blurry scaling.
Why didn't my preview update after I fixed the tags?
Social platforms cache unfurls. After correcting your metadata, use the platform's own scraping or debugging tool to force a re-fetch, or share the URL with an appended cache-busting parameter to confirm the new tags are read.