Skip to content

Open Graph tester: see your link preview on every platform before you share it

This Open Graph tester draws the card your page gets on Facebook, LinkedIn, X, Slack and WhatsApp, each from the tags that app reads, and names the tag or image to fix. A free social preview checker.

  • Free, no account
  • Results in under a minute
  • Facebook, LinkedIn, X, Slack, WhatsApp

Example result:example-shop.hr

WordPress 6.8

Sample shop · homepage · mobile Chrome · the same check you get for your own site

Run it on your site
Social preview checker
9 passed · 0 failed · 1 warning · 1 to note. Biggest issue: Open Graph image is 800×420 — below 1200×630.

Preview cards

close likenesses: each app changes its layout now and then
  • Facebook and LinkedInlarge card
    Image not shown here: it is served over http, which this page does not load.example-shop.hr/assets/img-800x420.png
    example-shop.hrExample ShopObuća, odjeća i dodaci po najboljim cijenama.
    • LinkedIn wants at least 1200 by 627 px for the large card; at 800 by 420 px it may show a small thumbnail.

    Built from og:title, og:description, og:image.

  • Xlarge card
    Image not shown here: it is served over http, which this page does not load.example-shop.hr/assets/img-800x420.png
    Example Shop

    From example-shop.hr

    • No twitter:image: X falls back to og:image.
    • No twitter:title: X uses og:title.
    • The large card shows the title over the image; the description is not shown.

    Built from og:title, og:image.

  • Slack and Discordlarge card
    Image not shown here: it is served over http, which this page does not load.example-shop.hr/assets/img-800x420.png
    example-shop.hrExample ShopObuća, odjeća i dodaci po najboljim cijenama.
    • No og:site_name: the first line of the unfurl shows the domain instead.

    Built from og:title, og:description, og:image.

  • WhatsAppsmall card
    Image not shown here: it is served over http, which this page does not load.
    example-shop.hrExample ShopObuća, odjeća i dodaci po najboljim cijenama.
    • Wide images are cropped to a square thumbnail: keep the subject in the middle.

    Built from og:title, og:description, og:image.

800 × 420 pxSmaller than 1200 × 630 px, so some apps show a small thumbnail instead of the large card.

Search result preview

approximate: Google may rewrite the title or snippet
example-shop.hrexample-shop.hr

Example Shop – Example Shop

Example Shop je vaša online trgovina za sve što vam treba: obuću, odjeću, dodatke i još mnogo toga po najboljim cijenama u Hrvatskoj, s brzom dostavom i jednostavnim povratom robe u roku od 30 dana.

Title 27 characters · description 198 characters. Text cut off here is likely cut off in Google too.

Tags the cards are built from

The Open Graph and X (Twitter) tags on the page
og:titleExample Shop
og:descriptionObuća, odjeća i dodaci po najboljim cijenama.
og:imagehttp://example-shop.hr/assets/img-800x420.png
og:image:altnot set (optional)
og:urlhttp://example-shop.hr/
og:typewebsite
og:site_namenot set (optional)
og:localenot set (optional)
twitter:cardsummary_large_image
twitter:sitenot set (optional)
rel=iconnot set (optional)

What we found

0 failed1 warning1 to note9 passed
Show 9 passed checks

Fix these first

From the example above. Check your own site to get the fixes that apply to it.

  1. Warning: Open Graph image is 800×420 — below 1200×630

    Facebook and LinkedIn crop or shrink images smaller than 1200×630 px, so your preview looks blurry or cut off.

    How to fix it: Export the share image at 1200×630 px (1.91:1) under 1 MB.

What the Open Graph tester checks

The Open Graph and Twitter card tags, plus the share image, fetched and measured; then one card per platform.

  • Open Graph title

    Checks the headline shown when your link is shared on Facebook, LinkedIn, Slack or WhatsApp.

  • Open Graph description

    Checks the short text under the headline of a shared link, so the card says what the page offers.

  • Open Graph image

    Checks for a share image, so links posted on social apps show a picture instead of plain text.

  • Open Graph image size

    Checks the share image is at least 1200×630 px, so previews are not blurry or cropped.

  • Open Graph image reachable

    Checks social apps can actually download your share image from an absolute https address.

  • og:url and canonical URL match

    Checks og:url matches the canonical URL, so share counts are not split between two addresses.

  • Open Graph type

    Checks og:type says whether the page is a website, article or product, which shapes the card layout.

  • Twitter card type

    Checks for a valid twitter:card type, without which X shows a shared link as plain text.

  • Image for X (Twitter) cards

    Checks X has an image to show, from twitter:image or og:image, so the card is not text only.

  • Facebook App ID

    Optional tag that links the page to a Facebook app so you can see share statistics.

  • Preview cards

    Draws the cards Facebook, LinkedIn, X, Slack and WhatsApp build from your tags, before you share.

