web-dev-qa-db-fra.com

Les éléments span situés au milieu de Word affectent-ils la capacité du robot d'exploration à détecter le contenu?

J'ai un site avec une balise de titre comme ceci:

<h1><span class="initial">H</span>andyman <span class="initial">S</span>ervices</h1>

J'ai fait cela pour pouvoir appliquer une taille de police plus grande à la première lettre de chaque mot. Cependant, dans les outils pour les webmasters, le mot clé "andyman" apparaît sous Optimisation> Mots clés du contenu.

Est-ce qu’il faut quand même obtenir une taille de police plus grande pour la première lettre) sans affecter la capacité du WebCrawlers à détecter le mot?

Mise à jour:

Je ne peux pas simplement utiliser text-transform: capitalize car l'élément en question possède déjà text-transform: uppercase; et je voudrais que l'effet soit plus spectaculaire que celui fourni par les lettres majuscules de la plupart des polices.

6
pgraham

Vous pouvez également utiliser CSS et le :first-letterpsuedo-element comme ceci

http://jsbin.com/acagop/2/edit#html,live

Modifier pour démontrer plusieurs mots:
http://jsbin.com/acagop/4/edit#html,live

Modifier pour démontrer l’idée de Raffael Luthiger d’envelopper des mots entiers: http://jsbin.com/acagop/6/edit#html,live

_<style>
h1:first-letter { 
  font-size:300%;
  color:red;
}
</style>

<h1>Welcome</h1>
_
4
Anthony Hatzopoulos

Vous pouvez utiliser jQuery pour sélectionner le premier caractère et le modifier à la volée, afin que les robots d'exploration ne voient pas l'étendue.

Référez-vous https://stackoverflow.com/questions/3039397/jquery-select-first-letter

Mise à jour: Il existe également un plugin pour cette fonctionnalité: http://812studio.com/initial-letter-a-jquery- plugin-pour-faire-drop-caps-and-more /

2
Ellipsis

Le meilleur moyen serait d'utiliser CSS. Vous pouvez utiliser text-transform comme:

text-transform: capitalize;
0
Aurelio De Rosa

Google lit clairement le code HTML affiché et sépare le mot en raison de la balise span. Étant donné que les en-têtes sont assez importants pour indiquer à Google quels mots clés sont un peu plus importants sur votre page que d'autres, vous pouvez considérer votre code comme sémantiquement correct. Si vous obtenez un bon en-tête, cela vaut-il la peine si Google voit andyman au lieu de Handyman

0
Anagio