Open Graph Dashboard

Preview and optimize your Open Graph images for better social sharing

Open Graph Previewer
Live Preview
Enter a URL to see how it appears when shared

Enter a URL to preview Open Graph data

How to Use
1

Enter a URL

Paste a complete URL (with http:// or https://) into the input field

2

Click Preview

The system will fetch and display the Open Graph data

3

Analyze Results

Review the title, description, image, and other metadata

Tips for Fixing OG Images

Optimal Dimensions

Use 1200×630 pixels for best display across platforms. Minimum size should be 600×315 pixels.

File Format

Use WebP for better compression or fallback to JPEG/PNG. Keep file size under 1MB.

Dynamic Generation

Use Next.js API routes or @vercel/og to generate dynamic OG images based on content.

Design Tips

Include your logo, use readable text, and maintain a 40% text to 60% image ratio.