GeoPromptTracker

Free tool — no sign-up

Open Graph Preview & Generator

Every time your URL is shared — on X, LinkedIn, Facebook, Slack, or increasingly in AI chat interfaces — the platform builds a preview card from your Open Graph tags. Missing tags mean an ugly bare link; broken ones mean a blank image and a truncated title. This tool shows you exactly what any URL's card looks like, and generates the full tag set if yours are missing.

Why it matters for AI search: OG tags are structured metadata, and like all structured metadata, they serve machines beyond their original purpose. og:title and og:description give AI systems a clean, author-controlled summary of a page, parallel to the meta description. And as AI assistants increasingly become a sharing surface themselves — answers with cited links, forwarded into chats and documents — the card those links render as is part of how your content travels.

How this tool works: in Check a URL mode, the tool fetches your page through our server-side proxy and parses every relevant tag: og:title, og:description, og:image, og:url, og:type, og:site_name, the twitter:* equivalents, plus the plain <title> and meta description as fallbacks — then renders side-by-side previews of how X, LinkedIn, and Facebook would each display the card, using each platform's fallback logic (X prefers twitter:image, others use og:image). Missing tags are flagged with a fix-it prompt. In Generate tags mode, fill in a short form and get the complete, correctly escaped tag set — both og: and twitter: variants — ready to paste into your page's <head>.

Limitations: the previews are close approximations, not pixel-perfect replicas — platforms adjust their card layouts, truncation lengths, and crop behavior without notice, so treat the preview as a correctness check (are the right tags present, does the image load, is the title sane) rather than an exact rendering. The tool reads server-rendered HTML, so OG tags injected client-side by JavaScript won't be detected — which is also true for most social platform crawlers, making that a genuine problem worth fixing rather than a tool limitation. Platform-specific extras (like og:video or product cards) aren't currently generated.

Frequently asked questions

Why does my link show no image when shared?

Almost always a missing or broken og:image tag. Run your URL through the previewer — if the og:image row is missing or the image fails to load, that's your answer. The image URL must be absolute (https://...), publicly accessible, and ideally 1200×630 pixels.

What size should my og:image be?

1200×630 pixels (1.91:1 ratio) is the safe standard — it renders full-bleed on X, LinkedIn, and Facebook without cropping. Keep important content away from the edges.

What's the difference between og: and twitter: tags?

Open Graph (og:) tags are the base standard read by most platforms. X/Twitter reads its own twitter: tags first and falls back to og: tags for most fields — but twitter:card is required to get the large-image layout, so include both sets.

Do social cards matter for AI search?

Indirectly but genuinely: og:title and og:description are clean, structured statements of what a page is about, and AI systems parsing your page can use them the same way social platforms do. They're also what your link looks like when an AI chat answer gets shared.

Why does the preview differ slightly from the real platform?

Each platform applies its own cropping, font, and truncation rules that change over time. The preview shows faithful approximations — for pixel-perfect verification, use each platform's own card debugger before a major launch.

Related