web-dev-qa-db-fra.com

Effet SEO avec une police différente pour certains caractères?

J'ai une police de caractères différente pour certains caractères de mon site Web, le code est donc le suivant:

<h1>L<span style="letter-spacing: -5px">a </span><span 
      class="bletter">C</span>harte qualité mes <span     
      class="bletter">R</span>ideaux</h1>

C'est beau sur mon site, mais les mots sont coupés par les balises HTML, est-ce un problème pour le référencement?

2
Sacha Cohen

Il n’existe aucune preuve tangible à ce sujet. Bien qu'il soit concevable que les moteurs de recherche et autres programmes traitent span (et d'autres éléments en ligne) comme des mots de rupture, un tel comportement a) n'a pas de fondement dans les spécifications HTML, b) n'a pas été détecté de manière démontrable, grande partie des pages dans les mots d’identification, puisqu’un tel balisage est courant et constitue en général le seul moyen de styler différemment les lettres d’un mot (sauf que vous pouvez ajouter les éléments en JavaScript côté client).

Cependant, dans ce cas, il est possible d'éviter l'utilisation de balises à un caractère. Vous pouvez envisager de le faire par souci de clarté (ce qui affecte la facilité de maintenance), mais vous éviterez également le risque potentiel de référencement mentionné. Exemple:

<style>
.special:first-letter { color: red;  }
.special { display: inline-block; }
</style>     
<h1><span style="Word-spacing: -10px">La </span><span 
class="special">Charte</span> qualité mes <span     
class="special">Rideaux</span></h1>

Ainsi, au lieu de styler des lettres spécifiques (ici de couleur rouge, pour plus de précision) entourées de span, vous appelez les premières lettres de certains mots, de sorte que span contienne un mot entier et non une lettre. Puisque span par défaut est un élément en ligne et que :first-letter ne s’applique pas à cet élément, je l’ai défini sur un bloc en ligne. De même, pour supprimer l'espacement entre les mots, ce code définit un espacement des mots négatif au lieu d'un espacement des caractères. Notez que dans le code d'origine, la span contient en fait deux caractères, une lettre et un espace, et pour obtenir le même espacement avec Word-spacing, j'utilise une valeur deux fois plus grande.

0
Jukka K. Korpela

Je ne peux pas le dire avec certitude, mais je ne pense pas que ce soit intéressant pour le référencement, car votre code HTML n'est utilisé que pour le style, pas pour le sens. Google est peut-être assez intelligent pour comprendre qu’il ya des mots, mais j’éviterais personnellement d’ajouter des lettres span aux lettres sur des sites pour lesquels je me soucie du référencement.

Au lieu de cela, vous devez utiliser ::first-letter_ ET ::nth-letter() pour éviter de placer des balises HTML autour de lettres spécifiques.

0
guaka