Social card preview

Lives on SEO Tools → Content tab. Enter any URL (yours or a competitor's) — we fetch the HTML server-side (bypasses browser CORS), parse the Open Graph + Twitter Card + standard meta tags, and render three preview cards showing how it'd actually appear when shared.

Renders

  • Facebook — standard share card with hero image, title, description, host
  • Twitter / X — adapts based on twitter:card type (summary vs summary_large_image)
  • LinkedIn — standard share card

Gaps banner

Surfaces issues that'd cause the share card to render badly:

  • Missing og:title (falls back to <title>)
  • Missing og:description (falls back to <meta description>)
  • Missing og:image (renders as small text-only card)
  • Missing twitter:card (Twitter may pick the wrong type)
  • Missing <link rel="canonical"> (fragments ranking signals)
  • og:title over 95 chars (truncates on Facebook)
  • og:description over 200 chars (may truncate)

Cost

Free-tier accessible. No external API spend (we fetch the URL directly).

Tips

  • Public URLs only — private network IPs (localhost, 127.x, RFC1918) are blocked for SSRF protection.
  • 2MB response cap + 8s timeout — works fine for any normal HTML page.
  • The "Raw extracted meta data" expander shows the full parsed JSON for debugging.

When to use

  • Before publishing a new product/blog post — verify OG tags are set
  • When a competitor share looks great — copy what they got right
  • After theme migration — make sure your OG/Twitter tags still emit correctly