Jump to content

[Bug 4.7.4] Commerce - Product images missing ALT text / image size issues


The Old Man
 Share

Recommended Posts

Hi,

Please can you address some Commerce related HTML/CSS issues:

1) Commerce product carousel images (featured products) are missing alt text which presumably would usually be the product name for SEO:

<li class="ipsGrid_span3 ipsCarousel_item cNexusWidgetProduct cNexusProduct_mini ipsPad_half ipsClearfix ">
<a href="https://example.com/store/product/6-giant-furry-underpants-mucus-green/" class="cNexusProduct_image">
<img src="https://example.com/uploads/monthly_2021_12/6-giant-furry-underpants-mucus-green.webp" data-src="https://example.com/uploads/monthly_2021_12/6-giant-furry-underpants-mucus-green.webp" class="ipsImage" alt="" style="height: auto;" data-loaded="true">
</a>
...

 

2) There is no width attribute leading to a increased CLS penalty (content layout shift).

https://web.dev/optimize-cls/?utm_source=lighthouse&utm_medium=lr#images-without-dimensions

3) The thumbnails are still using the actual full size product images instead of a thumbnail, e.g. 2048x1461 image being displayed at 176x125, which I think has been reported many times.

Many thanks!

Link to comment
Share on other sites

  • 1 month later...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...