eg

og image tester.

paste url → preview how the page renders on social

> worked example

Paste https://www.shopify.com/ and click 'fetch og tags'. The tool calls an internal API route that fetches the page server-side, parses all og: and twitter: meta tags, and returns them as JSON. The Facebook card renders og:image, og:title, og:description, and the site name. The Twitter card reads twitter:card to choose summary vs summary_large_image layout. The LinkedIn card mirrors the og: tags. Parsed tag values appear in a table below all three cards.

takeaway, Always check og:image dimensions (1200 × 630px for Facebook) and twitter:card type, the wrong card type silently collapses your image on X.

> when operators reach for this

  • Ecommerce marketers QA-ing a new PDP before launch who want to confirm og:image, og:title, and og:description are correctly set.
  • Shopify devs debugging why a product page shows a blank card when shared on Slack or LinkedIn.
  • Agencies auditing a client's homepage and category pages for missing or mis-sized OG images.
  • Social media managers checking that a promotional landing page shows the right preview before a paid campaign goes live.
  • Devs verifying that dynamic og:image generation (e.g. via Next.js ImageResponse) is returning the correct URL and dimensions.

> the calculation

  • facebook image1200 × 630px recommended (min 600 × 315px)
  • twitter image1200 × 600px for summary_large_image; 1:1 for summary
  • linkedin image1200 × 627px recommended
  • description lengthog:description ≤ 200 chars; twitter:description ≤ 200 chars

> related calculators, seo & metadata