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.
Vous pouvez également utiliser CSS et le :first-letter
psuedo-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>
_
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 /
Le meilleur moyen serait d'utiliser CSS. Vous pouvez utiliser text-transform
comme:
text-transform: capitalize;
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