Miss alt on collection thumbnails

Technical Q&A
,

Topic summary

A Shopify store owner reports that SEO tools detect missing alt attributes on collection thumbnails, despite having added alt tags. The issue appears related to the Dawn theme not properly rendering the alt attribute in the HTML.

Proposed Solution:

  • Navigate to Online Store → Edit Code
  • Locate main-collection-banner.liquid
  • Replace existing alt tag code with: alt="{{collection.image.alt | escape}}"

Current Status:
The original poster implemented the suggested fix, but the problem persists. The helper has requested the store URL to investigate further.

Key Issue: The alt text may be added in the backend but isn’t being output correctly in the frontend HTML markup, causing SEO tools to flag it as missing.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
1

My collection thumbnails have ALT tags added but 100% of SEO tools say it’s missing

It seems like Shopify’s Dawn theme doesn’t add the “alt” attribute to the HTML tag of the image. How do I fix this?

Thanks

Screenshot 2024-07-03 175135.png
Screenshot 2024-07-03 175135.png2443×1133 324 KB

2

Hello @TRUONGPHAM_102 ,

Navigate to Online Store → Edit Code → search for the file main-collection-banner.liquid, find the alt tag, and replace the code with the above code.

alt="{{ collection.image.alt | escape }}"

1.png
1.png1909×821 79.5 KB

3

I followed the instructions, but the situation is still the same; I don’t understand why

4

"Can you share the URL of your store?