Open Graph Preview
Preview how a page looks when shared on social platforms and generate OG meta tags.
Runs entirely in your browser — your input never leaves your deviceAbout this tool
Open Graph and Twitter Card meta tags control the title, description and image shown when your page is shared on social platforms and chat apps. Fill in your details and this tool renders a live preview of the share card and generates the exact meta tags to paste into your <head>.
For the sharpest cards, use an image around 1200×630px. Everything is previewed locally in your browser.
Why use it
Live share card
See how your page looks when shared before you publish.
OG + Twitter tags
Generates both Open Graph and Twitter Card meta tags.
Private
Preview and generation happen in your browser.
Common use cases
- Preview a social share card
- Generate OG meta tags for a page
- Add Twitter Card tags
- Debug why a link preview looks wrong
Frequently asked questions
What image size should I use?
1200×630px (a 1.91:1 ratio) is the recommended Open Graph image size and renders well across platforms with the large summary card.
Why isn't my image showing when I share?
Common causes are a non-absolute image URL, an image that's too small, or the platform caching an old version. Use each platform's debugger to re-scrape after updating.
Do I need both Open Graph and Twitter tags?
Open Graph covers most platforms (Facebook, LinkedIn, WhatsApp, Slack). Adding twitter:card tags gives you precise control on X. This tool generates both.
Is my data uploaded?
No. The preview and tag generation happen entirely in your browser.