Free SEO extension πŸ”₯

Open Graph preview

See how a shared link will look on social platforms, and copy the Open Graph tags.

Works with
  • Facebook
  • LinkedIn
  • X (Twitter)
  • WhatsApp

The preview also updates automatically as you type β€” the button just forces an immediate refresh.

Facebook / LinkedIn
No image set
β€”
β€”
β€”
β€”
X (Twitter) card
No image set
β€”
β€”
β€”

What are Open Graph tags?

Open Graph tags are meta tags that control how a link looks when it is shared on social media and messaging apps. The main ones are og:title, og:description, og:image and og:url. Facebook, LinkedIn, WhatsApp, Slack and many other platforms read them to build the preview card with a headline, short summary and image.

Without these tags, platforms guess. They may pick a logo, a random image from the page or no image at all, and they may show the wrong text. A good preview card with a clear image gets noticeably more attention in busy feeds. X (formerly Twitter) uses its own twitter: tags but falls back to Open Graph when they are missing.

Platforms also cache previews. After changing your tags, you often need to ask the platform to fetch the page again before the new image appears.

Why use the Open Graph Preview?

When a link is shared on social networks or in chat apps, Open Graph tags decide the title, description and image people see. A missing or badly sized image can halve the attention a shared link gets.

How to use it

  1. Enter the title, description, image URL and page URL.
  2. Check the previews for each platform.
  3. Copy the generated og: and twitter: tags into your page's <head>.

Tips for better results

  • Use a 1200Γ—630 px image for the best result on most platforms.
  • Keep key text in the centre of the image; some platforms crop the edges.
  • After updating tags, use each platform's debugger to refresh its cached preview.

Step by step, with screenshots

  1. 1Enter your page details and image β€” see the share previews and copy the tags.
    Step 1: Enter your page details and image β€” see the share previews and copy the tags.

Features of the Open Graph Preview

  • Previews for social platforms. See how the card is likely to look when shared.
  • Generated tags. Copy ready-made og: and twitter: tags for your page.
  • Image check. Preview the image you plan to use before publishing.
  • Runs in your browser. Your image and text are not uploaded.

Who is it for?

  • Bloggers: make every shared post look professional.
  • Online stores: show product photos when links are shared.
  • Marketers: test share images before a campaign.
  • Developers: add correct social tags to templates.

Understanding your results

Use a large image β€” 1200 by 630 pixels works well across platforms β€” with important content away from the edges, since some apps crop it. Keep the title short and the description to a sentence or two.

After adding the tags, share the page privately or use the platform's own debugging tool to refresh its cached preview.

Example: social shares showing the wrong image

An events company in Nairobi noticed that links to its event pages shared on WhatsApp and LinkedIn showed its small logo instead of the event photo.

In the Open Graph Preview tool the team entered each event's title, description and a 1200 Γ— 630 pixel photo, checked the previews, and copied the generated og: and twitter: tags into the event page template. After asking LinkedIn to refresh its cached preview, shared links displayed the full event photo, and clicks from shared posts rose noticeably.

Common mistakes to avoid

  • Using a small logo as the share image.
  • Using relative image paths instead of full https:// addresses.
  • Having two different og:image tags from a theme and a plugin.
  • Forgetting that platforms cache old previews.

Frequently asked questions

Why does Facebook still show the old image?

Platforms cache previews. Re-scrape the URL in Facebook's Sharing Debugger to refresh it.

Do Open Graph tags help SEO?

Not as a ranking factor, but better-looking shares earn more clicks and visibility.

Is my image uploaded?

No. Your browser loads it directly from the URL to show the preview.

What image size should I use?

A 1200 Γ— 630 pixel image works well for most platforms. Keep important text and faces away from the edges, which some apps crop.

Do I need Twitter card tags too?

X falls back to Open Graph tags, but adding twitter:card set to summary_large_image ensures the large image layout.

Why does WhatsApp show no preview?

WhatsApp needs a public, quickly loading image and valid og: tags. Very large image files can also fail.

Is my data private?

Yes. Open Graph Preview runs entirely in your browser β€” nothing you type or paste is sent to or stored by SeoSpidie.

Is it free?

Yes. The Open Graph Preview is free to use with no sign-up. SeoSpidie is supported by advertising.

From the blog
How to Validate GTIN, EAN and UPC Barcodes in Bulk
Check every barcode in your catalogue at once, understand why numbers fail and fix them before your feed is rejected.
How to Write SEO-Friendly URL Slugs (With Examples)
Rules and examples for clean, readable URL slugs, and why changing existing URLs needs care.
What Is a GTIN and How to Check If a Barcode Is Valid
GTINs, EANs and UPCs explained, how the check digit catches errors, and when online sellers need a real barcode.
How to Compare Your Website SEO With a Competitor, Side by Side
Run a free side-by-side SEO comparison with up to three competitors and turn the gaps into clear tasks.
How to Find Google Product Category IDs for Your Feed
Search Google’s product taxonomy, choose the most specific match and add the ID to your feed in a few minutes.
How to Do a Competitor SEO Analysis for Free, Step by Step
Identify who you really compete with in search, compare the right things and turn what you learn into a plan.
How to Choose the Right Google Product Category for Your Products
How Google’s product taxonomy works, when to set the category yourself and how to pick the most accurate one.
How to Check If Image URLs Are Working in Bulk
Test a whole list of image URLs at once and find the broken ones before customers or Merchant Center do.
How to Validate a Product Feed Before Uploading to Merchant Center
Catch missing attributes and format errors in your product feed with a free validator before Google disapproves anything.
How to Fix Common Google Merchant Center Feed Errors
The Merchant Center errors that disapprove the most products, what causes each one and how to fix it for good.