Skip to content
Utilboxes

Open Graph Preview

See how a page will look when its link is shared, and find out why a preview is missing its image or showing the wrong title. Or write the tags from scratch.

Checked by this site's server

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.

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.

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.