This site uses cookies and other tracking technologies to make possible your usage of the website, assist with navigation and your ability to provide feedback, analyse your use of our products and services, assist with our promotional and marketing efforts, and provide better user experience.

By using the website, you agree to our Privacy policy

Accept and continue

Report a bug

Cancel
97
How-to 7 min read October 2, 2019

How to detect broken images on the website

Finding broken images with the help of specially developed services takes a few minutes. Having detected them, you can replace, remove or restore these nonexistent pictures. A big number of null references leads to decreasing site position in search results; therefore, it is essential to identify them shortly.

What is a broken image

It is a link that transfers users to a defunct picture. When users click it, they see a standard 404 error. Broken graphics are displayed the following way:
Broken image on the site
The underloaded image icon looks unattractive, provokes rejection, and degrades conversion. However, useful data the site may include, visitors are likely to pay little attention to it and leave the site.

Search systems also do not approve of this kind of links. Having detected many broken graphics and links, robots will consider the resource abandoned and decrease its positions in the results.

How to detect broken images on your website

The easiest way is to use special online services. Among the most popular free variants are Broken Link Checker, Free Link Checker.

You may get a detailed report on broken links and graphics by using "Site Audit" option in Serpstat. Nonexistent link check can also be carried out by desktop programs: Xenu, Netpeak Spider. To get the required report, you need to simply type in website address in any of these services and click the button:
Checking broken images online


The searching process will take several minutes, and then you will be issued a total list of null links included in the resource. There will be a "not found" or "error 404" note opposite the links that do not function. In case the site includes only several pages, you can easily notice broken graphics by carrying out a manual inspection.

For WordPress sites, there is a special plugin for identifying null links and images - Broken Link Checker. Add it in the administration panel and detect all nonexistent links found on the website.


Broken Link Checker plugin for WordPress
Plugin functions:
1
Executing periodic scanning for timely detection of broken links.
2
Sending notifications about null references to your email.
3
Automatic formatting of the identified broken links.
4
Defining alternative options for the links that do not work.
Broken Link Checker options

Main reasons why broken images appear

1
Irrelevant format. If a picture was uploaded with .png extension, but in the code, it is identified as a .jpg image - an error will be displayed. You will come across the same problem in case the extensions have different appearances like .jpeg and .JPEG. Make sure that image formats coincide.
2
Wrong path to file location. To download an image, a browser follows the pass that is indicated in HTML code. In case the code contains misprints or a wrong location path - the image will not be displayed on the webpage.
3
Modified file name. The slightest change or a misprint in image name leads to 404 errors. To avoid confusion, type the name in using lower case of latin alphabet
4
Removing files from the server. Site relocation may cause image replacement and removal. Check their accessibility on the server.
5
SSL certificate implication. Images that could be accessed by http links are transferred to https after certificate implementation. Check if the links that lead to pictures belong to the new SSL certificate.
6
Server unavailability. If the server gives no response, then the images will fail to appear on the site.
7
CMS renewal. It may modify the path change the name of the folder that contains the image.

How to manage broken images

They should be removed, replaced or restored. Restoring is time-consuming and only makes sense if the lost pictures have a high value. For example, some webpages include images containing more information than text. Thus, the content quality degrades dramatically if such graphics fail to display on the site. You should use the following options for their restoration:

  • correction of file names and formats;
  • identifying the right path leading to the image;
  • indicating relevant extension;
  • restoring server access;
  • carrying out backup to the previous site version.

The last variant can be used in case you have access to hosting provider settings. To backup the site to its previous state, you should address the support team. If the reason for image absence is due to the wrong path to the catalog, then you can reload the image folder onto the server using a file manager and indicate the right path.

Having noticed broken graphics on the website, check them out one by one in your browser. Mouse over the required image, right-click and select "Explore element".

This is how it is displayed in Google:
Finding broken links in Google Chrome developer mode
Here you can find the path leading to the picture. Checking it out, you can promptly identify the reason for image failure.

Conclusion

Broken graphics can be detected manually or with the help of automated services. Having identified null references, you may remove, replace or restore them.

Image restoration is time-consuming as it requires defining the root reason of download failure and managing it. It can be a wrong path to the image location, server unavailability, site relocation, format, or extension irrelevance.

To upgrade project ranging, it is essential to regularly detect and correct all nonexistent links on the site, including images. Otherwise, search bots will consider the resource nonfunctioning and decrease its positions in search results.
This article is a part of Serpstat's "Site Audit" tool
SEO Audit in Serpstat
Audit all the site or page in one click. A complete list of errors, sorted by severity, ways to resolve them and recommendations. Any frequency of verification and automatic email reports.
Run Site Audit

Learn how to get the most out of Serpstat

Want to get a personal demo, trial period or bunch of successful use cases?

Send a request and our expert will contact you ;)

Rate the article on a five-point scale

The article has already been rated by 0 people on average out of 5
Found an error? Select it and press Ctrl + Enter to tell us

Share this article with your friends

Sign In Free Sign Up

You’ve reached your query limit.

Or email
Forgot password?
Or email
Back To Login

Don’t worry! Just fill in your email and we’ll send over your password.

Are you sure?

Awesome!

To complete your registration you need to enter your phone number

Back

We sent confirmation code to your phone number

Your phone Resend code Queries left

Something went wrong.

Contact our support team
Or confirm the registration using the Telegram bot Follow this link
Please pick the project to work on

Personal demonstration

Serpstat is all about saving time, and we want to save yours! One of our specialists will contact you and discuss options going forward.

These may include a personal demonstration, a trial period, comprehensive training articles & webinar recordings, and custom advice from a Serpstat specialist. It is our goal to make you feel comfortable while using Serpstat.

Name

Email

Phone

We are glad of your comment
Upgrade your plan

Upgrade your plan

Export is not available for your account. Please upgrade to Lite or higher to get access to the tool. Learn more

Sign Up Free

Спасибо, мы с вами свяжемся в ближайшее время

Invite
View Editing

E-mail
Message
Optional
E-mail
Message
Optional

You have run out of limits

You have reached the limit for the number of created projects. You cannot create new projects unless you increase the limits or delete existing projects.

I want more limits