Tout le monde sait que la mise en page div+css est désormais très populaire. CSS sépare le contenu et la présentation de la page Web, rationalise le code de la page Web, modifie quelques codes et crée un nouveau style de page Web, haha ! Inutile de dire que la vitesse d'ouverture ! Mais du point de vue du référencement, le texte caché est une triche SEO ! ! Le CSS est-il parfait comme mentionné ci-dessus ? Je ne suis pas sûr, alors discutons de la question de savoir si l'image CSS peut parfaitement remplacer la balise img ? Bien sûr, cela inclut alt !
1. Le code HTML des images dans les pages Web générales est le suivant :
<h1>
<img src="images/logo.jpg" alt="nom du logo" />
</h1>
2. Si vous utilisez CSS à la place, écrivez d'abord un morceau de code CSS (où .logo est le sélecteur de classe) :
h1.main-logo {
largeur : 300 px ; hauteur : 50 px ;
arrière-plan : url(images/logo.jpg) ;
retrait du texte : -9999px ;
}
Lorsque vous appelez CSS sur une page Web, le code est le suivant :
<h1 class="main-logo">Nom du logo</h1>
Les deux méthodes d'expression ci-dessus sont exactement les mêmes, mais la façon dont le CSS exprime l'image fera que les mots « Nom du logo » seront cachés dans le texte. D'un point de vue SEO, est-ce de la triche ? (Experts SEO, veuillez laisser un message !)
Pourquoi tout le monde aime utiliser ce CSS ? Je n’expliquerai pas la raison, cela a déjà été mentionné ! Mais les moteurs de recherche comprennent-ils ? Bien que la vitesse d’ouverture des pages Web soit conviviale pour les utilisateurs, les moteurs de recherche peuvent-ils la comprendre ? Comme nous le savons tous, les moteurs de recherche ne reconnaissent que le texte, pas les images ! En utilisant CSS, il est évident que le texte est masqué. Les moteurs de recherche puniront sévèrement la tricherie SEO du texte caché ! Mais l’utilisation de CSS est techniquement raisonnable. Google et d’autres moteurs de recherche peuvent-ils le comprendre ?
Voyons ce que Matt Cutts, ingénieur senior chez Google, a à dire ?
Si vous utilisez directement CSS pour masquer du texte, ne soyez pas surpris si cela s'appelle du spam. Je ne dis pas que les survols de la souris ou le texte DHTML ou avoir un logo mais aussi du texte sont du spam. J'ai répondu à cette dernière question lors d'une conférence lorsque j'ai dit : « imaginez à quoi cela ressemblerait pour un visiteur, un concurrent ou quelqu'un qui consulte un rapport de spam si vous affichez le nom de votre entreprise et le logo Expo Markers. tout devrait bien se passer. Si le texte que vous décidez d'afficher est « Expo Markers cheap online discount buy online Expo Markers sale… », alors je serais plus prudent, car cela peut paraître mauvais.
On voit dans ses propos que si vous utilisez délibérément CSS pour jouer au SEO, haha, ce serait un peu dangereux ! S’il est raisonnable d’utiliser CSS pour améliorer la convivialité, il n’y a pas de quoi s’inquiéter.
Post-scriptum : j'ai quand même jeté un œil au logo de Google. Il utilise l'img mentionné dans le premier point de cet article. Et je vois que certains Wikipédias utilisent des images CSS, et leur classement en poids ne semble pas avoir d'impact ! Bien! C’est une question difficile à trancher, alors laissons le soin à chacun ! !
Source de cet article : www.bobaiyou5.com
Merci à Bobaiyou pour votre contribution