See how your page looks when shared on Twitter, LinkedIn, Slack, and Discord.
Open Graph (OG) is a protocol created by Facebook that controls how URLs appear when shared on social media, messaging apps, and collaboration tools. When someone shares a link on Twitter, LinkedIn, Slack, or Discord, those platforms scrape the page's <meta> tags to build a rich preview card with a title, description, and image.
The four essential OG tags are og:title, og:description, og:image, and og:url. The image is by far the most impactful — posts with images get 2-3× more engagement than text-only links. The recommended image size is 1200×630 pixels for a full-width card, or 600×600 for square thumbnails.
Twitter/X also supports its own twitter:card tags which override OG for Twitter-specific displays. Setting twitter:card to summary_large_image gives you the full-width image card instead of a small thumbnail. This tool lets you preview exactly how your page will appear on each platform before you publish — so you can optimize the title, description, and image for maximum click-through.
This tool in other languages:
Français:
Prévisualiseur Open Graph
Español:
Previsualizador Open Graph
Deutsch:
Open-Graph-Vorschau
Português:
Previsualizador Open Graph
日本語:
OGPプレビューツール
中文:
Open Graph 预览工具
한국어:
Open Graph 미리보기
العربية:
معاينة Open Graph
Fill in your page title, description, URL, and OG image URL. The tool renders how your link will appear when shared on Twitter/X, LinkedIn, Slack, and Discord — each platform has different crop ratios and layout, all shown side by side.
An OG image is the picture that appears when your page is shared on social media. The standard is 1200×630 pixels (1.91:1 ratio). Keep critical content away from edges — some platforms crop to 1:1 (square) for thumbnails. Under 5MB file size.
Common causes: (1) Cached preview — social platforms cache OG data. Use Facebook's Sharing Debugger, Twitter's Card Validator, or LinkedIn's Post Inspector to force a re-scrape. (2) Missing absolute URL — OG images must be full URLs (https://example.com/og.jpg), not relative paths. (3) Image too small — under 600px wide often fails.
og:image is the Open Graph standard — used by Facebook, LinkedIn, Slack, Discord, and most others. twitter:image is Twitter-specific and overrides og:image on Twitter/X. If you want a different image on Twitter (say, because their crop is different), set both.
Twitter falls back to Open Graph tags if no Twitter-specific tags are set, which works for most cases. For the richest experience (summary_large_image cards, creator attribution), add twitter:card, twitter:site, and twitter:creator tags. The Meta Tag Generator builds all of these.