Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

A link preview generator fetches a URL and shows the title, description, image, domain and metadata that a social or messaging service may use for its share card. Use one to check a page before publishing, then confirm important changes with the platform’s own debugger because simulators cannot guarantee an identical live card or cache state.

What a link preview generator actually checks

When someone shares a URL, the receiving service retrieves that page and looks for metadata in the HTML document’s <head>. The Open Graph protocol describes its purpose as enabling “any web page to become a rich object in a social graph.” A generator performs a similar fetch and presents the values it finds, often with a visual mock-up.

Input What it controls Typical Open Graph tag
Page title Headline shown in the card og:title
Summary Supporting description og:description
Image URL Preview artwork og:image
Canonical share URL URL associated with the object og:url
Object type Content classification, such as an article or website og:type
Domain and favicon Source identity in a checker or application Usually derived from the URL or HTML

A checker may also show ordinary HTML title and description values when Open Graph data is missing. That fallback is vendor-specific; social platforms do not all implement fallbacks in exactly the same way.

Choose the right workflow

Your need Best route Check before adopting it
One page before sharing Manual preview checker Which platforms it simulates, fields it displays, and whether it flags missing tags
Preview data inside an app Link-preview API Response fields, HTML fallbacks, redirect handling, rate limits, price and reliability
Find problems across your site Site audit or crawler Crawl scope, issue reports, exports and CMS workflow
Prove how the page visually renders Browser screenshot service JavaScript execution, cookie banners, popups, cache behavior and failure reporting

A manual checker is quickest for an occasional URL. An API is appropriate when your application must retrieve title, description, image, domain, favicon and fallback data repeatedly. A screenshot is complementary: it shows the rendered page, not necessarily the card a platform will generate from metadata.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
#1 Best Overall
Sale
HTML and CSS: Design and Build Websites
  • HTML CSS Design and Build Web Sites
  • Comes with secure packaging
  • It can be a gift option

How to inspect a URL manually

  1. Publish or stage the page at its final URL. Test the HTTPS URL that people will share, including its path and query string. Redirects can cause a checker to inspect a different document than the one you edited.
  2. Open a link-preview checker. Paste the URL and run a fetch. Record the title, description, image, resolved domain and the raw Open Graph fields it reports.
  3. Compare the report with the page source. In a browser, use View Source and search for og:title, og:description, og:image, og:url and og:type. They should be in the document head, not injected only after a client-side script runs.
  4. Open the image URL directly. Confirm it returns an image over HTTPS without an authentication wall, redirect loop or hotlink restriction. Check that the image is the intended artwork and that its file is not accidentally an HTML error page.
  5. Fix the source, then fetch again. A checker can cache a previous response. Change the page or use its refresh option before concluding that a correction failed.
  6. Verify high-stakes shares with the platform’s current debugger. A simulator can reveal malformed or absent fields, but it does not establish how every platform’s live renderer and cache will behave.

Minimum HTML to add to a page

Place the core tags in the <head> of the server-rendered HTML. Replace the example values with the page’s own canonical data.

<head>
  <title>Example article title</title>
  <meta name="description" content="A concise summary of the page.">

  <meta property="og:title" content="Example article title">
  <meta property="og:description" content="A concise summary of the page.">
  <meta property="og:image" content="https://example.com/images/article-card.jpg">
  <meta property="og:url" content="https://example.com/articles/example">
  <meta property="og:type" content="article">
</head>
  • Use an absolute, publicly reachable URL for og:image and og:url.
  • Keep the values specific to the page. Do not give every article the home page’s title, description or image.
  • Emit one authoritative value for each property. Duplicate tags can make parsers choose an unexpected value.
  • Keep metadata in the initial response when possible. A crawler that does not execute your client-side JavaScript may never see tags added after load.
  • Use a canonical URL that matches the URL you intend people to share. If tracking parameters are needed, decide deliberately whether they belong in og:url.

The protocol defines the fields, not a universal image size or character limit. Platform-specific dimensions, truncation and cropping rules change, so do not treat one “ideal” number as valid everywhere.

Debugging missing or wrong preview data

The checker shows an old title or image

Inspect the current source, then refresh the checker and the platform debugger. A cached fetch may outlive your edit. If the old value remains in source, fix the CMS template or the page record rather than repeatedly clearing a preview.

The image is blank, broken or unrelated

Request the exact og:image URL in a private browser window. Fix non-HTTPS URLs, access controls, redirects, unsupported responses and incorrect content types. Make sure the image tag is not being overwritten by a second tag later in the head.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

The title or description is missing

Confirm spelling and quoting in the HTML, and verify that the tags are inside <head>. If your framework renders metadata only on the client, configure server-side or static rendering. An API may fall back to the ordinary HTML <title> and description, but that behavior belongs to that API and should not be assumed for every platform.

The checker cannot fetch the URL

Test DNS, TLS and the redirect chain. Check that the site does not require a login, block all non-browser user agents, or return a timeout to data-center addresses. Review firewall, WAF and robots policies with your hosting provider; do not weaken security globally just to make a preview fetch succeed.

The preview differs between services

Each service can fetch at a different time, cache independently and apply its own cropping or truncation. Compare the raw metadata first. If it is correct, use the affected platform’s debugger and current publishing guidance rather than changing valid tags solely to match a simulator.

Redirects produce the wrong page

Follow every redirect and inspect the final response. Set metadata on the final destination, use a consistent canonical URL, and avoid redirecting crawlers to a consent or login wall.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Using a link-preview API in an application

