Skip to content
GivenTool

Preview Open Graph link cards

Paste a page's tags and see how the link may look on Facebook, X, LinkedIn and WhatsApp.

Loading tool…

When a link is shared, the app reads Open Graph tags (og:title, og:description, og:image, og:url) and X card tags from the page and builds a preview card. Missing or broken tags are why a link shows up with no picture, the wrong title or a random sentence from the footer. This tool shows approximate cards for Facebook, X, LinkedIn and WhatsApp from the tags you give it, and lists what is missing or wrong.

An important limit, stated plainly: this page cannot fetch a URL for you. Browsers do not let one website read another website's pages (the CORS rule), and fetching through a server would mean sending your URL to us, which this site avoids. Instead, open your page, view its source (Ctrl+U, or Cmd+Option+U on a Mac), copy it and paste it here; the relevant tags are extracted from the <head>. You can also type the values directly to try out wording before you publish.

The og:image is not downloaded either, for the same reasons, so the cards show a placeholder unless you choose the image file from your computer. Doing that also checks its size: images smaller than 600 × 315 pixels are shown as small thumbnails by Facebook and others, and shapes far from 1.91:1 get cropped. The checks cover relative image URLs (which do not work), http images, a missing twitter:card, and titles and descriptions long enough to be cut. Apps change their layouts and cache previews, so after fixing tags, refresh the cache with each platform's own debugger.

How to use it

  1. Open your page, view its source, copy it and paste it into the box (or choose "Fill in fields").
  2. Optionally choose your share image from your computer to see it in the cards and check its size.
  3. Compare the Facebook, X, LinkedIn and WhatsApp previews.
  4. Fix the problems listed under Checks, then re-share or refresh the platform cache.

Frequently asked questions

Why can't I just enter my URL?

Browsers block websites from reading other websites (CORS), and we do not run a server that fetches pages for you, which would also mean seeing every URL you check. Pasting the source keeps everything in your browser.

Why does my link still show the old preview?

Platforms cache link previews, sometimes for days. Use Facebook's Sharing Debugger or LinkedIn's Post Inspector to force a refresh after changing tags.

Which tags matter most?

og:title, og:description, og:image (an absolute https URL, ideally 1200 × 630 px), og:url and twitter:card set to summary_large_image.

Are the previews exact?

No. They follow each platform's documented fallbacks and typical layout, but the apps change their designs often and crop images differently on phones and desktops.

Does X need its own title and description tags?

Not usually. X falls back to og:title, og:description and og:image; it does need twitter:card to show a large image card.

Related tools