Pour créer un site Web convivial, je dois utiliser certaines des polices Font Awesome dans des <h>
éléments comme celui-ci:
<h2>
<i style="color: rgb(102, 149, 45); vertical-align: inherit;" class="fa fa-gear"></i>
Performance
</h2>
En fait, il s'agit d'un article de synthèse. Est - il acceptable de mettre ces polices (ou <i>
éléments) dans le code HTML intérieur des éléments d' en- tête comme <h1>
, <h2>
, <h3>
, etc.?
Veuillez également fournir votre source ou de la documentation, car c'est très important pour moi; Je ne veux pas faire d'erreurs sur ce sujet.
<span>
pour FontAwesome, son utilisation idiote en<i>
utilisant<h2><span class="fa fa-gear"> </span></h2>
fonctionnera tout aussi bien.Réponses:
Je dirais que cela ne nuirait pas à grand-chose et n'ajouterait rien. Je préfère garder mes balises d'en-tête propres et je n'ajouterais pas le
i
. Le style en ligne serait un problème plus important, ce qui n'est pas vraiment un gros problème.Au lieu de cela, vous pouvez ajouter directement l'icône d'engrenage au H2:
la source
.h2.geared:before, .fa-gear:before,.fa-cog:before{content:"\f013"}
En outre, il n'y aurait rien de mal à utiliser<h2>Title <span class="fa fa-gear"> <span></h2>
totalement valide et ne nuirait pas le moins du monde au référencement.Google ne fait presque aucune attention aux balises que vous utilisez ces jours-ci. Google se soucie de l'apparence de la page pour les utilisateurs. Il se soucie du texte qui est gros. Il se soucie du texte qui est en évidence. Il se soucie du texte caché. Des tests SEO récents ont montré qu'il n'y a aucune différence entre l'utilisation d'une
<div>
balise conçue pour ressembler à un titre et l'utilisation d'une<h1>
balise en ce qui concerne Google.Je fronce les sourcils en utilisant des balises pour l'italique plutôt qu'en utilisant CSS. Il mélange sémantique et présentation. Cependant, d'un point de vue SEO, il ne devrait y avoir aucune conséquence négative ou positive.
la source
Oui, c'est une mauvaise idée. Utilisez des
<h>
balises de déclaration claires , c'est l'une des règles de Google.la source
<h>
tag, et encore moins de parcourir les règles de Google pour leur utilisation. Pouvez-vous créer un lien vers une documentation?