Open Graph Preview and Tag Generator
See how your link will look when shared on social platforms, and generate the exact Open Graph and Twitter Card tags that make it happen. Preview before you publish, not after.
How to use the Open Graph Preview Generator
- Enter your page title, description, and image URL.
- The shared-link preview renders as it would on social feeds.
- Copy the generated meta tags into your page head.
- Re-check the preview after deploying to confirm platforms cache the right version.
When the Open Graph Preview Generator is useful
- Optimizing article share cards for Twitter/X, Facebook, and LinkedIn.
- Auditing why a shared link shows the wrong image or title.
- Preparing campaign landing pages for social distribution.
- Learning the Open Graph vocabulary by generating correct tags.
How the Open Graph Preview Generator works
Open Graph tags, og:title, og:description, og:image, and friends, tell platforms how to construct the link card, while Twitter Card tags serve the same role for Twitter/X. The generator emits both sets with your values, and the preview approximates how a feed renders the combination so mismatched image sizes or truncated titles are caught early. Everything renders locally in the browser.
Limits to keep in mind
Platforms cache share data aggressively and apply their own cropping rules; exact appearance varies, and previews here are a close approximation.
Frequently asked questions
Why does my share show an old image?
Platforms cache card data; use each platform's debugging tool to refresh after updating your tags.
What image size works best?
1200 by 630 pixels is the conventional target that renders well across platforms.
Do I need both OG and Twitter tags?
Twitter falls back to Open Graph, but its own tags give you explicit control on that platform.
Last reviewed: October 2026.