Free Tool

Free OpenGraph Preview Tool

See exactly how your pages look when shared on Twitter, Facebook, LinkedIn, and Slack.

Twitter/X Preview

Facebook Preview

How to use this tool

1

Enter your OpenGraph meta tag values

2

See live previews of how your page appears on Twitter and Facebook

3

Fix any warnings to optimize your social cards before sharing

Why OpenGraph tags matter

OpenGraph (OG) tags are HTML meta tags that control how your page appears when shared on social platforms. When someone pastes your URL into Twitter, Facebook, LinkedIn, or Slack, these platforms fetch your page and read the og:title, og:description, og:image, and og:url to build the preview card. Without them, platforms guess from your page content — often with poor results.

Well-optimized social cards significantly improve click-through rates. A compelling image, concise title, and clear description make your links stand out in feeds. Poor or missing OG tags lead to generic previews that get scrolled past.

Common mistakes include missing og:image (cards without images get far fewer clicks), titles longer than 60 characters (truncated on most platforms), and descriptions over 200 characters. Use this tool to catch these issues before you share.

Frequently asked questions

What are OpenGraph tags?

HTML meta tags that control how your page appears when shared on social platforms like Twitter, Facebook, LinkedIn, and Slack.

Why doesn't my image show?

Images must be publicly accessible, at least 1200x630px, and specified in an og:image meta tag.

What's the ideal title length?

Under 60 characters to avoid truncation on most platforms.

Does Attract handle this automatically?

Yes. Every Attract blog post includes full OpenGraph and Twitter Card tags generated from your content.

Attract

Want this automated?

Attract generates full OpenGraph and Twitter Card tags for every blog post — along with SEO, schemas, sitemaps, and AI discoverability.

Get started

Pay as you go with credits. Autopilot $49/mo optional.