How Broken Images Hurt SEO and User Experience
A broken image is any img tag whose src URL returns a non-200 HTTP response. The browser shows a broken image icon and the space stays blank. To users this signals a poorly maintained website. To search engines it signals wasted crawl budget and low quality.
Core Web Vitals Impact
Broken images cause Cumulative Layout Shift (CLS), one of Google's three Core Web Vitals metrics used as a direct ranking factor. When an image fails to load, the browser may reserve space for it and then collapse that space once the error is confirmed, shifting everything else on the page. Even a single prominent broken image on a key landing page can push CLS above Google's recommended threshold of 0.1 and affect rankings.
Crawl Budget Waste
Googlebot requests image files when crawling your pages. Every 404 response from a broken image src is a wasted crawl request. For large sites with hundreds of pages and dozens of images each, broken image URLs can consume a significant share of the crawl budget that Google allocates to your domain, slowing down the discovery and indexing of new content.
What Causes Broken Images
The most common causes are: file deletion without updating the HTML, case sensitivity errors on Linux servers (image.jpg and image.JPG are different files), site migrations where image paths changed but img tags were not updated, CDN misconfigurations after switching providers, and relative path errors in CMS templates or theme code.