Sémantique pour une liste de produits (e-commerce)

Bonjour,

Je me pose des questions sur la meilleur sémantique à appliquer pour une liste de produits (site e-commerce) comme sur cette page :

zalendo

Sur beaucoup de sites e-commerce, le bloc produit sera seulement composé de <span> ... n'est-ce - pas dommage ? N'y aurait-il pas une sémantique plus riche ? En html5 ?

<h1>Baskets</h1>
<ul id="list-products">
  <li>
    <a href="#">
       <span class="img-product"><img="" alt="image basket"/></span>
       <span class="label-product">Pure slim basket</span>
       <span class="price-product">40€</span>
    </a>
  </li>
  <li>
    <a href="#">
       <span class="img-product"><img="" alt="image basket 2"/></span>
       <span class="label-product">Air Waffle basket</span>
       <span class="price-product">60€</span>
    </a>
  </li>
</ul>

Je vous remercie par avance ! Bonne journée !

Très bien alors ! Merci !

Je pensais vraiment qu'avec les nouveaux markups html5, une sémantique plus riche serait possible.

Attention juste aux alternatives textuelles des images qui, dans un tel contexte, sont des images de décoration .