RankCrab
Start 7-day trial
All tools
Free SEO tool

Open Graph & social card previewer

Enter your title, description, and image, then see exactly how the share card looks on Facebook, LinkedIn, and X — with a copy-paste meta tag block.

Meta tags — paste into <head>
<meta property="og:title" content="Light Roast vs Dark Roast: A Complete Brewing Guide" />
<meta property="og:description" content="Everything that changes when you switch roast levels — acidity, body, grind size and water temperature — in one practical guide." />
<meta property="og:url" content="https://example.com/blog/light-vs-dark-roast" />
<meta property="og:type" content="article" />
<meta property="og:site_name" content="Example Coffee Co." />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Light Roast vs Dark Roast: A Complete Brewing Guide" />
<meta name="twitter:description" content="Everything that changes when you switch roast levels — acidity, body, grind size and water temperature — in one practical guide." />
Facebook / LinkedIn
Add an og:image URL
example.com
Light Roast vs Dark Roast: A Complete Brewing Guide
Everything that changes when you switch roast levels — acidity, body, grind size and water temperature — in one practical guide.
X (Twitter) — summary_large_image
Add an og:image URL
Light Roast vs Dark Roast: A Complete Brewing Guide
Everything that changes when you switch roast levels — acidity, body, grind size and water temperature — in one practical guide.
example.com

What Open Graph tags do

When someone shares your link on Facebook, LinkedIn, Slack, WhatsApp, or X, the platform doesn't show the raw URL — it builds a preview card. Open Graph meta tags are the instructions for that card: og:title, og:description, and og:image decide the headline, blurb, and picture a follower sees in their feed.

Leave those tags out and the platform guesses, often badly — grabbing a logo, a navigation label, or nothing at all. Social shares don't pass direct ranking signals, but a sharp card earns more clicks per share, and that referral traffic and brand exposure feed your SEO indirectly. Getting the tags right is a five-minute job with an outsized payoff.

Recommended image size and text limits

Most failed cards come down to the image. Build one asset at the right dimensions and reuse the pattern across the site.

  • Image: 1200×630 px (1.91:1) covers Facebook, LinkedIn, and X summary_large_image cards.
  • Use an absolute https:// URL for og:image — relative paths are ignored by most scrapers.
  • og:title: aim for under ~60 characters so it isn't clipped in the card.
  • og:description: keep the key message in the first ~110 characters; feeds truncate the rest.
  • Always set og:url to the canonical URL so shares consolidate to one page.

How to use the social card previewer

Enter your title, description, image URL, and page URL. The tool renders a Facebook/LinkedIn-style large card and an X summary_large_image card side by side, and flags any field long enough to be truncated on those surfaces.

When the cards look right, copy the generated meta tag block into your page's <head>. After it's live, run the URL through each platform's official debugger — Facebook's Sharing Debugger, LinkedIn's Post Inspector — to clear any cached version of the old card.

FAQ

What are Open Graph tags?+

Open Graph (og:) meta tags tell Facebook, LinkedIn, Slack, and others how to render a link — the title, description, and image in the share card. X uses its own twitter: tags, with og: as a fallback. Good cards lift click-through from social, an indirect but real traffic win.

What image size should I use?+

1200×630 px (a 1.91:1 ratio) is the safe size for a large image card across every major platform. Keep it under ~5 MB and use PNG or JPG.

Why does this ask me to type the tags instead of fetching my URL?+

Fetching a live URL would need a server to bypass cross-origin restrictions. Keeping it client-side means the tool stays instant and private — you paste your values, it renders the card and the snippet locally.

Want this checked sitewide, automatically?

7-day trial. From $29/mo. Cancel from the dashboard.

Start free trial