How to fix: Images without alt attributes

Issue: Missing alt attributes on images means search engines can’t understand your images’ content, lowering your chances of ranking in image search. It also reduces accessibility for visually impaired users.

Fix: Add relevant alt attributes to all <img> tags on your website to describe the content of the images.

How to Fix for Beginners

  1. Describe the Image: Add a clear, concise description of what the image shows in the alt attribute.
    • Example: <img src="dog.jpg" alt="Golden Retriever playing in a park">
  2. Use Keywords Where Relevant: If the image relates to your page’s keywords, naturally incorporate them in the description.
    • Example: <img src="recipe.jpg" alt="Easy pancake recipe with blueberries">
  3. Avoid Overstuffing: Don’t cram keywords unnaturally into the alt text—keep it meaningful and user-friendly.
    • Bad Example: <img src="product.jpg" alt="Best shoes best shoes buy shoes best price">
  4. Leave Decorative Images Blank: If an image is purely decorative, set the alt attribute to empty.
    • Example: <img src="border.png" alt="">
  5. Test Your Fixes: Use browser developer tools or accessibility tools to verify all images now have useful alt attributes.

Tip: Adding proper alt text improves SEO, accessibility, and helps your site rank in image searches.