What this tool does
This link previewer shows an approximate link preview for X, LinkedIn, Facebook, WhatsApp, Slack and Discord, checks your Open Graph and Twitter Card tags, and writes corrected meta tags you can copy. You can fetch a live page, paste its HTML, or type the values yourself.
What is a link preview?
When you paste a URL into a post or chat, the app usually visits the page and builds a small card from tags in its <head>: a title, a short description, an image and the site name.
Open Graph tags (og:title, og:description, og:image, og:url) were created by Facebook and are now read by many apps. Twitter Card tags (twitter:card, twitter:title, twitter:image) add options for X, which generally falls back to Open Graph when they are missing. A minimal set looks like this:
<meta property="og:title" content="My page title" />
<meta property="og:description" content="A short summary of the page." />
<meta property="og:image" content="https://example.com/og-image.png" />
<meta property="og:url" content="https://example.com/page" />
<meta name="twitter:card" content="summary_large_image" />How to use the link previewer
- Choose Fetch URL and enter a public page address, or use Paste HTML or Manual for pages that are not live yet.
- Review the approximate previews for each platform, one at a time or all together.
- Read the Open Graph audit to see which tags pass, which need a look and which are missing.
- Edit any field to try a better title, description or image and watch the previews update.
- Copy the generated HTML or Next.js metadata and add it to your page.
How to fix a wrong or missing link preview
- Check the tags. Fetch the page above and read the audit to see what is missing or duplicated.
- Use an absolute https URL for og:image, such as https://example.com/og.png, not a relative path.
- Make the image about 1200 x 630 px so it suits large cards.
- Set og:url to the same address as your canonical link.
- Make sure the page and image are publicly reachable, not behind a login, paywall or bot block.
- Clear the platform's cache, as described in Refresh the cache above.
Recommended Open Graph image size
1200 x 630 px, a ratio of about 1.91:1, is the most common recommendation and tends to suit large cards on most platforms. Smaller images may be shown as a small thumbnail instead.
Keep important text and logos away from the edges, because some apps crop the image to a different shape. Keep the file size reasonable too; a few hundred KB is usually plenty and loads quickly.
If your image is the wrong shape, resize your OG image for Facebook, make a version for X with the Twitter image resizer, or use the LinkedIn image resizer.
When it is useful
- Checking a blog post or product page before you share it.
- Finding out why a shared link shows the wrong image or title.
- Testing a few titles and descriptions to see which is easier to read in a card.
- Reviewing a page before it is published, using Paste HTML.
- Handing a developer a ready-made set of meta tags.
Tips for better previews
- Check the length of your page title and meta description with the Google character counter before you copy the tags.
- Add campaign tags with the UTM builder before sharing campaign links, then fetch the tagged address here to confirm the preview still works.
- Putting the link on a poster or flyer? Turn it into a code with the QR code generator.
- Writing the post that goes with the link? The Twitter character counter shows how much room is left, since X currently counts each link as 23 characters.
- Planning a longer post around the link? Draft it with the Twitter thread generator or the LinkedIn post generator.
- Write a description that matches the page, so people know what they will get when they click.
- Sharing the link on Reddit? Check how the post may look in the feed with the Reddit preview.
Privacy
When you use Fetch URL, our server requests the page, reads its public meta tags and sends back only those values. We do not store the URL or the result, and we do not log them beyond the standard request logs kept by our hosting platform.
Paste HTML and Manual run entirely in your browser, and nothing is sent.
Frequently asked questions
What is a link preview?
A link preview is the card with a title, description and image that appears when you share a URL. Apps build it from the page's Open Graph and Twitter Card meta tags.
Why is my link preview not updating?
Platforms cache previews, sometimes for days or longer. Use Facebook's Sharing Debugger or LinkedIn's Post Inspector to refresh them, and for apps without a tool, try sharing the URL with a harmless query string added.
How do I check my Open Graph tags?
Enter the page address in the link previewer above and choose Preview. The audit lists each tag as Pass, Warning or Missing with a short fix.
What size should my og:image be?
About 1200 x 630 px (1.91:1) is the common recommendation. Images narrower than about 600 px may appear as a small thumbnail on some platforms.
Does this work for X (Twitter) cards?
Yes. It reads twitter:card, twitter:title, twitter:image and the other Twitter Card tags, and shows a large or small card depending on twitter:card. If those tags are missing, X generally falls back to your Open Graph tags.
Why is my image not showing?
Common causes are a relative or http image URL, an image that needs a login or blocks bots, or a file that is very large or an unusual format. Use an absolute https URL that opens in a private browser window.
Can I preview a page that is not published yet?
Yes. Use Paste HTML to paste the page's source, or Manual to type the values. Both run in your browser, so the page does not need to be online.
Is it free and is my data stored?
It is free with no signup. Fetch URL goes through our server, which reads only the page's public meta tags and does not store the URL or the result. Paste HTML and Manual never leave your browser.