GitGudgit gud
gitgudRun an audit
‹ all tools
Webgitgud / tools

Meta & Open Graph Preview

Fetch a URL and see the title, description, canonical and social cards exactly as X, Slack and Discord render them.

The URL you enter is fetched by our server to run the checks. Nothing you paste is stored.

About Meta & Open Graph Preview

A link with no card is a link nobody clicks. Open Graph tags decide what your URL looks like when it's pasted into Slack, X, Discord, iMessage, LinkedIn and every other surface that unfurls links — and because they're invisible in a browser, they break silently and stay broken for months.

Paste a URL and the tool fetches the raw HTML and pulls out everything that matters: title, meta description, canonical, `html lang`, the robots meta, every `og:` property and every `twitter:` name. Lengths are checked against the limits each surface actually enforces rather than round numbers, so a 62-character title isn't flagged just for being long.

The preview panes render the card the way each platform composes it — X's large summary image, Slack's attachment strip, Discord's embed, iMessage's rich link. Preview images are loaded by your browser directly from the origin they live on. We deliberately don't proxy them: an image proxy on a public endpoint is an open relay and an egress bill waiting to happen.

When something is missing, the tool emits a corrected block with the gaps filled in — including an `og:image` entry when you have none, which is the single most common failure and the one that turns every share of your site into a grey rectangle.

Frequently asked

What size should og:image be?

1200×630 is the safe default — a 1.91:1 ratio that X, Facebook and LinkedIn all accept without cropping. Keep it under about 5 MB, use PNG or JPEG, and give it an absolute URL. Relative image paths are the second most common reason a card renders blank.

Do I need twitter: tags if I already have og: tags?

Mostly no — X falls back to Open Graph for title, description and image. The one tag worth adding is `twitter:card`, which chooses between a small thumbnail and a large image. Declaring `summary_large_image` with no image behind it is worse than declaring nothing.

Why does my card still show the old image?

Every platform caches unfurls aggressively, often for days. Changing the tags doesn't invalidate the cache; you need each platform's own scrape tool, or a new image URL. Cache-busting the filename is the reliable fix.

How long should a title and description be?

Titles are truncated somewhere around 60 characters in search results and 70 in most unfurls; descriptions around 155 to 160 in search and longer in cards. The tool reports actual character counts against those limits rather than passing or failing you on a round number.

Does this fetch my images?

No. Your browser loads the preview images directly from wherever they're hosted. The server fetches only the HTML document itself, once.

Related tools