OG Preview + Checker
All articles
6 min readOpen GraphFundamentals

The Open Graph tag checklist every page should pass

The nine tags that decide how your link looks on LinkedIn, Facebook, X, Slack and WhatsApp — and the copy-paste block that covers all of them.

Key takeaways

  • The essential og tags are og:title, og:description, og:image, og:url, og:type and og:site_name.
  • Add twitter:card=summary_large_image so X uses the full-width image layout.
  • Declare og:image:width and og:image:height so the very first share renders correctly.
CB

Chris Bonney

CommonPoint LLC

Open Graph is a small set of meta tags that tells other websites how to display your link. Get them right once and every share of that page — in a LinkedIn post, a Slack channel, a text message — renders as a deliberate, branded card. Get them wrong and your link shows up as a bare grey URL that nobody clicks.

The nine tags that matter

  • og:title — the headline. Aim for 55–60 characters so it survives every platform's truncation.
  • og:description — the supporting sentence. 110–150 characters. LinkedIn ignores it, so never hide anything essential here.
  • og:image — an absolute https URL to a 1200x630 PNG or JPEG. Never an SVG.
  • og:image:width and og:image:height — let the very first share render correctly instead of waiting for a crawler.
  • og:url — the canonical address, so shares of tracked links do not fragment your counts.
  • og:type — website for most pages, article for posts.
  • og:site_name — your brand, shown by Slack and Discord above the headline.
  • twitter:card — set to summary_large_image or X shrinks your artwork into a small square.

The block to paste

<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:site_name" content="Example" />
<meta property="og:title" content="A headline under 60 characters" />
<meta property="og:description" content="One persuasive sentence, front-loaded." />
<meta property="og:image" content="https://example.com/card.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />

Then confirm it

Tags in your source are not proof that a platform will use them. Run the URL through the preview tool on this site to see the rendered result for all seven platforms, and remember that LinkedIn caches a preview for roughly a week after it first sees a link.

Check your own page

Paste a URL into the free preview and checker to see all seven platform cards and a graded audit.

Open the tool