Shopify themes, liquid, logos, and UX
I've noticed that `{{ image.alt }}` isn't working properly.
- It returns null if the image was uploaded and retrieved from a section (Theme settings/customizer). (With section I mean for example those that appear on the homepage created thru schema, Theme settings/customizer)
- It works if the image comes from an Article, Product.
I've checked and all Shopify themes have this problem.
It's pretty damn bad for SEO, because you've a lot of empty <img alt=""> images on the homepage.
Any suggestions on how this can be fixed?
Hey there @crusco ,
Yes, you are right, it's not good for SEO but the Shopify theme can't determine the alt-text themselves so the alt text needs to be added by the user. I agree that image picker sections should come with a text field to enter alt-text.
Hi, any updates on this (or workarounds)? We added a collections section to the Homepage and added Alt Text to the image but on the live page th ealt text is blank. See Picture block below:
Agree its a major SEO Issue especially as its the Website Homepage.
<picture style="display: none;"><source data-srcset="//cdn.shopify.com/s/files/1/0522/3566/5561/files/BLOCK-2_750x960_crop_center.jpg?v=1687349554 750w, //cdn.shopify.com/s/files/1/0522/3566/5561/files/BLOCK-2_1000x.jpg?v=1687349554 1000w, //cdn.shopify.com/s/files/1/0522/3566/5561/files/BLOCK-2_1500x.jpg?v=1687349554 1500w" sizes="572px" srcset="//cdn.shopify.com/s/files/1/0522/3566/5561/files/BLOCK-2_750x960_crop_center.jpg?v=1687349554 750w, //cdn.shopify.com/s/files/1/0522/3566/5561/files/BLOCK-2_1000x.jpg?v=1687349554 1000w, //cdn.shopify.com/s/files/1/0522/3566/5561/files/BLOCK-2_1500x.jpg?v=1687349554 1500w"><img alt="" class="lazyautosizes Image--lazyLoaded" data-sizes="auto" data-optimumx="1.4" data-parent-fit="cover" sizes="572px"></picture>
Update there is a fix posted here for the Dawn Theme:
https://www.gomasuga.com/blog/fix-shopify-collection-image-blank-alt-text
This fix worked for a lot of the images, however I now have PRODUCT images that have alt text on them, but these fixes don't cover for product images. I tried to work it out myself, but no avail. These are the images that are saying no alt text, yet they have it assigned, can anyone help?
User | RANK |
---|---|
196 | |
178 | |
85 | |
62 | |
45 |
Transform this holiday season into a shopping spree. Plus, learn how to effortlessly open ...
By Jasonh Dec 8, 2023Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023