Utilisation de 'data-...' en html pour le référencement ?

[19ROMEO93]

bonsoir à tous
j'ai voulu réaliser une animation animé mais qui aurait également un rôle au niveau du référencement ducoup:

- je l ai englobé dans une balise <p>
-les icônes ( à l intérieur de la balise <p>) corresponde en faite à des balises <strong> : j 'ai utilisé ' data-' pour mes pseudos élément ::after mais aussi pour avoir une valeur sémantique pour mon référencement

En faite je viens vers vous car je ne suis pas totalement sur de cette idée.

lien de la video

Matthias

[liammoreau36]

Mieux vaut séparer animation et texte : utilise <span> avec aria-label pour le contenu SEO et les pseudo-éléments pour les icônes décoratives.

[lilacohen48]

Bonsoir,
L’idée est intéressante, mais pour le référencement, les pseudo-éléments (::after, data-*) ne sont pas pris en compte.
Mieux vaut mettre le contenu important directement dans le HTML (texte visible), et utiliser le CSS uniquement pour l’animation.