Stage 2Get Online

How to Fix Broken Links and Images on Your Website Today

5 min read
beginner
fix
Share:

Nothing undermines your professional credibility faster than a visitor clicking a link that goes nowhere or seeing a broken image icon where your product photo should be. These seemingly small technical issues create an immediate trust problem—visitors question whether your business is still operating or if you care about details. Worse, Google interprets broken links and missing images as signs of an unmaintained, low-quality website, directly harming your search rankings.

The good news? Fixing broken links and images is one of the highest-impact maintenance tasks you can complete in under an hour. Unlike complex technical optimizations, this is straightforward detective work: find the broken asset, locate where it's referenced, and either fix the destination or update the source. The result is an immediate improvement in both user experience and SEO health.

This Core Blueprint guide walks you through the complete process of identifying and repairing the three most common types of broken assets: internal 404 links, external dead links, and missing images. You'll learn exactly which errors to prioritize, how to fix them in your CMS, and when to use 301 redirects instead of direct edits.

Quick Navigation:


Quick Start (5 Minutes)

This rapid version focuses exclusively on finding and fixing internal 404 errors on your five most important pages—the issues that damage trust and SEO most severely.

Not sure you have the right tools to check 404s? NetNav's comprehensive audit scans every page on your site to locate broken links and missing images in under 60 seconds, saving you time downloading and configuring specialized plugins.

Five Essential Steps

Step 1: Run a Quick Scan

Use a free online tool (like Dead Link Checker or Broken Link Check) or install a WordPress plugin (like Broken Link Checker). Enter your homepage URL and let it scan. This typically takes 2-5 minutes depending on site size.

Step 2: Filter to Internal 404s Only

Most tools will find hundreds of issues including external links, redirects, and warnings. Filter the results to show only "404 Not Found" errors where both the source page (the page containing the link) and destination page (where the link points) are on your own domain. Ignore external links for now.

Step 3: Prioritize by Page Importance

Sort the filtered results by source page. Focus exclusively on broken links found on your homepage, main service pages, and contact page. A broken link buried in a 2019 blog post can wait; a 404 on your homepage cannot.

Step 4: Fix the Source Link

For each priority error, open the source page in your CMS editor. Locate the broken link text (the tool will show you the anchor text). Update the destination URL to the correct page address, or delete the link entirely if the destination no longer exists. This builds on the organizational work you completed in Improve Your Website Speed, where you cleaned up unnecessary files and assets.

Step 5: Verify the Fix

Save your changes and re-run the scan on just those pages you edited. Confirm the 404 errors have disappeared from the report.

✅ Completed the quick version? Move on to 25-Point Website Pre-Launch Checklist or continue below for the detailed walkthrough covering external links, images, and redirect setup.


Complete Step-by-Step Guide: Three Types of Fixes

This comprehensive section covers all three categories of broken assets and introduces 301 redirects for situations where updating the source link isn't the right solution.

Step 1: Identify the Complete Scope

Run a full website audit that categorizes errors into three types:

  • Internal 404s: Links between your own pages where the destination doesn't exist
  • External dead links: Links to other websites that return errors
  • Missing images: Image files that can't be loaded (broken image icons)

