Social Metadata Audit

OG/Meta Tag Checker

Audit a live public URL for Open Graph tags, X/Twitter card coverage, canonical alignment, and preview image fetchability before you share it.

1. Enter URL

Live page you plan to share.

2. Audit tags

Metadata, redirects, image reachability.

3. Fix first

Use the priority list before publish.

Open Graph Tags Twitter / X Cards Preview Image Audit Canonical Alignment Fix-First Report

Use the final live page URL you plan to share. We will follow redirects automatically.

Use this tool when

Use the checker after the page is live, not while you are still designing the image

Publishing a new page or launch

Confirm that the live URL exposes the right metadata and that the image can actually be fetched by social crawlers.

Debugging bad previews

Use it when a page shares with the wrong image, missing title, weak fallback card, or stale preview art.

Validating infra changes

Run it after CDN, canonical, cache, or CMS template changes so social previews do not silently regress.

Tool visual

Meta tag coverage board

A good social share setup is not just one image tag. You need the full handoff: page URL, title, description, image, and X-specific card instruction.

Healthy setup

og:title
og:description
og:image
og:url + canonical
twitter:card
Fetchable image URL

This is enough for predictable Facebook, LinkedIn, Slack-style, and X large-card previews on most public pages.

Weak setup

Missing og:image
No twitter:card
Relative or signed image URL
Canonical / og:url mismatch
Image too small
Noindex page

This is where previews become unreliable or platform-specific. The checker is built to surface these first.

Tool visual

Preview anatomy board

Most teams know they need `og:image`, but the rest of the preview is just as important. This board shows which tags control which part of the share card.

Image from og:image
Title from og:title / twitter:title
Description from og:description / twitter:description

Page URL context

Canonical + og:url keep the card tied to one public page.

Large image card

Use `twitter:card=summary_large_image` if you want X to prefer the wide image treatment instead of a compact fallback.

Stable image URL

The preview asset still needs a direct `200`, image MIME type, and enough pixels to survive large-card rendering.

Canonical discipline

If `og:url` points at one page and canonical points at another, you create mixed signals for debuggers and crawlers.

Tool visual

Fix-first matrix

The fastest way to debug bad share previews is to fix the blockers in severity order instead of tweaking everything at once.

Problem What breaks Fix first
Missing `og:image` Social cards fall back unpredictably or render without a strong image. Publish one absolute, public image URL first.
Wrong or tiny image Large-card previews look soft, cropped, or weak in-feed. Aim for roughly `1200 x 630` and recheck the rendered card.
Missing title/description Networks invent their own fallbacks from page copy. Set concise explicit OG values before tuning image design.
Versionless preview art Platforms can keep an old image even when the page markup changed. Version the filename or query string when the card art changes.

Before you publish

Step 1

Create the image. Use OG Image Generator if you still need the asset.

Step 2

Publish absolute tags. Keep `og:image`, `og:url`, and canonical tied to the final public page and asset URL.

Step 3

Run this checker. Confirm the preview image is reachable and the tags are aligned before you share.

Step 4

Version changed artwork. If you swap the preview image later, change the URL too so social caches pick it up.

Frequently Asked Questions

No. It audits the HTML the server returns and the preview image URL that social crawlers can fetch.
No. It is a faster first-pass audit. Platform-specific debuggers are still useful after you fix the obvious blockers.
Yes. The checker inspects the discovered social image and flags weak dimensions for large-card usage.
Platforms cache preview assets aggressively. A versioned filename or query string gives them a clear signal to fetch the new image.
Start with Open Graph Image Generator if you still need to create the image itself.