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?
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.
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.