Skip to main content
iotools.cloudiotools.cloud

Open Graph & Twitter Card Preview

Preview how your link will look when shared on Facebook, LinkedIn and X/Twitter. Edit the title, description and image, or paste your page's HTML to auto-fill, and copy ready-made meta tags.

Input

Preview

Open GraphFacebook · LinkedIn · Slack
Fill in the fields to see the preview
X / Twitterx.com
Fill in the fields to see the preview
Meta tags
Meta tags
<!-- Open Graph (Facebook, LinkedIn, Slack…) -->
<meta property="og:type" content="website">

<!-- X / Twitter -->
<meta name="twitter:card" content="summary_large_image">
Was this helpful?

Guides

When someone shares your page on Facebook, LinkedIn, Slack or X (Twitter), the link expands into a card — an image, a title, and a description pulled from your page's Open Graph and Twitter Card meta tags. This tool shows you that card before you publish, so you can catch a missing image or a truncated title while it's still cheap to fix.

How to use it

  1. Fill in the Title, Description, Image URL and Page URL. The previews update live as you type.
  2. Pick a card layout — a large image banner (summary_large_image) or a small square thumbnail (summary).
  3. Compare the Open Graph preview (how Facebook / LinkedIn / Slack render it) with the X / Twitter preview side by side.
  4. Copy the generated meta tags from the output box and paste them into your page's <head>.

Already have meta tags?

Open the Paste HTML to auto-fill box, paste your page's <head> (or the whole HTML), and press Extract. The tool reads your existing og:* and twitter:* tags, <title> and canonical URL and drops them into the fields so you can audit or tweak them.

What makes a good card

  • Image: use summary_large_image with an image around 1200×630px. Smaller images get cropped or fall back to a thumbnail.
  • Title: roughly 60 characters before platforms truncate it.
  • Description: around 110–160 characters.
  • Always set an absolute og:url and an absolute og:image URL — relative paths don't resolve when another site fetches your tags.

Is my data sent anywhere?

No. Everything runs in your browser — the previews, the HTML parsing and the generated tags. Preview images are loaded directly from the image URL you enter (by your browser, exactly as a real crawler would), and nothing is uploaded to us.

open graphtwitter cardog tagssocial previewmeta tagsseo

Love the tools? Lose the ads.

One payment clears every ad from your account, for good. No subscription, no tracking.

Remove ads