Open Graph Preview
See how your content will look when shared on social media. Enter your Open Graph meta tags and get a live preview — everything runs in your browser.
1. Enter Open Graph information
0 / 95
0 / 200
Image
Upload an image
Recommended size: 1200 × 630px (1.91:1)
JPG, PNG, WEBP up to 5MB
Type (og:type)
Locale (og:locale)
These values are used to generate Open Graph meta tags. See the HTML section below for the code.
2. Live Preview
Facebook Preview
Your Website
Just now
This is how your content will look when shared on Facebook.
www.yourwebsite.com
Your Page Title Will Appear Here
Your meta description will appear here and give a summary of your content.
Like Comment Share
3. Generated HTML (Open Graph Meta Tags)
<meta property="og:title" content="Your Page Title Will Appear Here" />
<meta property="og:description" content="This is your meta description that will appear in the preview when shared." />
<meta property="og:url" content="https://www.yourwebsite.com/" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="en_US" />
<meta name="twitter:card" content="summary_large_image" />Tips for Best Results
- Use a clear, high-quality image (1200×630px recommended)
- Write a concise and compelling title
- Keep description under 200 characters
- Make sure your content is publicly accessible
- Test your link by sharing it on social platforms