Skip to content

Open Graph Previewer - Facebook/Twitter/LinkedIn Card Preview

100% LocalNetwork

Online Open Graph previewer. Enter OG tag content and preview how your page looks when shared on Facebook, Twitter, and LinkedIn.

This tool runs entirely in your browser. Open DevTools → Network panel and search your input — it appears in no request.

Usage Guide

The card shown when you share a link into WeChat, X, Slack or Telegram reads the Open Graph (og:) and Twitter tags from the page head. This tool previews that card live — confirm title, description and image before shipping instead of discovering a broken image after.

1. Preview a share card

  1. Fill in the page URL, og:title, og:description, og:image and site name.
  2. Check the card: is the title truncated, the description complete, the image ratio right?
  3. Update the matching tags in your page head (this is a previewer — it does not modify your site).

2. Three frequent share-card problems

  • Broken or blank image: og:image must be an absolute, publicly reachable URL — relative paths, intranet addresses and login-walled images all fail to fetch.
  • Wrong ratio: platforms differ on the ideal og:image ratio (commonly 1.91:1); mismatches get cropped or padded.
  • Changes not taking effect: platforms cache their crawls — force a re-scrape with each platform's debugger (Facebook Sharing Debugger, Twitter Card Validator, etc.).

3. The tags that actually drive click-through

Four tags carry nearly all the weight: og:title, og:description, og:image, and og:url. Everything else is edge-case plumbing. The image is where most posts lose the click: 1200x630 is the safe aspect (1.91:1), text under roughly 48px becomes unreadable in feed thumbnails, and center-crop assumptions differ across platforms — LinkedIn crops tighter than Twitter. After editing tags, use the platform debuggers (they force a re-scrape) or your shares keep showing the cached old card for days, which makes correct tags look broken.

FAQ

Completely free with no registration. Preview rendering happens locally in your browser with no uploads.

Share card previews for Facebook, Twitter (X), and LinkedIn are all supported.

It visually reveals truncated titles, missing descriptions, and image cropping caused by incorrect aspect ratios.

Related Tools

Related Articles