Free Tool

Open Graph & Social Preview Checker

See exactly how your page looks when shared on Facebook, X (Twitter), and LinkedIn. Check og: and twitter: meta tags instantly.

Want Deeper SEO Insights?

Recommended Tool

Affiliate

Take your SEO to the next level with Morningscore – an intuitive SEO tool that helps you track rankings, find opportunities, and grow your organic traffic. Perfect for agencies and businesses serious about SEO results.

Rank tracking & keyword research
Competitor analysis & backlink monitoring
Actionable SEO missions & guidance

Disclosure: We may earn a commission if you sign up through our link, at no extra cost to you. We only recommend tools we genuinely believe in. Your support helps us keep supporting this tool! ❤️

Why Open Graph Tags Matter

When someone shares your URL on Facebook, LinkedIn, Slack, or any other platform, Open Graph tags control what appears in the preview card. Without them, platforms guess — often picking the wrong image, a truncated title, or no description at all. A well-configured OG setup can significantly increase click-through rates from social shares.

What Are Open Graph Tags?

Open Graph is a protocol created by Facebook that lets you control how your content is represented when shared on social platforms. The essential tags are:

  • og:title — The title shown in the share card
  • og:description — A short summary below the title
  • og:image — The preview image (recommended: 1200×630px)
  • og:type — The content type (website, article, product, etc.)
  • og:url — The canonical URL for the shared page

Twitter Card Tags

Twitter (X) uses its own meta tags (twitter:card, twitter:title, twitter:description, twitter:image) but falls back to Open Graph tags when Twitter-specific ones are missing. Setting both ensures consistent previews across all platforms.

Best Practices

  • Use images at least 1200×630 pixels for high-quality previews on all platforms.
  • Write unique og:title and og:description for each page — don't reuse the same tags site-wide.
  • Set both Open Graph and Twitter Card tags for maximum compatibility.
  • Always test your tags after deploying changes — platforms cache previews aggressively.

Common Mistakes

  • No og:image set — platforms show a blank or random image from your page.
  • Image too small — Facebook requires at least 200×200px; under 600px wide it shows a small thumbnail instead of a large card.
  • Missing og:title — the platform falls back to the HTML <title>, which may be too long or include site name suffixes.
  • Same OG tags on every page — sharing different pages produces identical-looking cards, confusing users.

Frequently Asked Questions

What is Open Graph?
Open Graph is an internet protocol originally created by Facebook in 2010. It standardises how web pages describe themselves to social platforms using meta tags in the HTML <head>. Most major platforms — Facebook, LinkedIn, Slack, Discord, WhatsApp, and iMessage — read these tags to generate link previews.
What is the ideal og:image size?
1200×630 pixels is the recommended size. This gives you a high-resolution image on retina screens and works well across Facebook, LinkedIn, and Twitter/X. Keep the file size under 5 MB; Facebook recommends under 1 MB for fast loading.
Do I need both Open Graph and Twitter Card tags?
Not strictly, but it's recommended. Twitter falls back to OG tags if twitter: tags are missing, but some details (like the card type) are Twitter-specific. Setting both gives you full control on every platform.
How do I clear a cached social preview?
Facebook: use the Sharing Debugger (developers.facebook.com/tools/debug) and click 'Scrape Again'. Twitter/X: use the Card Validator (cards-dev.twitter.com/validator). LinkedIn: append ?v=2 (or any query string) to the URL to force a re-fetch.
Does Open Graph affect SEO?
Not directly — search engines don't use OG tags as a ranking signal. However, better social previews lead to more clicks and shares, which can increase traffic and indirectly generate backlinks that do affect rankings.