Issue: Broken internal images can’t display properly, making your site look unprofessional and signaling to search engines that your page might be low quality.
Fix: Locate and fix any broken images by correcting their URL, replacing them, or removing them if they’re no longer needed.
How to Fix for Beginners
- Check the Image URL: Verify that the image URL is correct and points to the right location.
- Example: Instead of
/images/pic.jpg
, the correct path might be/assets/images/pic.jpg
.
- Example: Instead of
- Replace Missing Images: If the image file was deleted or corrupted, upload a replacement.
- Example: If a product image is missing, re-upload it and update the link.
- Remove Unused Images: If an image isn’t essential, delete the
<img>
tag from the page’s code.- Example:
<img src="broken-image.jpg" alt="Missing">
→ Remove this line if it’s not needed.
- Example:
- Use Alt Text: Always include a descriptive
alt
attribute for images to improve SEO and accessibility.- Example:
<img src="pic.jpg" alt="A sunny beach at sunset">
- Example:
- Test Your Fixes: Use a browser or a site audit tool to confirm all images are now displaying correctly.
Tip: Fixed and well-described images improve both user experience and your SEO rankings.