web-dev-qa-db-fra.com

Avoir une balise <span> autour d'une partie d'un mot blesse-t-il le référencement?

Si je fais

<h1>H<span style="font-size: 12px;">Ello</span>
W<span style="font-size: 12px;">orld</span></h1>
  1. Est-ce que les moteurs de recherche le liront comme "Hello World"?
  2. Cela va-t-il nuire au référencement?

Je ne fais pas de JS ou quoi que ce soit d'autre. Je veux juste que les autres lettres soient plus petites. Je sais que je devrais trouver une police appelée "Small Caps" - mais cette police n’existe pas.

  1. Que recommanderiez-vous dans ce cas, la meilleure approche?
1
Radek
  1. Oui, c'est bon et les moteurs de recherche verraient le texte comme "Bonjour".

Raison: lettrines, les sites Web aiment que NYC.com utilise des lettrines, les lettrines ont besoin de codes CSS spéciaux sans div, span ou classe Les lettrines ne sont pas possibles, mais les moteurs de recherche les analysent tout de même. Vous devez simplement vous assurer que les moteurs de recherche peuvent explorer votre site.

  1. Cela ne fera pas de mal au référencement.

  2. Aucune recommandation n'est nécessaire dans ce cas, mais essayez de vous reporter à lettrines .

2
The KingMaker

Utiliser une durée comme celle-là ne fait pas mal à SEO, cependant il n'y a aucune raison de le faire quand le pseudo-élément ::first-letter existe. Vous pouvez procéder comme suit pour styler uniquement la première lettre sans modifier votre balisage:

h1 {
  font-size: (your preferred font size for the rest of the text);
}

h1::first-letter {
  font-size: (your larger font size for the first letter);
}

Donc, pour répondre à votre question, le pseudoélément ::first-letter constitue en fait la meilleure approche, s’il répond à vos contraintes de conception.

Plus d'infos: https://developer.mozilla.org/en-US/docs/Web/CSS/::first-letter

2