OG Image Preview
Preview how your URL appears when shared on social media.Check Open Graph tags for Facebook, Twitter/X, and LinkedIn.
Related Image Tools
- Image Resizer — Resize images to OG image dimensions (1200x630)
- Image Compressor — Optimize OG images for faster page loads
- Image Format Converter — Convert images between PNG, JPG, and WebP
- Color Contrast Checker — Ensure readable text on your OG images
Need to Generate OG Images Automatically?
Templated's API lets you generate dynamic OG images for every page on your site.
Our Image Generation API lets you create custom OG images dynamically for every page.
Create and customize from our 100+ templates gallery to match your brand and specific needs.
Integrations
Seamlessly integrate with your favorite tools
Automate Your OG Image Generation Today
Generate unique OG images for every page with our API
OG Image Preview FAQs
Common questions about Open Graph tags and social media previews
What are Open Graph (OG) tags?
Open Graph tags are HTML meta tags that control how your content appears when shared on social media platforms like Facebook, Twitter/X, and LinkedIn. They define the title, description, and image that display in share previews, helping you control your content's first impression.
Why are OG tags important for my website?
OG tags directly impact click-through rates from social media. Posts with compelling images and descriptions get significantly more engagement. Without OG tags, social platforms will try to guess what to display, often with poor results — cropped images, missing descriptions, or irrelevant titles.
What is the ideal OG image size?
The recommended OG image size is 1200x630 pixels (1.91:1 aspect ratio). This works optimally across Facebook, Twitter, and LinkedIn. Minimum recommended size is 600x315px. Images smaller than 200x200px may not display at all on some platforms.
What is a Twitter Card?
Twitter Cards are Twitter's equivalent of OG tags. The most common types are "summary" (small square image with text) and "summary_large_image" (large image above text). Twitter will fall back to OG tags if no twitter: tags are specified, but it's best practice to include both.
How do I add OG tags to my website?
Add OG meta tags in the
section of your HTML. Example:,,. Most CMS platforms (WordPress, Shopify, etc.) have plugins to manage these.Why isn't my OG image showing on Facebook?
Common reasons include: the image URL is not accessible, the image is too small (under 200x200px), there's a caching issue (use Facebook's Sharing Debugger to clear cache), or the og:image tag uses a relative URL instead of an absolute URL. Always use full https:// URLs for og:image.
How do I clear the OG image cache on social media?
Each platform has its own cache: For Facebook, use the Sharing Debugger (developers.facebook.com/tools/debug). For Twitter, use the Card Validator (cards-dev.twitter.com/validator). For LinkedIn, use the Post Inspector (linkedin.com/post-inspector). These tools will re-scrape your page and update the cached preview.
Do OG tags affect SEO?
OG tags don't directly affect Google search rankings, but they significantly impact social media engagement. More clicks and shares from social media can indirectly boost SEO through increased traffic, brand awareness, and potential backlinks. Google also uses some meta descriptions in search results.
What is the difference between og:image and twitter:image?
og:image is the standard Open Graph tag used by Facebook, LinkedIn, and most platforms. twitter:image is Twitter-specific. If twitter:image is not set, Twitter will fall back to og:image. It's best practice to set both, especially if you want different images on different platforms.
Can I use different OG images for different platforms?
Yes! Use og:image for Facebook/LinkedIn and twitter:image for Twitter/X. This lets you optimize image sizes and content for each platform's display format. Facebook prefers 1200x630, while Twitter summary_large_image works best at 1200x628.
How do I generate OG images automatically?
For dynamic pages (blog posts, product pages), you can use an image generation API like Templated to automatically create unique OG images. Design a template once, then generate customized images for each page by passing dynamic data like titles and descriptions via API.
Is this OG preview tool free?
Yes, completely free with no limits. Enter any URL and instantly see how it will appear when shared on Facebook, Twitter/X, and LinkedIn. The tool also highlights missing or problematic tags to help you optimize your social media previews.
What tags are required for a good social media preview?
At minimum, you need: og:title, og:description, og:image, and og:url. For Twitter, also add twitter:card (usually "summary_large_image"). Recommended extras include og:site_name, og:type, twitter:site, and twitter:creator for attribution.
Why does my LinkedIn preview look different from Facebook?
LinkedIn and Facebook have slightly different rendering engines and image cropping rules. LinkedIn tends to crop images more aggressively and has different text truncation limits. Test your OG images on both platforms and keep important content in the center of the image.
What our customers say
People love how great our product works and how we're always there to help
"Great customer service. Templated is a great tool and easy to work with, and their API just makes sense. It's fast, and great for automating visuals. What really stands out is their customer service quick replies, actually helpful, and clearly invested in their users. Smart product, built right."
"Life-saving and incredibly intuitive! This app is absolutely phenomenal! It literally saved my life and my automations on MAKE. The idea behind it is brilliant, and the execution is flawless. It's extremely intuitive, making it super easy to work with, even for those who aren't tech experts. The user-friendly interface and seamless functionality make automation effortless. I highly recommend it to anyone looking for a reliable and efficient solution!"
