Skip to main content

SEO Tool

Open Graph Preview Tool

Preview how your link will look on social media and check whether your Open Graph meta tags are configured correctly.

What is Open Graph

Open Graph is a protocol created by Facebook to describe how a link should appear when shared on social networks. Open Graph meta tags (og:title, og:description, og:image, og:url) control the title, description, and image of the social card. An Open Graph Checker helps confirm those values exist and stay consistent.

Why use an Open Graph preview

A Social Share Preview shows how users will see your link in Facebook Link Preview, WhatsApp Link Preview, or LinkedIn Preview before you launch a campaign. It prevents cropped images, truncated titles, or empty descriptions. This OG Preview Tool analyzes the URL in real time and flags errors and warnings.

How to review OG meta tags

Paste the URL into the validator, click Analyze URL, and review the summary: critical errors (e.g. missing og:image), warnings (short title), and recommendations. Compare the preview panel with what you expect on each network. The Detected meta tags block shows the HTML code found so you can copy or fix it.

Important Open Graph meta tags

  • og:title — Headline for the social card.
  • og:description — Supporting text for the link.
  • og:image — Featured image (ideal 1200×630 px).
  • og:url — Canonical URL of the content.
  • og:type — Resource type (website, article, etc.).
  • twitter:card — Format on X (summary_large_image recommended).
  • twitter:title, twitter:description, twitter:image — Overrides for Twitter Card Preview.

Open Graph vs Twitter Cards

Open Graph is the base standard used by Facebook, LinkedIn, and WhatsApp. Twitter Cards add their own meta tags (twitter:card, twitter:image) to control appearance on X. Many platforms fall back to og:*, but X prioritizes twitter:*. A solid Open Graph Validator checks both sets.

How to improve social link previews

Set unique og:title and og:description per page, use a high-resolution og:image, and set og:url without tracking parameters. Add twitter:card with summary_large_image and verify the result with this tool before sharing. After production changes, networks may take time to refresh their cache.

Common og:image, og:title, and og:description mistakes

  • og:image with a relative URL or blocked by robots.
  • Image too small or wrong aspect ratio.
  • og:title duplicated from <title> without social optimization.
  • Empty og:description or identical to meta description without context.
  • Missing twitter:image when X does not read og:image.

Frequently asked questions

It is a meta tag protocol (og:title, og:image, etc.) that tells social networks and apps how to display a shared link.