Most comprehensive tools (including your CMS's built-in checker or Google Search Console) will separate these automatically. Export or screenshot the full report—you'll use this as your working checklist.

What the numbers mean: Finding 50-100 errors on a 20-page website is normal, especially if you've reorganized content or changed page URLs. Finding 500+ usually indicates a platform migration or major restructure that needs systematic redirect mapping (covered in Step 3).

Example output from a broken link checker tool, highlighting the 404 status and the page where the error is located.

Step 2: Fix Type 1 – Internal 404 Links (Direct Edits)

Internal 404s occur when you've linked to a page using an old URL, renamed a page without updating internal references, or deleted a page that other pages still link to.

The fix process:

  1. Locate the source page: Your audit report shows which page contains the broken link. Open that page in your CMS editor.
  2. Find the broken link: Use your browser's find function (Ctrl+F or Cmd+F) to search for the anchor text (the clickable words) shown in your audit report.
  3. Update the destination: Highlight the link and click your CMS's "edit link" button. Replace the old URL with the correct current URL of the destination page. If you're unsure of the correct URL, navigate to the destination page in a new tab and copy the address bar URL.
  4. Save and verify: Publish the page update and click the link to confirm it now works correctly.

This process reinforces the principles of strategic internal linking—every internal link should point to a live, relevant page that enhances the user's journey through your site.

Step 3: Set Up 301 Redirects (When the Destination Moved)

Sometimes you can't simply update the link because the broken URL is referenced in dozens of places—old blog posts, external websites linking to you, printed materials, or email signatures. In these cases, set up a 301 redirect that automatically sends anyone visiting the old URL to the new location.

When to use redirects instead of editing:

  • The old URL appears in 10+ places across your site
  • External websites link to the old URL (you can't edit their links)
  • The old URL was shared on social media or in email campaigns
  • You've permanently moved or renamed an important page

How to create a 301 redirect:

Most modern CMS platforms offer redirect management through a plugin (WordPress: Redirection, Simple 301 Redirects) or built-in settings (Squarespace, Wix, Shopify all have redirect managers in settings).

  1. Open your redirect management tool
  2. Enter the old URL path (everything after your domain: `/old-page-name`)
  3. Enter the new URL path where visitors should land: `/new-page-name`
  4. Select "301 Permanent" as the redirect type
  5. Save and test by visiting the old URL—you should automatically land on the new page

Interface showing how to input an Old URL and New URL for a 301 redirect in a standard CMS plugin or platform setting.

Important: 301 redirects pass approximately 90-95% of the old page's SEO value to the new destination, preserving your search rankings. Never use 302 (temporary) redirects for permanent moves.

Manually tracking redirects and ensuring they remain valid is often tedious and time-consuming. This is one of the crucial maintenance checks NetNav runs automatically across your whole site, ensuring new content updates don't accidentally introduce new 404s.

Step 4: Fix Type 2 – External Dead Links

External links break when the websites you've linked to move content, delete pages, or go offline entirely. Unlike internal links, you can't control the destination.

Your three options:

  1. Update to the new location: If the content moved to a new URL on the same site, update your link to point to the new address. Use the Wayback Machine (web.archive.org) to find archived versions if the current site doesn't show where content moved.
  2. Find equivalent content: If the original source disappeared but similar authoritative content exists elsewhere, update your link to the new source and adjust your anchor text if necessary.
  3. Remove the link: If the content is truly gone and no equivalent exists, remove the hyperlink but keep the text. Add a note like "(source no longer available)" if the reference was important to your point.

Priority rule: Fix external links on your homepage, service pages, and any content you actively promote first. Broken external links in old blog posts are lower priority unless those posts still receive significant traffic.

Step 5: Fix Type 3 – Broken Images

Missing images appear as broken image icons—usually a small box with an X or a generic placeholder symbol. These occur when the image file was deleted, moved, renamed, or the file path in your page code is incorrect.

The typical broken image placeholder icon (a small box or a default symbol) as seen on a live web page.

The diagnostic process:

  1. Visual inspection: Load each of your priority pages in a browser and scroll through looking for broken image icons. This catches issues that automated tools sometimes miss.
  2. Check the media library: Open your CMS media library and search for the image filename shown in your audit report. If the file exists, the problem is usually an incorrect file path reference.
  3. Verify the file path: In your page editor, click the broken image and check the image source URL. Common issues include:
  4. Case sensitivity errors (`Image.jpg` vs `image.jpg`)
  5. Incorrect folder paths (`/images/photo.jpg` vs `/media/images/photo.jpg`)
  6. Absolute URLs pointing to old domain names after a site migration

The fix:

  • If the file exists: Delete the broken image from your page and re-insert it from your media library, which will create the correct file path reference.
  • If the file is missing: Re-upload the image to your media library, then insert it into the page. If you don't have the original file, you'll need to source a replacement image.
  • If the image is no longer needed: Simply delete the broken image reference from the page.

This process connects directly to optimizing image files—when you re-upload images, ensure they're properly compressed and named before insertion.

Step 6: Address Server and Crawl Errors

If your audit report shows errors beyond simple 404s—such as 500 (server errors), 503 (service unavailable), or "blocked by robots.txt"—these indicate deeper technical issues that require different solutions.

Common non-404 errors:

  • 500/503 errors: Usually indicate hosting or server configuration problems. Contact your hosting provider with specific examples.
  • Blocked by robots.txt: You've accidentally told search engines not to access certain pages. Review and edit your robots.txt file (usually at yoursite.com/robots.txt).
  • Redirect chains: Multiple redirects in sequence (A→B→C) slow down your site. Simplify to direct redirects (A→C).

For detailed guidance on addressing deeper server errors, particularly those reported in Google Search Console, see our dedicated crawl error guide.

Step 7: Verify and Document Your Fixes

After completing your repairs:

  1. Run a final full-site scan: Verify that your priority errors (internal 404s and broken images on key pages) now show zero issues.
  2. Document what you fixed: Create a simple spreadsheet logging:
  3. Date of fix
  4. Error type (404, broken image, redirect)
  5. Source page
  6. What you changed
  7. Any redirects you created
  8. Set a maintenance schedule: Add a monthly calendar reminder to run a quick link check. Catching new broken links early prevents them from accumulating into overwhelming backlogs.
  9. Prioritize ongoing checks: Focus monthly scans on your key high-converting pages—homepage, primary service pages, contact page, and your top 5 blog posts by traffic.

🎉 Completed? You've successfully eliminated critical technical debt and significantly improved visitor experience. You're now ready to move forward to the 25-Point Website Pre-Launch Checklist, where you'll complete all final technical and content checks before going live.


Troubleshooting


What's Next

You've successfully cleaned up broken links and images—critical technical maintenance that improves both user trust and search engine rankings. Your site now provides a smooth, professional experience without frustrating dead ends or missing visuals.

Your next Blueprint step: 25-Point Website Pre-Launch Checklist

Before you launch your site publicly (or if you're already live, before your next major update), work through our comprehensive pre-launch checklist. It covers everything from final content proofing to legal compliance, ensuring nothing important slips through the cracks.

Go Deeper

Other Get Online Guides


You've successfully eliminated common website errors and significantly improved your site's foundation. NetNav can audit your entire site across 9 pillars in 60 seconds—see what other technical and marketing aspects need attention before your next big launch. From security vulnerabilities to SEO opportunities, get a complete picture of your website health without manually checking hundreds of individual elements.