— tool guide

Open Graph Preview

Preview how your web page appears when shared on Facebook, Twitter, LinkedIn, WhatsApp, Slack, and Google Search. Real-time mockups for all six platforms.

Open Open Graph Preview → free, no sign-in

— try it live open full screen ↗

— what it is

Open Graph tags control how your page looks when shared on social media — the title, description, and image that appear in the preview card. Getting them right matters for click-through rates, but you can't easily see what they'll look like without actually sharing the URL. Open Graph Preview generates real-time mockups for Facebook, Twitter, LinkedIn, WhatsApp, Slack, and Google Search — so you can check before you publish.

Content marketers optimising shared links, developers implementing Open Graph tags, website owners checking why their links look wrong when shared — anyone who needs to verify social preview appearance before publishing.

— key features

✓Real-time mockups for 6 platforms
✓Facebook, Twitter, LinkedIn, WhatsApp, Slack, Google
✓Image, title, and description inputs
✓Platform-specific dimension guides
✓Runs locally

— who it is for

→social sharing optimisation
→OG tag testing
→link preview verification
→social media marketing

— how to use it

01 Open the Open Graph Preview tool on Doathingy.com

02 Enter your page title, description, image URL, and site URL

03 See how it will appear on all six platforms simultaneously

04 Adjust until the preview looks right

No tutorials. No learning curve. Open it and get started.

— why it stands out

No server uploads. Shows previews for six different platforms simultaneously — each has slightly different dimensions and rendering rules.

Completely free. No trial period. No premium tier for basic functionality. No account required. Use it as often as you need.

One job, done well. Open Graph Preview was built to solve a specific problem cleanly. No feature bloat, no ads, no distractions.

— at a glance

✓Free — no hidden costs, no premium tier
✓No sign-in or account required
✓Runs entirely in your browser — no server uploads
✓Works on desktop and mobile
✓Instant results — no processing delays

— frequently asked questions

How do I implement Open Graph tags?

Add , , and to your HTML .

Why does my link look different on different platforms?

Each platform has slightly different dimensions and rendering rules — this preview shows the differences.

What image size works for all platforms?

1200×630px is the recommended size that works well across most platforms.

Does Twitter use Open Graph tags?

Twitter has its own Twitter Card tags but falls back to OG tags for title and description if no Twitter tags are present.

How long does it take for social platforms to update link previews?

Facebook and LinkedIn cache previews — use their debugging tools to force a refresh after updating your tags.

— ready to use it?

Free. Instant. No sign-in. Open it and get the job done.

Open Open Graph Preview on Doathingy.com →

Browse all free tools →