Show 7 more checks

  • Open Graph image reachable

    Checks social apps can actually download your share image from an absolute https address.

  • og:url and canonical URL match

    Checks og:url matches the canonical URL, so share counts are not split between two addresses.

  • Open Graph type

    Checks og:type says whether the page is a website, article or product, which shapes the card layout.

  • Twitter card type

    Checks for a valid twitter:card type, without which X shows a shared link as plain text.

  • Image for X (Twitter) cards

    Checks X has an image to show, from twitter:image or og:image, so the card is not text only.

  • Facebook App ID

    Optional tag that links the page to a Facebook app so you can see share statistics.

  • Preview cards

    Draws the cards Facebook, LinkedIn, X, Slack and WhatsApp build from your tags, before you share.

How the Open Graph tester works

  1. Read the tags

    We read the Open Graph title, description, image, og:url, og:type, og:site_name, the Twitter card type and image, the site icon and the Facebook App ID.

  2. Measure the image

    The share image is fetched and measured, not guessed from the tag, and compared with the recommended 1200×630 pixels and each platform's own limits.

  3. Draw each card

    Facebook and LinkedIn, X, Slack and Discord, and WhatsApp each get their own card, built with that app's fallbacks: X reads twitter: tags first, Slack shows the site name and icon, WhatsApp crops to a square.

We read the tags as they are now. Facebook, LinkedIn and others cache previews, so an old card can show until you ask them to scrape again.

Open Graph and link preview questions

Which apps does the link preview show?

Facebook, LinkedIn, X, Slack and WhatsApp, each drawn from the tags that app reads: Open Graph for most, and on X the Twitter card tags first, falling back to Open Graph. The share image is fetched and measured, so you see whether it is missing, too small or likely to be cropped. The apps change their layouts now and then, so treat the cards as close likenesses.

Can I preview a page before it is published?

Only if it is reachable on the public internet: the tester fetches the URL from our server, as the apps do, so a page on localhost, behind a login or on a password-protected staging site cannot be read. Many CMSs offer a shareable preview link for drafts; otherwise publish the page at an unlinked address, preview it, then move it. To check tags before they exist, write them in the Open Graph generator, which draws the same cards from what you type.

Does the tester check Twitter card tags?

Yes. It reads the twitter:card type, twitter:title, twitter:description, twitter:image and twitter:site next to the Open Graph tags, and the X card shows which ones X would use. X falls back to og: tags when a Twitter tag is missing, so if your Open Graph tags are complete you only need twitter:card, set to summary_large_image for the large image card.

Is this an alternative to the Twitter card validator?

Yes. X removed the preview from its Card Validator in 2022, so there is no official way left to see a card before posting. This tester reads your twitter:card type and image along with the Open Graph tags X falls back to, and draws the card X would show: the large image with the title over it, the small square thumbnail, or a plain link when twitter:card is missing.

Facebook still shows the old preview. Why?

Facebook caches previews, often for days. After fixing the tags, paste the URL into Facebook's Sharing Debugger and click Scrape Again; LinkedIn's Post Inspector does the same for LinkedIn. Slack and WhatsApp refresh on their own schedule. This tester always reads the tags as they are now, so use it to confirm the fix before you ask the platforms to fetch the page again.

Is this Open Graph tester free?

Yes, with no sign-up. getReport is funded by donations, not plans, and the complete report with all seven modules is one click away, also free. It stays at its shareable link for 12 months, is not listed publicly and carries a noindex tag, and nothing about your visitors is collected.

Related free tools

All 59 tools →

Free, funded by the people who use it

No account, no paid plan. Donations keep it running.

Chip in