Free tool
Open Graph preview
See the card your link makes on X, LinkedIn, Slack, Discord and iMessage before you share it, then fix the og: and twitter: tags and the image behind it.
Example result
Free SEO and AI crawler tools
launchscaler.com
- Passog:image
Your preview shows up here
Five link cards drawn from your tags, then each og: and twitter: tag checked, with the share image's size and format.
How it works
Three steps, about ten seconds
Enter a URL
The exact page you plan to share. Each page can carry its own card.
We read it like an app
We ask for the page as Facebook's link crawler does, then fetch the og:image and measure it.
We draw the cards
A close copy of each app's card from your tags and image, with every problem listed under them.
Reference
The tags a link card is built from
Required means required by the Open Graph protocol. For the image itself, use 1200 x 630 pixels, PNG or JPEG, under 5 MB.
| Tag | Required | What it sets |
|---|---|---|
og:title | Yes | The card's headline. |
og:type | Yes | The kind of page: website for most. |
og:image | Yes | The picture. Use a full https:// address. |
og:url | Yes | The page's canonical address. |
og:description | No | A sentence or two under the title. |
og:site_name | No | Your site's name, which Discord shows above the title. |
og:image:width, og:image:height | No | Let Facebook draw the card before the image has downloaded. |
og:image:alt | No | A text description of the image for people who cannot see it. |
twitter:card | For X | summary_large_image for the large picture, summary for a small square. |
Fix it on your platform
Set your share card on your platform
Give every page you share its own og:title, og:description and og:image, with the image at 1200 x 630.
Next.js
Set openGraph and twitter in the page's metadata, or put an opengraph-image.png beside the page:
export const metadata = {
openGraph: {
siteName: "Your product",
title: "Your product",
description: "One line on what it does.",
images: [{ url: "https://yourproduct.com/og.png", width: 1200, height: 630 }],
},
twitter: { card: "summary_large_image" },
};WordPress
Yoast SEO and Rank Math each have a Social tab in the post editor for the share title, description and image.
Webflow
Open the page's settings and fill in the Open Graph settings: title, description and image.
Shopify
Set a site-wide social sharing image in Online Store, then Preferences. Products and collections share their own featured image.
Questions, answered
Link previews, in plain terms
01What size should an Open Graph image be?
- 1200 x 630 pixels (1.91:1), PNG or JPEG, under 5 MB.
- Facebook recommends at least 1200 x 630, and LinkedIn asks for at least 1200 x 627.
02Why is my image not showing when I share a link?
- The usual causes: no og:image, a relative image address, an image that does not load for the app's crawler, or an old card the app has cached.
- This tool fetches the image the way an app would and tells you which one it is.
03I fixed my tags, so why does the old card still show?
- Apps cache a card when a link is first shared.
- Facebook's Sharing Debugger and LinkedIn's Post Inspector fetch the page again, so new posts get the new card. Posts already shared keep the old one.
04Do I need twitter: tags if I have og: tags?
- X reads og:title, og:description and og:image when its own tags are missing.
- Without twitter:card it may show only the small summary card, so set it to summary_large_image for the large picture.
05Can I use SVG or WebP?
- Use PNG or JPEG. X does not support SVG, and Facebook lists only JPEG, GIF and PNG as image types.
06Are these previews exact?
- They are close copies drawn from your tags and the image we fetched. Each app draws its own card and changes the design from time to time.
07Is it free, and do you keep my results?
- It is free and needs no account.
- The small preview of your image is made from the bytes we fetched and sent back with the result. Nothing is saved to a database or published.
More free tools
- AI crawler checkerWhich AI crawlers your robots.txt lets in, and what each one gets when it asks for your page.
- ChatGPT search checkerWhether OAI-SearchBot and Bingbot can reach your page, and whether the page lets them show it.
- llms.txt validatorChecks your /llms.txt against the llmstxt.org format, or drafts one from your homepage and sitemap.
- Indexability checkerStatus, redirects, canonical, robots meta, X-Robots-Tag and robots.txt for one URL, as Googlebot reads it.
- Meta tag checkerYour title and meta description as a results page prints them, with the lengths that get cut.