Open Graph Preview / Debugger
Paste HTML source to preview how your page looks on social platforms and validate your meta tags.
What is Open Graph Preview?
Open Graph preview shows how your URL will appear when shared on social media platforms like Facebook, Twitter/X, LinkedIn, and Slack. It reads the og:title, og:description, og:image, and Twitter Card meta tags from your page and renders a preview of the social sharing card. This helps you optimize how your content looks before sharing.
Common Use Cases
- •Previewing social media cards before sharing content
- •Debugging missing or incorrect Open Graph tags
- •Comparing how a page appears on different platforms
- •Optimizing og:image dimensions for best display
- •Verifying Twitter Card configuration
Frequently Asked Questions
What image size should I use for Open Graph?
The recommended og:image size is 1200x630 pixels (1.91:1 ratio) for Facebook and LinkedIn. Twitter summary_large_image uses the same ratio. Keep important content in the center 800x418 area to avoid cropping on mobile.
Why isn't my image showing on social media?
Common causes: image URL is relative (must be absolute), image is too small (min 200x200px for Facebook), server blocks social media crawlers, or the platform has cached an old version. Use Facebook's Sharing Debugger or Twitter Card Validator to force a re-crawl.