Si j'ajoute ces éléments span
à l'intérieur de l'élément h1
, cela affectera-t-il mon référencement?
<h1>PRODUCT 123456789
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span></h1>
Il n'y a aucune raison de supposer que cela affecte les moteurs de recherche de quelque manière que ce soit. Ce ne sont que des éléments vides, sans signification, en ce qui concerne le code HTML.
Si vous vous souciez du HTML sémantique, vous voudrez peut-être utiliser un balisage différent. La valeur du classement en étoile fait partie du contenu, elle ne doit donc pas être ajoutée via CSS. L'élément meter
peut être utilisé pour cela. Il transmet la valeur nominale sous forme lisible par machine.
<h1>
PRODUCT 123456789
<meter value="3" min="0" max="5">★★★☆☆</meter>
</h1>
(Ajouter les étoiles en tant que contenu réel aura évidemment un impact sur les moteurs de recherche, car ils ont maintenant un contenu qui pourrait être affiché, par exemple dans leurs extraits de résultats. Vous pouvez également utiliser une méthode CSS uniquement avec meter
; ce serait encore mieux. que span
, car les navigateurs de texte, les outils d’accessibilité, etc. ont la possibilité de donner la note.)