Sémantique SEO et HTML pour placer H2 au-dessus des éléments H1?
Voici une hypothèse des perspectives SEO et HTML sémantique/architecture de contenu:
Code cohérent
Lors de la construction d’un site de plusieurs pages, l’adoption de l’architecture suivante sur toutes les pages est assez commune pour la gestion du code :
<h1>Company Name</h1> <h1>Company Name</h1> <h1>Company Name</h1> etc.
<h2>Tagline</h2> <h2>About Us</h2> <h2>Category 1</h2> etc.
Cependant, il y a deux considérations qui dissuadent contre cette pratique:
- Compte tenu de la sémantique de l'élément H1, il est réputé être le titre principal d'une page . Dans ce cas, chaque page aura le même en-tête - le nom de la société.
- En ce qui concerne le référencement, mettre les mots-clés cibles de la page dans le H1 l'aidera probablement à mieux se positionner (même si jamais légèrement).
Alternance H1
Compte tenu de cela, ce qui suit semble être meilleur:
<h1>Company Name</h1> <p>Company Name</p> <p>Company Name</p> etc.
<h2>Tagline</h2> <h1>About Us</h1> <h1>Category A</h1> etc.
De cette façon, l'en-tête de chaque page concerne le sujet principal de chaque page. Et chaque page aura une meilleure chance de se classer dans les moteurs de recherche pour tout ce qui se trouve dans le H1. *
Mais attendez une minute ...
Avec cette méthode, nous rencontrons des problèmes lorsque l'architecture du site se présente comme suit:
Home
About Us
Category A
Category A - Product W
Category A - Product X
Category B
Category B - Product Y
Category B - Product Z
etc.
Dans ce cas, nous pouvons vouloir à la fois que les noms de catégorie et de produit occupent une place importante dans le code et soient bien classés dans la recherche.
Après pratique sémantique , le nom du produit resterait sous la forme H2.
Mais cela irait à l’encontre de notre objectif initial: que le H1 soit l’en-tête le plus descriptif de la page.
H2 supérieur à H1
Alors qu'est-ce que cela nous laisse? Mettre la catégorie dans un H2, avec le nom du produit dans un H1:
<h1>Company Name</h1> <p>Company Name</p> <p>Company Name</p> etc.
<h2>Tagline</h2> <h1>Category A</h1> <h2>Category A</h2> etc.
<h1>Product X</h1> etc.
Mais attendez, je n'ai pas dit HTML sémantique? Ce n'est plus sémantique, puisque le contour de la page sera maintenant:
1.1 Category A <h2>
1.0 Product X <h1>
Au lieu de sémantiquement correct:
1.0 Product X <h1>
1.1 Category A <h2>
Mais cela ne répond plus au but ...
Quelle est la solution ici?
Comment pouvons-nous tout avoir?
L'en-tête le plus pertinent de la page à l'intérieur d'un <h1> à des fins de référencement Web, tout en plaçant "Produit X" au-dessus de "Catégorie A" avec une importance sémantique (les deux étant des en-têtes), avec "Catégorie A" figurant en premier dans le document. .
Je peux penser à mettre H2 et H1 (dans cet ordre) à l'intérieur de l'élément <hgroup>, mais cela n'aidera toujours pas la sémantique.
Placer le H2 seul dans un <hgroup> ou <section> aide-t-il? Serait-ce sémantiquement correct?
* Le nom de la société peut être facilement mis en forme de la même manière grâce à l’utilisation d’un sélecteur CSS #id pour les éléments h1 et p.
Beaucoup de gens supposent que vous ne devriez jamais utiliser qu'un seul H1 sur la page, sinon le contenu réel de la page sera dilué, ce n'est tout simplement pas vrai. Un nom de société H1, puis un H1 pour le contenu, sont absolument valables par tous les moyens.
Google est en mesure de déterminer le contenu de la page et ce qui ne l’est pas, comme les en-têtes et les pieds de page. Si vous êtes toujours préoccupé par plusieurs h1, h2 diluant le contenu, vous pouvez utiliser HTML5 pour indiquer plus clairement à Google ce qu'est le contenu et ce qui ne l'est pas, comme apartement et article.
Par exemple:
<body>
<header>
<h1>Company Name</h1>
<h2>Tagline</h2>
</header>
<aside>
<h2>Category A</h2>
</aside>
<article>
<h1>Article Name</h1>
</article>
<footer>
</footer>
</body>
Il est important de noter que Google prend en compte de nombreux éléments pour déterminer le meilleur classement de la page. Par exemple, sur la page de garde, le nom de la société doit figurer dans le titre, la méta-description et être répété plusieurs fois dans le contenu. Google pense que ce sont là les mots-clés auxquels son classement correspond. Maintenant, sur des pages comme la catégorie A, vous n'allez pas avoir le nom de la société dans le titre, la méta ou même répété dans les éléments du contenu autant que les mots pour lesquels vous essayez de vous classer, il est donc assez bien établi que le H1 n'est pas pertinent pour l'autre H1.
L'histoire de 20% de référencement n'est pas acceptable.
Google identifie clairement les différentes raisons pour la publication d'au moins 2 pages H1 dans la même page HTML si chaque balise H1 appartient à/est encapsulée par chaque balise de section. En HTML sémantique 5, chaque balise SECTION doit avoir au moins une balise H (généralement H1 ou H2 selon le cas). Dans votre cas, il est préférable de mettre "Nom de la catégorie" en tant que premier H1 dans la première section et le "Nom du produit" en tant que Premier H1 dans la balise Second SECTION. Si vous le faites, je vous recommande de conserver au moins une balise P sous le premier H1 (nom de la catégorie) et au moins une balise p sous le prochain H1 (nom du produit). Cela rend le flux de contenu plus significatif à la fois pour le robot et le visiteur humain .
À l'heure actuelle, si vous ne devez vendre qu'un seul produit appartenant à une catégorie, cette méthode est très acceptable.
Ensuite, Google tiendra compte du fait qu'il y a deux faits principaux à considérer comme titres principaux: "Nom de la catégorie" et "Nom du produit". Il est vivement recommandé d'incorporer les données HTML 5 Micro dans ce type de situation, car elles indiquent spécifiquement à Google ce que l'on entend par "catégorie" et ce que l'on entend par "produit" et quelle est la relation entre ces deux concepts associés. Plus de détails se trouvent dans: https://www.w3.org/TR/microdata/
