Free Open Graph & social share preview tool
This free tool — built by a Singapore marketing agency — previews exactly how your page will look when shared on Facebook, LinkedIn, X (Twitter) and WhatsApp, and generates the Open Graph and Twitter Card meta tags you need. It runs entirely in your browser. Open Graph tags control the image, title and description that appear on the share card — get them wrong and your link shows a broken or blank preview that nobody clicks.
Open Graph image and text guidelines
- Image: 1200 × 630 pixels (1.91:1 ratio) is the safe size across all platforms. Keep important content away from the edges.
- og:title: aim for around 60 characters so it isn’t truncated.
- og:description: around 110 characters displays fully on most platforms.
- Always set og:image, og:title, og:description and og:url — these are the four that matter most.
- Twitter Card: add
twitter:card = summary_large_imagefor the big-image layout on X.
How to add and test your tags
- Fill in the fields and pick a platform tab to preview the share card.
- Click Copy meta tags and paste them into your page’s
<head>(or your SEO plugin’s social settings). - Validate with the Facebook Sharing Debugger and the LinkedIn Post Inspector — these also refresh each platform’s cache.
Social image size guide by platform
A single 1200×630 image works across every major platform, but here is what each actually displays:
- Facebook & LinkedIn: 1200×630 (1.91:1) — the standard large link card.
- X (Twitter): 1200×628 with
summary_large_image; falls back to a small square without it. - WhatsApp: uses your
og:imagebut shows a smaller thumbnail — keep the key element centred so it survives the crop. - Instagram & Pinterest: these don’t read Open Graph the same way (links are limited), but a strong 1200×630 asset still works if repurposed.
Keep important text and logos away from the outer edges, since different platforms crop slightly differently.
How to fix a broken or outdated social preview
Facebook, LinkedIn and others cache your Open Graph data the first time a link is shared, so updating your tags won’t change the preview until you force a re-scrape. Run the URL through the Facebook Sharing Debugger and the LinkedIn Post Inspector — both re-fetch the page and refresh the cached image and text immediately.
Do Open Graph tags affect SEO?
Not directly — Open Graph tags don’t change your Google rankings. But they drive the click-through and shareability of your links on social and messaging apps, which builds the traffic, brand signals and links that do support SEO over time. For a Singapore brand that markets on LinkedIn, Facebook and WhatsApp, a clean, compelling share card is a cheap, high-leverage win.
Why your preview and your live share can differ
What you see in a preview tool is your markup rendered faithfully; what appears in a real share depends on each platform’s cached copy of that markup. When the two disagree, the cause is almost always a stale scrape from before your last edit, an image blocked to logged-out crawlers, or tags injected by JavaScript that social bots never execute. Preview here first to confirm the tags are correct, then force a re-scrape through the platform’s own debugger so the live card matches.
Making one image do the heavy lifting
Most teams do not have the resources to art-direct a bespoke share image per platform, so design one 1200×630 asset that survives cropping: keep the logo and any text within a generous central safe zone, and avoid placing anything critical near the edges. Legible type at thumbnail size beats a busy hero shot every time. If social sharing is part of a wider brand refresh, our branding team can build templated share cards that stay on-brand across every channel.
Frequently asked questions
Why does my link show an old image when shared?
Facebook, LinkedIn and others cache Open Graph data. After updating your tags, run the URL through the Facebook Sharing Debugger and LinkedIn Post Inspector to force a re-scrape and refresh the preview.
Do I need separate Twitter tags?
X (Twitter) will fall back to your Open Graph tags, but adding twitter:card and the twitter: equivalents gives you precise control over the large-image layout. This tool generates both sets.
What size should my social share image be?
1200 × 630 pixels is the reliable standard across Facebook, LinkedIn and X. WhatsApp shows a smaller thumbnail but uses the same og:image.
What single image size works best across all platforms?
1200×630 pixels (1.91:1). It renders correctly on Facebook, LinkedIn and X, and WhatsApp will thumbnail the same file. Keep the focal point centred so no platform crops out the important part.
Why does LinkedIn keep showing the wrong image?
LinkedIn cached an older version of your Open Graph data. Paste the URL into the LinkedIn Post Inspector to force a re-scrape — it updates the cached preview right away.
Do I still need Open Graph tags if I use an SEO plugin?
Most SEO plugins can set Open Graph tags, but defaults are often generic or missing an image. Use this tool to craft and preview the exact title, description and image, then paste or configure them — and always confirm the preview looks right before a big share.
Does WhatsApp use Open Graph tags?
Yes. WhatsApp reads og:title, og:description and og:image to build its link preview, so the same tags that improve your Facebook and LinkedIn cards also control how your link looks when shared in a WhatsApp chat — a major channel in Singapore.
Should the Open Graph title match my SEO title tag?
Not necessarily. Your og:title can be punchier and more emotive than your SEO title, because it is competing for a click in a social feed rather than a search result. Keep it under roughly 60 characters so platforms don’t truncate it, and lead with the benefit or hook rather than the keyword.
Do Open Graph tags work for links shared in Slack or Discord?
Yes. Slack, Discord, Telegram, iMessage and most chat apps read the same Open Graph tags to build their link unfurls, so a single well-formed set covers them alongside the social networks. As with social platforms, these apps cache aggressively, so an updated image may take a while to appear until the cache expires.
