Open Graph Preview

Preview how your pages look when shared on social media with OG tags

What is it and how does it work?

Open Graph meta tags control how your pages look when shared on social media platforms like Facebook, LinkedIn, Twitter/X, WhatsApp, and Slack. Without them, platforms guess the title, description, and image from your page content — often producing ugly, cropped, or irrelevant previews. With correctly set og:title, og:description, og:image, and og:url tags, you control exactly what your audience sees in their feed before they decide to click.

This tool renders a live preview of how your page will appear as a social share card. Paste your page URL (the tool fetches and parses the meta tags) or enter the tag values manually. You can switch between platform templates to see the different layouts — Twitter's summary card, Facebook's link preview, LinkedIn's compact card, and WhatsApp's thumbnail — since each platform has different image aspect ratios, character limits, and fallback behaviours.

Common use cases

• Blog post launch: before publishing, paste the URL into the tool and verify the og:image appears correctly cropped and the title isn't truncated on mobile.
• A/B testing: compare two versions of og:title and og:description copy to choose which is more compelling as a social preview before deploying.
• Debugging sharing issues: a page looks wrong when shared on LinkedIn — use the tool to see exactly which tag LinkedIn is reading and identify the misconfigured or missing tag.

Frequently asked questions

What are the recommended og:image dimensions?

The widely recommended size is 1200 × 630 px (roughly 1.91:1 aspect ratio). Facebook, LinkedIn and Twitter all display this well. Smaller images may be displayed as thumbnails rather than full-width cards. Always use HTTPS for the image URL.

What is twitter:card and how does it differ from Open Graph?

Twitter (now X) uses its own meta tag set (twitter:card, twitter:title, twitter:description, twitter:image) alongside Open Graph. For twitter:card, the value "summary_large_image" gives a full-width image card. If Twitter tags are absent, it falls back to the og: equivalents.

Why does my og:image not update after I changed it?

Social platforms aggressively cache share previews. Facebook has the Sharing Debugger to force a cache refresh; LinkedIn has the Post Inspector tool. Twitter's cache expires faster (usually within hours). Simply changing the image URL (add a query string) forces platforms to fetch the new version.

Do Open Graph tags help SEO?

OG tags do not directly affect search ranking — they're for social sharing, not indexing. However, better social previews increase click-through rates and social sharing, which can indirectly drive more traffic and backlinks, which do help SEO.

Developer

UUID Generator · Timestamp Converter · Base64 Encoder · Base64 Decoder · Hash Generator · Color Converter