Login

Open Graph Preview Tool

Test how your links appear on social media. Validate Open Graph tags and Twitter cards instantly.

Enter a URL above to preview how it will appear when shared on social media.

What are Open Graph tags?

Open Graph tags are HTML meta tags that control how your content appears when shared on social media platforms like Facebook, LinkedIn, and X (Twitter). They include og:title, og:description, og:image, and og:url. Without these tags, social platforms may use default content or incorrect images, reducing click-through rates and brand consistency.

Why use this Open Graph preview tool?

This free OG preview tool lets you test how your links will appear before sharing them publicly. Validate that your Open Graph image loads correctly, check character counts for titles and descriptions, and ensure Twitter cards render properly. Perfect your social media previews to increase engagement and maintain consistent branding across all platforms.

Open Graph Tags

  • og:title — Page title (30–60 chars)
  • og:description — Description (120–160 chars)
  • og:image — Image (1200×630px recommended)
  • og:url — Canonical URL for sharing

Twitter Card Tags

  • twitter:card — Card type (summary_large_image)
  • twitter:title — Title for Twitter/X
  • twitter:description — Description for Twitter/X
  • twitter:image — Image for Twitter cards
Complete Website Analysis

Check everything at onceand much more

Launch a free analysis in under 30 seconds. Get performance, SEO, and trust scores with actionable fixes—all in one dashboard.

All SEO checks
Performance
Trust scoring
Daily monitoring
Certified reports
Start Website Analysis
FAQ

Everything you need tounderstand

Get answers to the most common questions about Open Graph previews and social media sharing

Paste any public URL into this Open Graph preview tool. It retrieves og:title, og:description, og:url, og:type, canonical links, and og:image so you instantly know what Facebook, LinkedIn, and Slack will render.
Use 1200×630 px JPG or PNG under 5 MB for crisp previews. The validator shows the live image and warns if nothing loads, if it returns HTTP errors, or if the aspect ratio will crop on Facebook or LinkedIn.
Yes. The tool reads twitter:card, twitter:title, twitter:description, and twitter:image meta tags directly from your page, then renders the exact summary large image card people will see on X.
Meta caches previews aggressively. After updating your markup, verify it here, then use the Facebook Sharing Debugger’s “Scrape Again” button to refresh their cache and clear stale OG data.
Add meta tags inside your head element: `<meta property="og:title" content="..." />`, `<meta property="og:image" content="https://..." />`, plus matching twitter:card tags. The analyzer highlights every missing field so you know exactly what to add.
Yes. It surfaces canonical links, page titles, and descriptions with live character counts so you can keep SEO snippets within recommended limits while making sure social shares point to the preferred URL.
Absolutely. Because we fetch the rendered HTML, any framework that outputs meta tags server-side (or via SSR) is supported. It’s perfect for headless CMS, Shopify themes, and dynamic landing pages.
The crawler must reach the page publicly. Use a temporary staging domain, VPN allowlist, or tunneling service such as ngrok to expose non-production sites, then run the preview again.
Twitter falls back to OG tags, but adding twitter:card, twitter:title, and twitter:description ensures consistent previews across X, especially when you want summary vs summary large image cards.
Review OG markup any time you launch a new landing page, update messaging, change CMS templates, or see dropping social CTR. Quarterly audits keep branding consistent and avoid broken share cards.