Driver FixRecommendedSound, Wi-Fi or graphics acting up? Check drivers firstFind missing or outdated drivers fast.Check DriversOctober DealsAmazon USOctober deal check: compare before you payAmazon US: current deals, useful picks and tech finds.Check DealsWindows FixRecommendedWindows errors stealing your time? Find the fix fastScan stability, cleanup and performance issues.Fix Now×
Skip to content
Facebook

Why Facebook Link Preview Images Are Not Showing and How to Fix Them

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.

If a Facebook link preview has no thumbnail, shows the wrong picture, or keeps displaying an older image, diagnose the problem in this order: inspect the page’s delivered Open Graph tags, check the URL in Meta’s Sharing Debugger and request a fresh scrape, then verify that Facebook’s crawler can reach both the page and image. These steps separate publishing errors from stale scrape data and from delivery failures.

First identify what Facebook is showing

The visible symptom narrows the investigation. A completely missing preview image commonly means the crawler did not find a usable og:image value or could not download the image. A wrong image can result from a different URL in the page source, duplicate image tags, or an old scrape. An older image after an edit usually points to cached preview data, although the image URL or page response should still be checked.

  • No image at all: inspect metadata and public image access first.
  • Wrong image: compare the selected image with every og:image tag and its order.
  • Old image: correct the page, then use the Sharing Debugger to scrape the URL again.
  • “Could Not Connect To Server” or a similar error: investigate TLS, firewall, rate limiting, DNS, and server availability.

How Open Graph controls the preview

Open Graph metadata belongs in the HTML document’s <head>. The protocol identifies four basic properties for a page: og:title, og:type, og:image, and og:url. The og:image value is an image URL intended to represent the page.

A minimal head section looks like this:

<meta property="og:title" content="Example article title">
<meta property="og:type" content="article">
<meta property="og:url" content="https://example.com/article">
<meta property="og:image" content="https://example.com/images/article-share.jpg">

Optional structured properties can describe the image’s secure URL, MIME type, width, height, and alternative text:

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
<meta property="og:image:secure_url" content="https://example.com/images/article-share.jpg">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Description of the article image">

Do not treat a CMS media-library selection as proof that the tag is correct. Facebook reads the HTML response it retrieves. View the published page source or the server-rendered response and search for og:image. Confirm that the URL is absolute, points to the intended file, and is the version currently deployed.

Fix the metadata in the page source

Check that the tag exists in the delivered HTML

Open the public URL in a browser, use “View page source” (not only the rendered inspector), and search for property="og:image". JavaScript that adds the tag after page load may not be present in the initial HTML Facebook retrieves, so server-side or statically generated metadata is safer.

Use an absolute, public URL

The image value should include the scheme and host, such as https://www.example.com/path/share.jpg. Check for accidental relative paths, references to a staging hostname, private storage, expiring signed URLs, or an image available only after login.

Remove conflicting duplicates

Some plugins, themes, and custom templates emit more than one og:image. Open Graph treats image values as an array, and its protocol says the first value takes precedence when there is a conflict. Put the preferred image first or remove the unwanted tags. Inspect the final HTML rather than assuming which plugin “wins.”

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

Keep related properties together

If you provide width, height, type, secure URL, or alt text, ensure they describe the same image URL and are generated for the page being shared. A stale template can leave structured values from a previous image.

Refresh Facebook’s scraped data

After publishing the correction, enter the exact page URL in Meta’s Sharing Debugger. Review the fetched metadata and use its scrape or refresh action to request a new retrieval. The debugger is useful because it shows what Facebook received, which can differ from what your CMS editor displays.

  1. Save the corrected page and confirm the public URL returns the new HTML.
  2. Open Meta’s Sharing Debugger and submit the same canonical URL that people share.
  3. Inspect the reported image and metadata for the corrected values.
  4. Request a fresh scrape after the fix.
  5. Test a new share and check the result again.

Re-scraping is a cache-refresh step, not a guarantee that every existing post will change. Treat an old image in the debugger as evidence that Facebook still has an earlier retrieval, then verify that your correction is actually visible to an unauthenticated request.

When metadata is correct but the image still will not load

Test public reachability

Open the image URL in a private browser window and from a network outside your office or VPN. It should return the file without a login, cookie, interactive challenge, or required browser-side script. Check the page URL the same way. A successful load for you does not prove that an external crawler can retrieve it.

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

Check HTTPS and certificates

Confirm that the certificate is valid for the hostname, trusted by standard clients, and not expired. Review redirects for loops, mixed HTTP/HTTPS destinations, and redirects to a private or blocked host. A certificate or redirect failure can prevent the crawler from obtaining either the HTML or image.

