Skip to content
ToolQivo

Open Graph Preview

See your link as Facebook, LinkedIn, X and Slack will draw it.

SEO Tools Reviews Free · no sign-up

1200x630 is the size every platform handles well. Below 600x315 you get a small square instead.

Open Graph tags

Your generated code appears here.

Quick Tool Overview

The Open Graph Preview draws your link the way each platform draws it — Facebook's large feed card, LinkedIn's tighter crop, X's summary card and the compact line Slack and WhatsApp produce — from the tags you enter or from HTML you paste. Each card uses that platform's own truncation, so you can see which one cuts your title before you publish.

What it does
Previews social share cards and writes the Open Graph tags behind them
You give it
A title, description, image URL and page address, or your existing HTML
You get back
Four platform previews and a copyable block of og and twitter tags
Best for
Checking a share card before a launch, campaign or announcement
SEO Tools Free, unlimited use No sign-up Runs in your browser

About the Open Graph Preview

Fill in the title, description and image and the tool draws the share card the way each platform draws it — Facebook's large card, LinkedIn's tighter crop, X's summary card, and the compact line Slack and WhatsApp produce. Paste existing HTML and it reads the tags out of it instead.

The differences between the platforms are the reason this is worth checking rather than assuming. Facebook truncates a title at around 88 characters and a description at 200 in the feed, but far sooner in a sidebar. LinkedIn ignores og:description entirely on some surfaces and shows only the title and domain. X needs its own twitter:card value to decide between a large image and a small thumbnail. And every one of them wants an image of at least 1200x630 pixels, because anything smaller is either cropped badly or dropped to a tiny square.

Key features of the Open Graph Preview

Four platforms at once

Facebook, LinkedIn, X and Slack draw the same link differently. All four are shown side by side.

Reads your existing tags

Paste a page's head and the Open Graph values are extracted rather than retyped.

Real truncation limits

Each preview cuts at that platform's own limit, so an overlong title is visible rather than assumed.

Image ratio warnings

Below 1200x630 the card degrades. The tool says so, and shows what the crop will do.

Tags written for you

The Open Graph and Twitter card block that produces the preview is generated alongside it.

How to use the Open Graph Preview

  1. 1

    Enter your page details

    Title, description, image URL and the canonical address of the page.

  2. 2

    Or paste your HTML

    Drop in the head of an existing page and the Open Graph tags are read straight out of it.

  3. 3

    Compare the platforms

    Each card is drawn at its own crop and truncation, so you can see which one cuts your title.

  4. 4

    Copy the tags

    Take the generated Open Graph and Twitter card block and paste it into your head element.

Frequently asked questions

1200 by 630 pixels is the size every platform handles well, at a 1.91:1 ratio and under 5MB. Below 600 by 315 Facebook falls back to a small square thumbnail, and below 200 pixels wide it ignores the image entirely.

Reviews of the Open Graph Preview

What people who use the Open Graph Preview think of it. Reviews come from visitors and are posted as written.

No ratings yet

Yours would be the first.

  • 5 0 reviews rated 5 stars
  • 4 0 reviews rated 4 stars
  • 3 0 reviews rated 3 stars
  • 2 0 reviews rated 2 stars
  • 1 0 reviews rated 1 star

Write a review

Used this tool? Your rating helps the next person decide.

Your rating

Plain text only — links, email addresses and HTML are not accepted. Your name and review are shown publicly; nothing else is collected. See the privacy policy.

0 reviews

Newest first

No reviews yet

Be the first to rate the Open Graph Preview. It takes half a minute and no account.

Write the first review

More SEO tools