Resolving Broken Images

What is a broken image?

A broken image occurs when a webpage references an image that is no longer available. Instead of displaying the image, visitors may see a broken image icon, missing content, or empty space on the page.

DubBot reports a broken image when it cannot retrieve the image file during a website crawl.

Common causes

Broken images are typically caused by one of the following:

• The image was deleted.
• The image was renamed.
• The image was moved to a different location.
• The image was never published.
• The page references an incorrect image URL.

Fixing a broken image in Cascade CMS

1. Open the affected page from DubBot using Open In > Editor.
2. Locate the missing image on the page.
3. Verify that the image asset still exists within Cascade.
4. If the image exists, update the page to reference the correct image.
5. If the image has been removed, upload a replacement image and update the page.
6. If the image is no longer needed, remove it from the page.
7. Publish the image (if applicable) and the updated page.

Whenever possible, select images using Cascade’s asset chooser instead of manually entering image URLs.

Fixing a broken image in WordPress

1. Edit the affected page.
2. Locate the missing image.
3. Upload the replacement image to the Media Library if necessary.
4. Replace the missing image with the correct file.
5. Update the page.
6. Verify the image displays correctly on the published page.

Verify the correction

After publishing:

1. Open the published page.
2. Confirm the image displays correctly.
3. Verify the image loads without errors.
4. Wait for DubBot’s next scheduled crawl to confirm the issue has been resolved.

Best Practices

• Use descriptive filenames for images.
• Avoid manually entering image URLs when selecting assets through your CMS is available.
• Remove images that are no longer relevant instead of leaving broken references.
• Periodically review older pages to ensure referenced images are still available.