Utilisation de sprites CSS et de texte masqué - effet sur le référencement?
J'utilise des sprites CSS pour les boutons de mon site Web. Ils sont utilisés pour arrêter/lire/télécharger, etc. Si j'utilise par exemple un bouton de lecture <i class="preview">preview "track name"</i> avec le texte, je masque le texte à l'aide de text-indent:-9999px.
Cela suffirait-il pour être pénalisé? (Gardez à l'esprit qu'il peut y avoir 60 produits par page et chacun aura 3 sprites avec du texte caché!)
Ça ira. Le texte caché n'est qu'un problème quand il est fait dans le but de manipuler les moteurs de recherche. Ce n'est pas quoi vous faites mais pourquoi vous le faites qui cause la plupart des pénalités et c'est un exemple parfait de cela. Le texte masqué dans cet exemple est simplement une solution de remplacement pour les utilisateurs qui ne disposent pas de fonctionnalités CSS (ces derniers temps sont rares pour les utilisateurs mais les bots sont une histoire différente de celle des lecteurs d'écran).
En accord total avec la réponse de John Conde, je tiens à vous avertir de ne pas supprimer le texte.
Supprimer le texte enlèvera des informations sur la page. Les moteurs de recherche ne peuvent pas lire les images, sans parler des sprites CSS; s'attendre à tomber dans leur classement. Les lecteurs d'écran utilisés par les aveugles ne peuvent ni lire ni décrire les images; attendez-vous à avoir des clients déçus.
Enfin, je ne connais pas le contexte juridique de votre pays, mais la suppression de ce texte rendra votre site Web inaccessible aux personnes aveugles, ce qui peut entraîner des problèmes juridiques.
Si vous envisagez d’utiliser directement le spriting CSS avec vos balises <a> (ce qui est probablement le meilleur moyen de le faire pour les liens), vous devez absolument vous assurer d’avoir une propriété alt dans chacun de vos liens d’image sprited expliquant le lien est à avec quelques mots.
Cela peut être littéralement le texte de votre image de lien. Cela résoudra également le problème du fonctionnement de votre site pour les aveugles, car les pages pour les aveugles liront les balises alt. Cela vous permettra peut-être de ne plus avoir besoin des balises hiddens supplémentaires, mais je ne pense pas que leur utilisation causera un problème spécifique.
Ne l'enlevez pas, c'est bon pour vous tant que le texte écrit dans l'élément "a du sens" par rapport à vos icônes. En outre, vous pouvez ajouter des descripteurs supplémentaires via l'attribut "title" si vous le souhaitez.
Je ne vais pas prétendre être un expert et dire que cela améliorera votre référencement, mais la logique suivante et comment Google, par exemple, aime bien le HTML bien formaté, je ne peux que supposer il lit tout et utilise toutes les informations pertinentes pour analyser et classer votre site.