Review firewall and bot controls

Web application firewalls, security plugins, rate limits, geo-blocking, and “challenge” pages can deny automated fetches. Examine access logs around a debugger scrape for denied requests and adjust rules narrowly rather than disabling protection globally. The troubleshooting guidance also identifies server, domain, and nameserver problems as possible causes.

Verify the response and content type

The image endpoint should return an actual image, not an HTML error page, login form, or placeholder. Check status codes, redirect targets, and the response’s MIME type. A broken origin, exhausted storage, or CDN rule can leave the HTML correct while the image request fails.

Platform and publishing checks

  • Ensure the page is publicly published, not a draft, password-protected preview, or staging copy.
  • Confirm that the canonical URL in og:url matches the URL you submit to the debugger.
  • Clear your CMS, reverse-proxy, and CDN caches after changing the head markup.
  • Check that a page template has not inserted a site-wide default image ahead of the article image.
  • Look for spelling errors in the property name, URL, hostname, and file extension.

Do not rely on a universal “correct” image dimension or file-size threshold here. Current Meta limits were not verified, and conflicting secondary claims make a precise minimum unsafe to state. Use a valid, appropriately sized image for your design, then let the debugger reveal whether Facebook accepts it.

Free tools Windows power users keep installed

One-click scans. No signup required.

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

A practical diagnosis table

Observed result Most useful evidence Next action
No og:image in source Published HTML lacks the property Add server-delivered metadata, deploy, clear site caches, and re-scrape.
Several image tags Unwanted image appears first Remove duplicates or place the intended image first.
Debugger shows old values Source is corrected but fetched data is old Request a fresh scrape and recheck the public response.
Metadata is right, fetch fails Image or page returns an error, challenge, or certificate warning Fix reachability, TLS, firewall, DNS, or origin-server issues.
Debugger is right, new share is wrong Shared URL differs from the tested canonical URL Test the exact URL being posted and its redirects.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Common errors and fixes

The CMS preview has an image, but source does not

The editor field may not be connected to the template or may be rendered only by client-side JavaScript. Inspect the raw response and configure the SEO or theme integration to emit Open Graph tags on the server.

The image works in a browser but not for Facebook

Compare your browser request with server logs. A bot rule, challenge, IP restriction, referer requirement, or TLS issue may affect automated clients. Allow the required public resource while retaining other security controls.

A new image never replaces the old one

Check that the image URL itself changed or that the debugger has been instructed to scrape again after the edit. Verify every caching layer and confirm that the fetched HTML references the intended file.

The preview says it cannot connect

Test DNS resolution, certificate validity, redirects, origin availability, and nameserver status. Review firewall and rate-limit logs at the time of the failed fetch, then re-scrape after correcting the underlying fault.

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

Or skip the browser setup

If you need a dependable screenshot of a page for debugging or documentation, ScreenshotNeo can capture it with one request. It accepts cookie and 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 cost nothing, and response headers identify the page verdict and billing result.

Use the API documentation at screenshotneo.com/docs/ for options such as full-page capture, CSS selectors, device presets, dark mode, custom CSS or JavaScript, waits, blocked resources, cookies, headers, geolocation, PDFs, caching, signed links, asynchronous jobs, and bulk capture.

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

ScreenshotNeo also provides an MCP server with take_screenshot, get_page_info, and capture_pdf for Claude, Cursor, and other MCP clients. The Free plan includes 1,000 shots per month with no card; paid plans start at $5 for 3,000 shots. Sign up free.

Final verification checklist

  • The published HTML contains one intended, absolute og:image value.
  • The page and image URLs work publicly over HTTPS.
  • The image response is the actual file, not an error or challenge page.
  • Firewall, rate-limit, DNS, and certificate checks show no crawler block.
  • The exact shared URL has been submitted to the Sharing Debugger and re-scraped.
  • A new share has been tested after the correction.

Frequently Asked Questions

Will changing the image automatically update an existing Facebook post?

Do not assume it will. Correct the page, request a fresh scrape, and test a new share; post-level behavior can vary.

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

Should I add several og:image tags as backups?

Only when you intentionally use an image array. The first value takes precedence in a conflict, so duplicate tags can select the wrong image.

Can a robots.txt rule be the only cause?

Crawler access rules are one possibility, but also check TLS, firewall controls, DNS, redirects, server availability, and whether the image URL is publicly retrievable.

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.

Leave a Reply

Your email address will not be published. Required fields are marked *

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

Read next

Recommended PC Tool
Recommended PC Tool
Crashes, No Sound, or Screen Glitches?Free driver scan
PC Slower Than It Used to Be?Free scan - under a minute

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.