Skip to content
Utilboxes

Open Graph Preview

Enter a page address to preview how its link looks on Facebook, LinkedIn, X and chat apps, with a list of problems such as a missing og:image or one smaller than 1200 × 630. The page is fetched by this site's server, because browsers cannot read other sites. Or switch to Write tags to create them.

Checked by this site's server

Updated

How to use Open Graph Preview

  1. 1Enter a page address and press Preview — or switch to Write tags to create them.
  2. 2Read the list of problems, such as a missing og:image or an image that is too small.
  3. 3Compare the Facebook, X and chat-app style previews.
  4. 4Fix the tags on your page, or copy the generated tags into its head.

How it works

When a link is shared, the platform's crawler downloads the page and reads its Open Graph tags — og:title, og:description, og:image and og:url — along with X's twitter:card tags. Pages without them get a bare link, or a preview built from whatever the crawler can guess.

Browsers cannot read another site's HTML, so the page is fetched by this site's server. Only public http and https addresses are allowed, redirects are followed up to five times with each one re-checked, and no more than the head of the page is read. The tags come back to your browser, where the previews are drawn; the preview image is loaded directly from the page's own server.

The checks flag what most often breaks previews: missing tags, http image addresses, images below the 200 × 200 pixel minimum Facebook accepts, images smaller than the recommended 1200 × 630, missing image descriptions, and overlong titles.

Platforms cache previews, sometimes for days. After fixing your tags, use the platform's own tool — such as Facebook's Sharing Debugger — to make it fetch the page again.

Tips and common mistakes

  • Use an og:image of 1200 × 630 pixels for a sharp, full-width preview.
  • Give image addresses in full, starting with https://, not as relative paths.
  • Keep og:title short enough to show in full on small screens.
  • After fixing tags, ask each platform to fetch the page again; previews are cached.

Frequently asked questions

Why is my link preview showing an old image?
The platform cached the page when it was first shared. Update the tags, then ask the platform to fetch the page again — Facebook's Sharing Debugger and LinkedIn's Post Inspector both do this.
What size should an og:image be?
1200 × 630 pixels, a 1.91:1 ratio, works well across Facebook, LinkedIn and X's large card. Keep important content away from the edges, because some layouts crop the image.
Do I need Twitter tags if I have Open Graph tags?
X reads og:title, og:description and og:image when its own tags are missing, but it uses twitter:card to decide the card type. Add twitter:card with the value summary_large_image for a large picture.
Can it preview pages behind a login?
No. It sees the page as a logged-out visitor, the same way a platform's crawler does — which is exactly what matters for previews.
Which Open Graph tags are essential?
og:title, og:description, og:image and og:url. Add og:type, and twitter:card for X, for complete control of the preview.
Why does my preview show the wrong title?
Without an og:title, platforms guess from the page title or headings. If the tag is there, the platform may be showing a cached copy.
Is the page address I enter saved?
No. This site's server fetches the page head to read the tags and sends them back to your browser; nothing is stored.
Share this toolShare on XShare on FacebookShare on LinkedInShare on RedditShare by email

Guides

Related tools

Robots.txt Generator and TesterBuild a robots.txt file and test which URLs each crawler may fetch.GeneratorsFavicon GeneratorMake favicon.ico, Apple touch and Android icons from an image or letter.Image ToolsSSL Certificate CheckerSee when a domain's SSL certificate expires and whether its chain is trusted.HTML FormatterIndent messy HTML, or minify it for production.