Open Graph Preview

Preview Open Graph link cards for Facebook, LinkedIn and X and check your og:image — free.

Facebook / LinkedIn

X (Twitter)

The image is loaded straight from the URL you enter by your own browser — it isn't uploaded to Toolapt.

About

About the Open Graph Preview

Shows how a link will look when it's shared on Facebook, LinkedIn and X, checks the size of your og:image, and builds the matching Open Graph tags to copy.

Marketers use it to make sure a campaign page's share card has the right image and headline before it goes out, while developers use it to check the Open Graph values a page template produces. It's one of many free SEO tools on Toolapt, and like every tool here, it's free to use with no sign-up and no limit on how many times you run it.

Choose what to view about this tool

Guide

Using the Open Graph Preview

  1. 1

    Step 1

    Enter the title, page URL and description you want people to see when the link is shared.

  2. 2

    Step 2

    Paste the full URL of your share image and, optionally, your site name.

  3. 3

    Step 3

    Check the Facebook / LinkedIn and X previews, and the image size report below them.

  4. 4

    Step 4

    Copy the generated Open Graph tags into your page's <head>.

  • Side-by-side previews of a Facebook / LinkedIn link card and an X (Twitter) large image card
  • Loads your og:image and reports its real size, warning if it's too small or will be cropped
  • Character counts for the title and description, with a note when either may be cut off
  • Builds og:title, og:description, og:type, og:url, og:image, og:site_name and twitter:card tags to copy
  • Your image is loaded directly by your own browser — nothing is uploaded to Toolapt
  • Free to use, with no limit on how many times you run it
  • Fully responsive, so it works just as well on a phone as on a desktop

Marketers

Marketers use the Open Graph Preview for checking a campaign page's share image and headline before posting the link.

Bloggers

Bloggers use the Open Graph Preview for making sure every new post has a share card that's worth clicking.

Developers

Developers use the Open Graph Preview for testing the Open Graph values a page template outputs, without deploying first.

Social media managers

Social media managers use the Open Graph Preview for catching a missing or badly cropped image before a link goes out.

Examples

Open Graph Preview examples

3 worked examples

01

A correctly sized share image

An og:image of 1200 × 630 px is reported as "good size" and fills both the Facebook / LinkedIn and the X preview cards without awkward cropping.

02

A square image

A 1000 × 1000 px logo used as og:image is flagged "will be cropped (best ratio is 1.91:1)" — the Facebook / LinkedIn card shows a 1.91:1 strip from the middle, so the top of the logo and the bottom of its name are lost.

03

Tags for a blog post

A title, URL, description, image and site name produce seven tags — og:title, og:description, og:type website, og:url, og:image, og:site_name and twitter:card summary_large_image — ready to paste into the page's head.

Related tools

Schema Markup Generator

Generate JSON-LD structured data for an article, FAQ page, organization or breadcrumb trail.

Use it

UTM Link Builder

Add utm_source, utm_medium and utm_campaign tracking parameters to a link for Google Analytics.

Use it

Slug Generator

Turn a title into a clean URL slug, with accents stripped.

Use it

Word Frequency Counter

Which words appear most often, with counts and percentages.

Use it

Image SEO Optimizer

Check and fix an image's filename, alt text and file size for better SEO.

Use it

Sitemap Generator

Turn a list of page URLs into a ready-to-upload XML sitemap, with change frequency, priority and last modified date.

Use it

FAQ

Frequently asked questions

Quick answers to common questions about the Open Graph Preview.

What does the Open Graph Preview do?

It shows how a link will look when shared on Facebook, LinkedIn and X, checks your share image, and gives you the Open Graph tags to put in your page.

What size should an og:image be?

1200 × 630 pixels is the standard choice. That's a 1.91:1 ratio, which Facebook and LinkedIn show without cropping. The tool warns you if the image is smaller than 600 × 315 or a very different shape.

Why doesn't my image load in the preview?

The URL has to be public and point straight at an image file (ending in .jpg, .png and so on, or served as an image). Images on private, local or login-protected pages, and some sites that block hotlinking, can't be loaded.

Why does Facebook still show my old image?

Social networks cache link previews. After updating your tags, ask them to fetch the page again — for example with Facebook's Sharing Debugger or LinkedIn's Post Inspector.

Do I still need Twitter Card tags?

X falls back to Open Graph tags for the title, description and image, so the og: tags plus a twitter:card tag (which this tool adds) are enough for a large image card.

Is the Open Graph Preview free to use?

Yes. It's free, with no sign-up and no limit on how many times you use it.

Is my input safe when I use this tool?

Yes. Everything runs in your browser. The only network request is your own browser loading the image from the URL you entered — nothing is sent to Toolapt.

Still have a question? Contact us

Report a problem

Open Graph Preview

What went wrong?
    or paste a screenshot