Open Graph Debugger: Preview Social Metadata

When a link looks wrong on social media, the usual culprit is Open Graph metadata. An Open Graph debugger fetches a page and lists its OG tags so you can verify titles, descriptions, and images before sharing.

This guide explains how OG tags work and what to check.

Key Open Graph tags

• og:title for the share headline
• og:description for the snippet
• og:image for the preview image
• og:url for the canonical share URL

Fast workflow

1. Enter the page URL.
2. Fetch OG tags.
3. Review values and image sizes.
4. Fix metadata in your page template.

Common mistakes

• Missing og:image or using a low resolution image
• Titles longer than the share preview
• OG tags pointing to staging URLs

Best practices

• Use 1200x630 images for standard OG previews.
• Keep titles under 60 characters for clarity.
• Align og:url with canonical URL.

Checklist

• og:title is clear and short
• og:description matches the page intent
• og:image is high resolution and accessible
• og:url is correct

FAQ

Why do I see a CORS error? Some sites block browser fetches. The tags still exist, but you may need to verify in your server logs or with a server side tool.

Do I need Twitter tags too? Yes, Twitter has its own meta tags. Many sites set both.

How often do social platforms refresh previews? It varies. Some platforms cache previews for hours or days.

Try the tool