~/tools/og-tag-preview

Open Graph Tag Preview

See exactly how your link looks when shared on Twitter, LinkedIn, and Slack — and fix ugly, text-only previews before anyone clicks share.

§ what this tool checks

Rules applied to every scan.

When someone shares your link on Twitter, LinkedIn, or Slack, Open Graph tags control what shows up in the preview card. Without them, your link appears as a plain URL with no image, no title, and no description. This tool checks all OG and Twitter Card tags and shows you exactly what your link preview will look like.

og:title, og:description, og:image, og:url presence

og:type and og:site_name configuration

Twitter Card meta tags (twitter:card, twitter:title, twitter:description)

og:image dimensions and accessibility

Missing or duplicate Open Graph tags

Protocol and URL formatting in og:url

→ read the full guide

§ faq

Questions, answered.

What are Open Graph tags and why do they matter?

Open Graph (OG) tags are meta tags that control how your page appears when shared on social media platforms like Facebook, LinkedIn, Twitter, and Slack. They define the title, description, and image that appear in the link preview card. Without OG tags, platforms try to guess what to show — usually resulting in ugly, text-only previews that nobody clicks.

What is the ideal og:image size?

The recommended og:image size is 1200x630 pixels with a 1.91:1 aspect ratio. This works well across Facebook, Twitter, LinkedIn, and most other platforms. Keep the file size under 5MB and use JPG or PNG format. Make sure the most important content is centered, as some platforms crop the edges.

Do I need both Open Graph and Twitter Card tags?

Twitter will fall back to Open Graph tags if Twitter Card tags are missing, so technically you only need OG tags. However, adding Twitter Card tags (especially twitter:card for the card type) gives you more control over how your content appears on Twitter specifically. We recommend having both for the best results across all platforms.

Why does my link preview show the wrong image?

Platforms cache link previews aggressively. If you recently added or changed your og:image, the old preview may be cached. Use platform-specific debugging tools to force a refresh: Facebook Sharing Debugger, Twitter Card Validator, or LinkedIn Post Inspector. Also verify that your og:image URL is absolute (starts with https://) and the image is publicly accessible.

§ run the full audit

Stop guessing. Scan everything in one click.

60 automated checks across meta tags, robots.txt, Open Graph, sitemaps, headings, AI visibility, and more — free, no signup.

run a full scan →

§ other tools

Check another thing.

Single-purpose inspectors for when you need to verify one thing.

01Meta Tag CheckerCheck your page title, meta description, viewport, charset, and robots tags.02Robots.txt ValidatorValidate your robots.txt file for syntax errors and blocking rules.03AI Crawler CheckerTest if ChatGPT, Claude, and Perplexity can actually read your page — not just whether your robots.txt says they can.04Sitemap ValidatorValidate your sitemap.xml file format and URL count.05Heading Structure CheckerAnalyze your H1-H6 heading hierarchy for SEO best practices.