Social OpenGraph

OpenGraph Debug Tool

Preview and debug your OpenGraph tags. See how your content will appear when shared on Facebook, LinkedIn, Twitter, and other social platforms.

Advertisement

Recommended size: 1200×630px for best quality across platforms

Image Preview
Your title will appear here
example.com

Generated Meta Tags

Frequently Asked Questions

What are Open Graph tags?

Open Graph (OG) tags are meta tags in your HTML <head> that control how your page appears when shared on social platforms like Facebook, LinkedIn, and Slack. They define the preview title, description, image, and URL. Without them, platforms guess — often badly.

Why doesn't my link preview show the right image?

Most platforms cache OG data for days or weeks. After updating your OG tags, use the platform's debugger to force a cache refresh: Facebook has the Sharing Debugger, LinkedIn has the Post Inspector. Our tool fetches live tags so you can verify the source is correct.

What is the recommended Open Graph image size?

Use 1200×630 px for the og:image. This displays well on Facebook, LinkedIn, and Slack. Use PNG for graphics/logos, JPG for photos. Keep the file under 1 MB. The image must be accessible via HTTPS.

Do Open Graph tags affect SEO?

og:title and og:description do not directly influence Google's ranking algorithm. However, compelling social previews increase click-through rates from social shares, which drives traffic. Twitter uses its own twitter:card tags, though it falls back to OG tags if Twitter tags are absent.

Which Open Graph tags are required?

The four essential tags are: og:title, og:description, og:image, and og:url. Also add og:type (usually 'website' or 'article'). For Twitter/X previews, add twitter:card set to 'summary_large_image'.