Skip to content
GridHooks
The Lab

Meta & OG Previewer

See your link before you ship it.

Enter any URL to preview how it renders as a search result and a social card — and inspect the exact meta and Open Graph tags behind it.

See how any URL renders when shared — and fix the tags before you ship.

How it works

How to preview your social cards

Catch a broken image or truncated title before you post — not after it's already in someone's feed.

Enter the page URL

Paste any live URL you're about to share or have already published. We read its real meta and Open Graph tags server-side.

Preview every surface

See how it renders as a Google result and as a social card on X, LinkedIn, Facebook, and Slack — image, title, and description in context.

Fix the tags that are off

Spot a missing image, a truncated title, or an absent description, then correct the tags in your code before the link goes anywhere.

Open Graph & social previews, answered

What are Open Graph tags?

Open Graph (OG) tags are meta tags in a page's HTML head that control how the page looks when it's shared on social platforms. The key ones are og:title, og:description, og:image, and og:url. Facebook created the protocol, but LinkedIn, Slack, Discord, WhatsApp, and most other platforms read it too. Without them, platforms guess at your title, description, and image — usually badly.

How is a Twitter/X Card different from Open Graph?

X uses its own twitter:* meta tags (twitter:card, twitter:title, twitter:image) but falls back to Open Graph tags when they're missing. The most important extra is twitter:card, which decides whether your link shows as a small thumbnail or a large 'summary_large_image' banner. This tool shows both so you can confirm X has what it needs.

What's the ideal Open Graph image size?

1200×630 pixels (a 1.91:1 ratio) is the safe standard — it renders crisply as a large card on X, LinkedIn, Facebook, and Slack without awkward cropping. Keep the file under about 5 MB, use an absolute https URL in og:image, and put important text away from the edges since some surfaces round the corners or crop slightly.

Why does my link preview look wrong or show no image?

The usual causes are a missing og:image, a relative image URL instead of an absolute one, an image blocked behind authentication, or a platform serving a stale cached version. This tool shows you the tags the page is actually returning so you can tell whether the problem is your markup or the platform's cache — then you can re-scrape using the platform's own debugger.

Do social platforms cache these previews?

Yes. Most platforms fetch and cache your OG data the first time a link is shared, so edits to your tags may not appear immediately. After you fix your tags, use the platform's debugger (such as Facebook's Sharing Debugger or LinkedIn's Post Inspector) to force a fresh scrape. Use this previewer first to confirm the tags are correct before you bust the cache.

Is the OG previewer free?

Yes — no signup and no limits. Paste a URL and instantly see its search and social previews plus the raw tags behind them.

Start a project