Skip to content
SEO Madmanby Adam Hafez
Free tool

Open Graph and X card preview

Preview how a title, description and image will render as a Facebook or LinkedIn link card and as an X summary_large_image card.

Runs entirely in your browser. Nothing you enter is uploaded, logged or stored.

The Open Graph protocol does not mandate an image ratio; it only definesog:image:width and og:image:height as optional metadata. A landscape image renders best, since every large-image card here crops to a wide box.

No image

Key takeaways

  • The Open Graph protocol at ogp.me sets no character limit for og:title or og:description, and no required image ratio either.
  • Facebook and LinkedIn read only og: tags, while X reads twitter: tags first and falls back to the matching og: tag when one is missing.
  • No platform publishes an exact truncation point, so any character count shown as a hard limit is an approximation rather than documented fact.
  • A landscape source image renders best because every large-image card layout here crops the image into a wide box.

What it takes

  • The og:title
  • The og:description
  • The og:image URL
  • The site name
  • The card type, Facebook/LinkedIn or X summary_large_image

More tools

All of them free, all of them browser-only.

Browse the tools

How to use it

  1. 1Paste the title and descriptionUse the exact og:title and og:description values from the page, not the H1 or meta description tag, since those are separate fields platforms may fall back to.
  2. 2Paste a real image URLThe preview loads the actual image in your browser. An empty or broken URL shows a neutral placeholder instead of a fake image.
  3. 3Switch card typeFacebook and LinkedIn render a large-image card from og: tags alone. X renders its own summary_large_image card and reads twitter: tags first.
  4. 4Watch the character countersThese are a practical guide only. Neither Open Graph nor any platform publishes an exact character limit, so treat the count as a signal, not a rule.

What actually controls the preview

A shared link card is built from meta tags in the page head, not from anything visible in the article itself. Facebook and LinkedIn read the og:title, og:description, og:image and og:site_name properties defined by the Open Graph protocol. X uses its own twitter:card, twitter:title, twitter:description and twitter:image tags, and falls back to the matching og: tag for any one of those it does not find. A page that sets only og: tags still gets a usable X card through that fallback; a page that sets conflicting og: and twitter: values will show different text on each platform.

Why there is no official character limit

The Open Graph protocol specification at ogp.me defines og:title and og:description as plain strings with no length constraint, and it does not document a recommended image ratio, only the optional og:image:width and og:image:height fields for stating the image’s actual pixel dimensions. The truncation a viewer sees comes from each platform’s own rendering, which none of them documents precisely and all of them can change without notice. A tool that claims an exact cutoff is presenting an inference as a fact; the counters here are labelled as a guide for that reason.

Using this preview

Paste the tags as they will actually ship, including the real image URL, and check both card layouts before publishing. A card that reads well cropped to a wide image and a couple of lines of text will survive most platform rendering differences; a card that only works at full, untruncated length will not.

Sources

  1. 1.The Open Graph protocol - Open Graph ProtocolPrimary

Frequently asked questions

What is the official character limit for og:title and og:description?

There isn't one. The Open Graph protocol at ogp.me does not define a character limit for either property. Platforms truncate in their own rendering, and none of them publishes the exact cutoff, so any specific number quoted elsewhere is an observed approximation, not a documented rule.

What is the recommended og:image size?

The protocol defines og:image:width and og:image:height as optional metadata describing the image you provide, not a requirement or a recommended ratio. In practice a landscape image works best, because large-image card layouts on every platform crop the image into a wide box rather than a square.

Do Facebook and X read the same tags?

No. Facebook and LinkedIn read only the og: family of tags. X reads its own twitter: tags first, for example twitter:title and twitter:image, and falls back to the matching og: tag when a twitter: tag is missing.

Tools

Keyword cannibalization checker

Compare titles or H1s across your own pages and flag near-duplicate pairs using Jaccard word-overlap similarity, entirely in your browser.