Why Broken Links Matter - How to Find & Quickly Fix Them?

A broken link, also known as a dead link, is a hyperlink that leads to a page that no longer exists. This typically happens when the linked page is deleted without setting up a proper redirect. 

When users click on a broken link, they are often met with an error message, such as a 404 (Page Not Found) error.

Why Do Broken Links Happen? 

Let us understand the reasons why links break on your Shopify store. 

Deleted or relocated pages

When a page is relocated to a new URL or removed without updating the links, it is a typical source of broken links.

If eBay, for example, makes a promotional page for their New Year's sales (www.ebay.com/new-years-sale) and links to it all across their website, but then takes the page down after the sale is over, the links would still take users to a page that doesn't exist. In eBay's example, this results in a 404 error page that reads, "We looked everywhere," before redirecting customers to the support or main sites. 

Encountering such a page can leave users feeling frustrated and confused, as the site is unable to find the content they were searching for.

Incorrect URL 

Another issue that can lead to errors is a malformed URL, often resulting in a 400 Bad Request error. In contrast to a 404, which is the result of a missing page, a 400 error happens when there is a problem with the URL that prevents the server from understanding the request.

Usually, a typo occurs when the link is added to a website or when a user writes the URL incorrectly in their browser. For instance, if you intended to connect to a product page like "website.com/white-top," but accidentally included an extra character, like "website.com/white-to%p," the server would be unable to process the incorrect URL, and the link would show a 400 error.

Change in site structure or URLs

Hard-coded links frequently become obsolete and result in broken links when websites are restructured or have their URL changed.

For instance, When a page that was formerly at "example.com/products" is changed to "example.com/store/products,", any hard-coded links that point to the previous URL will return a 404 error until they are modified. These outdated links can leave users stranded, unable to find the desired content.

Broken image links

Image links can also break if the associated image files are deleted or moved. Users will see a broken image symbol if the image is no longer there at the provided location, even though the HTML code may still reference it with a tag.

An empty placeholder appears on the page when the image file is moved or deleted but the link pointing to it is still in the same place.

Domain changes

When a website's domain name changes, outbound links pointing to the previous domain may break, frequently resulting in a 502 Bad Gateway message. This error indicates that the server cannot be reached, and the error page typically shows a message like "502 Bad Gateway."

Faulty plugins

Broken links can also occur due to poorly maintained third-party plugins.

Many websites use plugins to offer functionality like social media sharing buttons. However, when users click on the buttons, broken links could occur if the plugin's code is out-of-date or no longer maintained. 

How To Find Broken Links On Your Website?

We will guide you through the ways in which you can identify broken links on your ecommerce store. 

#1 Manual checking 

While this method can be time consuming, it is often used for smaller websites.

• Click Every Link: Open your site and systematically click through each page and its links to check if they are functioning correctly.
• Check 404 Errors: If you encounter a 404 (page not found) error, you've identified a broken link.
• Check Images and Files: Make sure images are displayed correctly, and files (like PDFs) open as intended. Broken image links will show a "broken image" icon, while files that fail to load might result in errors.

Manual checking is not suitable for large websites as it is incredibly easy to miss a broken link and thus can be a very time consuming process.

#2 Using browser extensions

A number of browser extensions are available to help identify broken links on websites. These lightweight tools are perfect for sites that are small to medium in size.

Recommended Extensions:

• Check My Links (Chrome Extension): This tool scans your webpage for broken links, highlighting working links in green and broken links in red. It’s an easy to use tool for quick checks.
• Link Checker (Firefox Extension): A similar extension for Firefox users that provides a quick scan of the page and highlights both working and broken links.

How it works:

All you have to do is install the browser extension, open the desired URL, and launch the extension. It will quickly check every link on the page and show you the results.

#3 Using online tools 

Compared to browser extensions, online broken link checkers are more accurate and convenient. They are primarily used for larger websites. 

Dead Link Checker: This tool lets you examine a single page or a whole website. It checks your URLs and highlights any broken links so you can easily fix them.

Ahrefs' Broken Link Checker: It is a powerful SEO tool that includes a feature to identify broken links on your website. By just entering a website URL, the tool will provide you with a detailed report of all broken links on your site.

Google Search Console: Although not a dedicated broken link checker, Google Search Console can help you find crawl errors on your site, including broken links that lead to 404 errors. This is an excellent tool for website owners who want to improve the overall state of their website.

How online tools work:

Most online tools ask you to enter the URL of your website. The tool will then crawl through your site, checking all the internal and external links. Once the crawling is done, it generates a report of all the broken links and their respective locations on your website.

#4 Using desktop software

For detecting broken links, desktop programs like Screaming Frog SEO Spider are a great option if you like software that operates locally on your computer.

How it works:

After installation, enter the URL of your website, and the program will start crawling. After the scan, you can filter the results to view only the broken links. Screaming Frog offers further information about these links, including the source URL and the problem type (e.g., 404).

How To Fix Broken Links On Your Website?

Now, that we have covered all the information related to broken links, we will now identify ways on how to fix them.

Fix or redirect broken links 

1. Update the link - Update the hyperlink to the right URL if it is directing to a page that has been renamed or moved. This is the easiest way to deal with the content that is still there but in a different location.
2. Set up 301 redirects - When a page is no longer available but a new or improved version is, use a 301 redirect to link viewers to the new page. A 301 redirect maintains SEO value while guaranteeing a smooth user experience by informing search engines and browsers that the page has permanently changed to a new URL.
3. Remove the link - You might need to remove the link completely if the linked page is no longer available and there isn't any relevant information or a substitute to refer users to. Make sure the removal of the link doesn't interfere with the page's functionality or user experience.

Fix broken internal links

Internal links are essential for both user navigation and search engine optimisation as a broken internal link can affect both ranking and user experience. 

1. Update or Redirect: If the page has been moved or renamed, follow the same procedure to either update the link to the correct URL or set up a 301 redirect.
2. Verify for Site Structure Changes: If you have moved to a new CMS or reorganised your website, make sure to check internal links for any failures that might have happened during the transition. For instance, if you moved from “example.com/products” to “example.com/shop/products,” update the internal links accordingly.

Fix broken external links

Over time, external links that point readers to other websites may also malfunction as other sites change their design or take down material.

1. Update the Link: Locate the updated URL and modify your link if the page you're linked to has changed or been renamed.
2. Remove the Link: If the external content is no longer available and there isn't a suitable replacement, take the link down. Remove the link and check that the surrounding text still makes sense, or rewrite the section to make it relevant.
3. Link to Related Resources: Look for a related page on the same website or another reliable source if the original page has been removed, and then replace the broken link with a functional one. This helps maintain the value of your content and ensures users are still directed to helpful information.

By implementing these practices, you can minimize broken links and maintain a healthy, user-friendly website.

Author

Chandni Bhavsar

Chandni, a skilled project manager, brings the perfect blend of creativity and technical know-how to Shopify stores. Her approach to ecommerce stores is all about making the user experience feel like a breeze. Passionate about staying ahead of the curve, she not only manages projects smoothly but also loves educating others on the latest Shopify trends, helping them keep their stores vibrant and competitive.