Check Open Graph and Twitter cards before you share a link

You paste a URL into Slack, LinkedIn, or X and the preview looks wrong - wrong image, missing title, or an old screenshot from years ago. The fix is almost always in meta tags on the page, but you need a quick way to see what crawlers see without digging through raw HTML every time.

What Open Graph and Twitter Cards do

• Open Graph (og:*) is the common vocabulary Facebook popularized; many networks reuse it for title, description, image, and URL.
• Twitter Cards (twitter:*) can override or complement OG fields - especially twitter:card, twitter:image, and twitter:title.

If og:image is missing or points to a huge / blocked URL, previews fall back to something bland or broken. If the cache is stale, platforms may keep showing an old card until they refetch.

A practical workflow

1. Open the page in a normal tab and confirm it loads (redirects and errors confuse scrapers).
2. Inspect resolved meta tags - not just what you think you deployed.
3. Compare image dimensions and aspect ratio to what each network recommends (often roughly 1200×630 for large link previews).

Our OG Preview tool on toolit fetches a URL and surfaces Open Graph, Twitter, and related tags in one place so you can iterate on your head markup or your CMS template without installing a desktop-only validator.

Long-tail searches this matches

• open graph preview tool
• check twitter card meta tags
• linkedin link preview debugger alternative
• why my link preview image is wrong

Tips that save time

• Prefer absolute HTTPS URLs for og:image and twitter:image.
• Keep images under common size limits; very large files time out or get skipped.
• After you change tags, expect cached previews until the platform refreshes - that is normal.

If you ship content or landing pages, validating social cards belongs in the same checklist as Lighthouse and analytics - small meta mistakes create big “looks broken in chat” moments.