Pourquoi devriez-vous envisager le HTML sémantique pour le référencement

L'utilisation accrue de la compréhension linguistique dans les moteurs de recherche a donné la priorité à la rédaction de contenus organisés par sujets et sous-thèmes et qui communique le message d'une manière sans ambiguïté. Le HTML sémantique indique clairement aux moteurs de recherche où se trouve exactement le contenu que vous souhaitez indexer sur une page Web, c'est pourquoi il doit être pris en compte à la fois pour le référencement et l'accessibilité du site Web. Pour être clair, le HTML sémantique n’est pas un facteur de classement. C'est simplement quelque chose qui permet aux moteurs de recherche d'identifier plus facilement où se trouve le contenu principal d'une page Web, ce qui est une très bonne chose.

Les moteurs de recherche se concentrent sur le contenu principal

Les directives d'évaluation de la qualité de recherche de Google font une distinction entre trois types de contenu sur une page Web  :

  1. Contenu principal
  2. Contenu supplémentaire
  3. Contenu publicitaire

Contenu principal

Le contenu principal est ce que les moteurs de recherche souhaitent indexer et classer.

Contenu supplémentaire

Le contenu supplémentaire est utile, comme la navigation sur un site, mais ce n'est pas ce que les moteurs de recherche souhaitent indexer.

Contenu publicitaire

Le contenu publicitaire n’est pas non plus ce que les moteurs de recherche visitent une page Web pour explorer. Le HTML sémantique aide les pages Web à atteindre leur objectif La distinction entre le contenu principal et les deux autres types de contenu est que le contenu supplémentaire et publicitaire n'aide pas à atteindre l'objectif de la page Web. Seul le contenu principal aide une page Web à atteindre son objectif et, selon les directives des évaluateurs de qualité de recherche, ce sont ceux qui reçoivent un score de qualité de page plus élevé de la part des évaluateurs. Bien que ce ne soit probablement pas un signal de classement, la création d'un contenu principal qui atteint l'objectif de la page Web reste un objectif vers lequel chaque éditeur et SEO devrait travailler.

Le Guide des évaluateurs indique au tout début de la partie 1  :

« Une tâche d'évaluation de la qualité de la page (PQ) consiste en une URL et une grille pour enregistrer vos observations lorsque vous explorez la page de destination et le site Web associé à l'URL. L’objectif de l’évaluation PQ est d’évaluer dans quelle mesure la page atteint son objectif. La clé pour atteindre l’objectif se trouve dans le contenu principal. Le HTML sémantique est ce qui aide le robot du moteur de recherche à se concentrer sur ce contenu principal.

Concept de structure de page – HTML sémantique

La règle numéro un du référencement est de rendre les pages Web faciles à comprendre pour les moteurs de recherche. Le HTML sémantique peut être le niveau le plus fondamental du contenu d'une page Web sur lequel la structure de la page Web entière peut être soigneusement organisée en trois parties (contenu principal, contenu supplémentaire et contenu publicitaire). Lorsque nous parlons de HTML sémantique, nous ne parlons pas de la signification des mots. Dans le contexte du HTML, le mot « sémantique » concerne la signification d'une page Web, décomposée en ses composants. Tout comme un corps est constitué d’une tête, d’un torse, de bras et de jambes, une page Web est également un ensemble de parties.

La structure typique d'une page Web ressemble à ceci  :

  • En-tête (la partie supérieure avec le logo)
  • La navigation
  • Contenu principal
  • Bas de page

Voyez-vous la partie appelée Contenu principal ? C’est la partie qui intéresse le plus les moteurs de recherche lors de l’indexation d’une page Web. C’est la partie à laquelle font référence les lignes directrices des évaluateurs de qualité de recherche. Lors de l'indexation d'une page Web, les moteurs de recherche ne se soucient pas de la navigation, du pied de page, de la publicité, des barres latérales ou des sections d'en-tête. Ils se soucient d’indexer le contenu principal. Le HTML sémantique indique aux moteurs de recherche exactement où se trouve le contenu principal afin que l'indexeur puisse le récupérer et le classer.

L'élément HTML

élément HTML de fermeture pour indiquer où se termine la section principale du contenu. Cela permet aux moteurs de recherche d’accéder très facilement au contenu principal et de l’indexer. C'est super, non ? Eh bien, c'est encore mieux.

Éléments et

Il existe quelques éléments HTML sémantiques supplémentaires pour diviser une page en composants.

L'élément peut être utilisé pour désigner la zone en haut de la page où se trouvent le logo et peut-être une barre de recherche. C'est la section qui se trouve généralement au-dessus de la zone de navigation. L'élément peut également être utilisé pour envelopper les titres (H1, H2, etc.) mais ce n'est pas vraiment nécessaire.

L'élément est ce que vous enroulez autour de votre zone de navigation. Par exemple, si la zone de navigation se trouve dans un, vous pouvez ajouter les éléments après le.

Exemple :

liens de navigation principaux et autres éléments Techniquement, l'élément n'est pas nécessaire si l'élément est utilisé. Ils se comportent tous deux comme des conteneurs, exactement de la même manière dans tous les navigateurs modernes. L'élément est un conteneur comme un mais le est un conteneur qui a une signification sémantique alors que le div n'a pas de signification sémantique, c'est juste un conteneur. Un élément peut être à l'intérieur d'un élément mais un élément ne doit pas être à l'intérieur d'un élément car seuls les éléments de navigation tels que les liens peuvent être à l'intérieur d'un élément. Cela peut être fait, mais il est possible que cela puisse dérouter un lecteur d'écran.

L'élément, comme l'élément, est un conteneur comme un div avec la seule différence étant que l'élément a une signification sémantique.

HTML sémantique pour le contenu supplémentaire

Supposons que vous ayez une page Web comportant un contenu principal, mais également des barres latérales, des publicités et des zones de légende contenant des informations supplémentaires liées de manière périphérique au contenu principal. Le HTML sémantique possède un élément appelé élément HTML. L'élément possède également une balise d'ouverture et une balise de fermeture qui indiquent le début et la fin du contenu.

Cela ressemble à ceci  :

Et on l'utilise comme ceci :

Des éléments hors sujet du contenu principal mais dans la zone de contenu principale.

Publicité d'affiliation Barre latérale avec contenu qui ne fait pas partie du contenu principal

L'élément HTML sémantique

Le HTML sémantique permet à un éditeur ou à un référenceur d'indiquer clairement quelle partie du contenu correspond à l'article lui-même. L'élément peut être imbriqué dans l'élément (mais pas l'inverse). Cela dit, l'utilisation la plus simple et la plus pratique de l'élément est sur une page de catégorie de contenu où vous disposez de titres de page et d'extraits de page pour différentes pages. Un élément d'ouverture et de fermeture peut envelopper le titre/les extraits individuels car plusieurs éléments sont autorisés sur une page.

Il existe de nombreux éléments HTML sémantiques

c' et, car ils sont utiles pour créer un aperçu de l'ensemble de la page Web, comme une mise en page de la page Web. D'autres éléments HTML sémantiques utiles sont, et, ce qui est utile pour des raisons d'accessibilité. Bon codage  ! Image en vedette par Shutterstock/avilledorsa

Tags: ,