Open Graph Preview – Free Online Tool

See how your page will look when shared on Facebook, Twitter, LinkedIn, and more.

How to Preview Your Open Graph Card

  1. Enter your metadata: Type the og:title, og:description, page URL and image URL you plan to use.
  2. Click Preview: The Facebook and X style cards update to show how the link will appear.
  3. Check the image loads: If the preview says the image failed, the URL is wrong, relative, or blocked to outside visitors.
  4. Adjust and re-check: Shorten anything that gets cut off, then apply the final values to your page.

Why Use This Tool?

  • See it before you post: Catch a missing image or truncated headline before a link goes out to an audience.
  • Two layouts at once: Facebook and X render cards differently; both are shown side by side.
  • No crawler cache to fight: Preview values instantly instead of publishing and waiting for a scraper to re-fetch.
  • Nothing stored: The preview is rendered in your browser from what you type.

Common Use Cases

  • Sanity-check a campaign link before it goes into an email or ad
  • Confirm a new blog post has a working share image
  • Compare two headline options as they will really appear
  • Debug why a shared link shows no image
  • Show a client how their page will look when shared

Good to Know

  • This previews the values you type. It does not fetch tags from a live URL, so paste in the values your page actually sets.
  • The image must be a publicly reachable absolute URL; images behind a login or on localhost will not load.
  • Networks cache aggressively. After fixing tags on a live page, use the platform's own debugging tool to force a re-scrape.

Frequently Asked Questions

The usual causes are a missing og:image tag, a relative image path instead of an absolute URL, an image that is too small, or a cached scrape from before you added the tag.

No. It renders a preview from the values you enter, which lets you test wording and images before publishing them.

Update the tags on your page first, then run the URL through the platform's own sharing debugger, which forces the crawler to fetch the page again.

1200 x 630 pixels is the safest choice. It produces a full-width card on Facebook, LinkedIn and X without cropping.