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
- 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">
- Example:
- 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">
- Example:
- 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">
- Bad Example:
- Leave Decorative Images Blank: If an image is purely decorative, set the
alt
attribute to empty.- Example:
<img src="border.png" alt="">
- Example:
- 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.