DA
CompareGet started

Free tool

Open Graph preview: test how your link looks when it’s shared

Open Graph tags decide the card people see when your link is shared on Facebook, LinkedIn, X or iMessage. Add a title, description and image, see roughly how the card looks, catch what’s missing, then copy the tags.

45 / 60 characters

132 / 160 characters

Recommended 1200 × 630 px (1.91 : 1), under 5 MB, JPG or PNG.

  • Add an image. Without one, your link gets a small card that’s easy to miss.

Previews (approximate: each platform changes its layout now and then)

Facebook & LinkedIn
No image
EXAMPLE.DKBakery on the Corner: sourdough every morningFresh sourdough, cinnamon buns and coffee in the middle of Aarhus. Open every day from 7 am. Order ahead for pick-up on the website.
X
No image
Bakery on the Corner: sourdough every morning
example.dk
iMessage
No image
Bakery on the Corner: sourdough every morningexample.dk
Meta tags
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.example.dk">
<meta property="og:title" content="Bakery on the Corner: sourdough every morning">
<meta property="og:description" content="Fresh sourdough, cinnamon buns and coffee in the middle of Aarhus. Open every day from 7 am. Order ahead for pick-up on the website.">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Bakery on the Corner: sourdough every morning">
<meta name="twitter:description" content="Fresh sourdough, cinnamon buns and coffee in the middle of Aarhus. Open every day from 7 am. Order ahead for pick-up on the website.">

What are Open Graph tags?

Paste a link into Facebook, LinkedIn, Slack, Messenger or iMessage, and the app fetches the page and looks for Open Graph tags: og:title, og:description, og:image and og:url in the page’s <head>. They decide the card people see before they click.

X reads its own twitter: tags first and falls back to Open Graph. Set both, as this tool does, and you get the same card everywhere.

How to test your share card

  1. Type the title and description you want on the card.
  2. Paste the full https:// address of your share image and of the page.
  3. Check the previews for Facebook and LinkedIn, X and iMessage, and read any warnings: missing fields, text too long, an image that’s too small or the wrong shape.
  4. Copy the meta tags and paste them into the <head> of the page.

Open Graph image size: 1200 × 630

Use an image of 1200 × 630 pixels (a 1.91 : 1 ratio), as JPG or PNG under 5 MB. That size is sharp on every platform and isn’t cropped on Facebook or LinkedIn. Keep text and faces away from the edges; some apps crop to a square.

og:image must be a full address starting with https://. A relative path like /images/share.jpg won’t work.

Title and description length

Keep the title under about 60 characters and the description under about 160. Longer text gets cut, and many cards hide the description altogether, so put the point first.

Example: a bakery’s share card

A bakery in Aarhus shares its home page. A card that works:

  • og:title: “Bakery on the Corner: sourdough every morning”
  • og:description: fresh bread, the opening hours and how to order, in one or two sentences
  • og:image: a 1200 × 630 photo of the counter, no text near the edges
  • og:url: the page’s full https:// address

Changed the tags, but the old card still shows?

Platforms cache link cards. Facebook’s Sharing Debugger and LinkedIn’s Post Inspector let you fetch the page again. X and iMessage refresh on their own after a while.

Common mistakes

  • No og:image, so the link gets a small card that’s easy to miss.
  • A relative image path instead of a full https:// address.
  • An image behind a login, or one that’s too small.
  • The same generic card on every page, even the ones people share most.

Frequently asked questions

Usually og:image is missing, uses a relative path, points to a file behind a login, or is too small. Use a public https:// address to an image of at least 1200 × 630.

1200 × 630 pixels, a 1.91 : 1 ratio, as JPG or PNG under 5 MB. It’s sharp everywhere and isn’t cropped on Facebook or LinkedIn.

No, they are approximate. Each platform changes its layout, font and cropping now and then. The tags are what count, and those are exact.

Not necessarily. One good image for the whole site beats none by far. Pages that get shared a lot, like a menu or an offer, deserve their own.

More free tools