Meta Tag Preview — Open Graph, X, Facebook, LinkedIn & Slack

The previews on this page are not screenshots of someone else's rendering — they are computed from your input using the same character limits and image rules the platforms publish themselves. Three pieces of behaviour drive what you see:

1. Tag resolution. Most platforms prefer platform-specific tags but fall back to Open Graph when absent. The tool follows the documented order: X uses twitter:* then og:*; Facebook and LinkedIn use og:*; Google's SERP prefers the page's <title> tag and the standard <meta name="description">.
2. Truncation.Strings are cut at the grapheme-cluster boundary closest to the platform's display limit — 60 graphemes for Google titles, 160 for descriptions, 70 for X card titles, 200 for X descriptions, 200 for Facebook / LinkedIn descriptions. Using grapheme counting (via Intl.Segmenter) means a flag emoji counts as 1, not 2, matching what users actually see.
3. Image handling. Relative image URLs are resolved against og:url or link rel="canonical". Non-https URLs and unreachable images produce a friendly placeholder; the validator records the failure so you can fix the tag before it costs you a share. The aspect ratio target is 1.91:1 — that's the lowest-common-denominator across X's summary_large_image, Facebook, LinkedIn and Slack.

The optional “Fetch URL” tab is the only path that touches the network. It calls /api/meta-fetch which makes a server-side request with an 8-second timeout, a 1 MB response cap, a strict text/html content-type check, and IPv4 private / loopback / link-local blocking to prevent the route from being used as a request proxy. The HTML is parsed entirely in your browser after that.

• The Open Graph Protocol — ogp.me
• X — About cards (Twitter Cards)
• X — Summary card with large image
• Google Search Central — Title links
• Google Search Central — Snippets
• LinkedIn — Making your website shareable on LinkedIn
• Slack — Adding link previews to your application

Display limits and tag-precedence rules on this page were last cross-checked against the sources above on 2026-05-11. The page is reviewed whenever a major platform updates its rendering rules.