Open Graph Preview
See how your link looks on Facebook, Twitter & LinkedIn
Preview
Enter Your Open Graph Details
Fill in these fields to see live previews of how your link will appear when shared on social media. All previews update instantly as you type.
Facebook / LinkedIn Preview
Twitter / X Preview
Frequently Asked Questions
What are Open Graph tags?
Open Graph meta tags control how your page appears when shared on Facebook, Twitter, LinkedIn, Slack, and other platforms. They define the title, description, image, and URL shown in the share card.
What is the ideal OG image size?
1200 × 630 pixels is the standard that works across all platforms. Images smaller than 600 × 315 may not show as a large card on Facebook. Always use high-quality images for best results.
Why doesn't my image show in the preview?
The image URL must be a direct link to an image file (ending in .png, .jpg, etc.) that's publicly accessible. Some servers block hotlinking. If your image doesn't load here, it may also fail when shared on social media.
How do I add OG tags to my page?
Add meta tags in your HTML <head> section. Click "Generate OG Meta Tags" below the preview to get copy-paste ready code. The essential tags are og:title, og:description, og:image, and og:url.
Open Graph Preview Tool
Preview how your social media share cards look on Facebook, Twitter, and LinkedIn before publishing. Enter your OG title, description, image URL, and site URL to see live mockups of both card formats. Click the button to generate copy-paste ready meta tag code.