An API saves you from writing URL fetching, HTML parsing and fallback logic. A vendor-described link-preview API returns title, description, preview image, domain, favicon, Open Graph metadata and fallback data. Before integrating any provider, ask:

Rank #4
Sale
Web Design with HTML, CSS, JavaScript and jQuery Set
  • Brand: Wiley
  • Set of 2 Volumes
  • A handy two-book set that uniquely combines related technologies Highly visual format and accessible language makes these books highly effective learning tools Perfect for beginning web designers and front-end developers
  • Does it return the final URL after redirects as well as the requested URL?
  • Are missing Open Graph fields filled from standard HTML, and are those fallbacks labeled?
  • How are timeouts, bot checks, malformed HTML and private URLs represented?
  • What are the request limits, retention rules, regional restrictions and current prices?
  • Can you cache a response and invalidate it when a page changes?

Keep untrusted fields escaped when inserting them into your own UI. Validate that an image URL uses an allowed scheme, enforce outbound request timeouts, and protect an endpoint that accepts arbitrary URLs against server-side request forgery. Never let a user-supplied URL reach internal network ranges or cloud metadata endpoints.

// Illustrative response shape; use the fields documented by your provider.
{
  "url": "https://example.com/articles/example",
  "title": "Example article title",
  "description": "A concise summary of the page.",
  "image": "https://example.com/images/article-card.jpg",
  "domain": "example.com",
  "favicon": "https://example.com/favicon.ico",
  "openGraph": {
    "title": "Example article title",
    "description": "A concise summary of the page.",
    "image": "https://example.com/images/article-card.jpg",
    "url": "https://example.com/articles/example",
    "type": "article"
  }
}

One vendor advertises a free allowance of 100 requests per month; that limit and all other vendor pricing are subject to change, so verify the provider’s current API page before committing. For a small site, cache successful results by normalized URL and refresh them on demand. For a busy service, record latency, status, redirect count and parser errors without logging credentials or private page contents.

Performance, reliability and privacy considerations

  • Fetch cost: A preview request can trigger redirects, HTML parsing and an image request. Set a finite timeout and cap response sizes.
  • Freshness: Cache by canonical URL, but provide a refresh path when an editor changes metadata. Distinguish a cache hit from a newly fetched result in logs.
  • Availability: Treat preview enrichment as optional. Render the user’s pasted URL immediately and fill in metadata asynchronously; a third-party timeout should not break your core workflow.
  • Security: Restrict protocols to HTTP and HTTPS, block private address ranges, and sanitize returned HTML before displaying it.
  • Privacy: A provider can see every URL you submit. Avoid sending private links unless the service’s retention and access terms meet your requirements.
  • Rendering versus metadata: A screenshot proves what a browser displayed. It does not prove that a social crawler accepted a particular Open Graph value.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Or skip the browser setup

If you need a rendered image of a page as well as metadata inspection, ScreenshotNeo provides a website screenshot API and MCP server. It accepts consent banners before capture and removes more than 60 known consent platforms, newsletter popups and chat widgets; each step can be disabled. Only clean shots are billed: bot checks or CAPTCHAs, blank pages, timeouts, failed loads and cache hits are free, and response headers identify the page verdict and billing result.

What’s actually slowing this PC down?

Pick the symptom - the matching free tool is one click away.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

One GET request returns PNG, JPEG, WebP or PDF. The API supports full-page captures with lazy images loaded, CSS-selector element captures, dark mode, 12 device presets plus custom viewports, retina scale, PDF paper settings and page ranges, custom CSS and JavaScript, clicks, selector or network-idle waits, request and resource blocking, headers, cookies, user agents, authorization, timezone, geolocation, transparent backgrounds, resizing, chosen cache TTLs, signed image links, asynchronous jobs with signed webhooks, bulk capture of up to 100 URLs per call, a usage API and an OpenAPI specification. Parameter names used by other screenshot APIs also work for easier migration. Its MCP tools—take_screenshot, get_page_info and capture_pdf—can be called by Claude, Cursor or another MCP client.

cURL (see the ScreenshotNeo API documentation):

curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp

Python:

import requests
r = requests.get("https://api.screenshotneo.com/v1/shot", params={"access_key": "YOUR_API_KEY", "url": "https://stripe.com"}, timeout=90)
open("shot.webp", "wb").write(r.content)

Node.js:

const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://stripe.com' });
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);

The Free plan includes 1,000 shots each month with no card. Paid plans start at $5 for 3,000 shots; every feature is included on every plan, and yearly billing gives two months free. Create a free ScreenshotNeo account to try it without a card.

FAQ

Can a generator guarantee what Facebook, LinkedIn or X will display?

No. It can show the metadata a fetch returned and simulate surfaces, but each platform controls its own parser, cache, crop and truncation. Use the relevant platform debugger when the exact live result matters.

Should I put Open Graph tags in the body?

No. Put the basic tags in the document head so crawlers can read them from the initial HTML response.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Is a screenshot a replacement for Open Graph metadata?

No. A screenshot records visual rendering; Open Graph metadata supplies structured values that sharing services use to build a card. Use both when you need to inspect appearance and machine-readable data.

Quick Recap

SaleBestseller No. 1
HTML and CSS: Design and Build Websites
HTML and CSS: Design and Build Websites
HTML CSS Design and Build Web Sites; Comes with secure packaging; It can be a gift option
$15.75
SaleBestseller No. 3
SaleBestseller No. 4
Web Design with HTML, CSS, JavaScript and jQuery Set
Web Design with HTML, CSS, JavaScript and jQuery Set
Brand: Wiley; Set of 2 Volumes
$35.05

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.