Balise sémantique

Définition : Qu’est-ce qu’une balise sémantique ?

Les balises sémantiques permettent de renseigner les robots des moteurs de recherche quant à l’importance et la nature des éléments d’une page. Ce sont des éléments de code qui permettent de structurer une page pour la rendre claire et lisible aux yeux de Google. De plus, elles indiquent au navigateur web comment afficher une page en en renseignant la structure, et permettent donc également de rendre les pages web lisibles pour tout utilisateur.

Les balises sémantiques les plus connues sont les balises h1, h2, etc. Mais il en existe de nombreuses autres qui viennent structurer et hiérarchiser le contenu d’une page.

img

Comment mettre en place le balisage sémantique ?

Il existe deux techniques différentes pour mettre en place un balisage sémantique, chacune utilisant une plateforme différente.

Avec l'outil d’aide de Google

Cette technique vous permet de ne pas avoir à toucher à une seule ligne de code source, et est donc accessible à tous. Voici les différentes étapes de cette technique détaillées ci-dessous :

  1. Sélectionnez le type de données que vous souhaitez structurer dans l’outil de balisage HTML de Google
  2. Puis indiquez l’URL de la page à laquelle vous souhaitez appliquer un balisage sémantique. Si votre page n’a pas encore été publiée, il vous suffit de copier-coller le code HTML de l'article.
  3. Appuyez sur “Commencer le balisage”. Puis cliquez sur le “Nom” pour afficher le titre de votre article dans l'onglet “Mes éléments de données”, et ajoutez à cet emplacement les nouvelles balises.
    Une fois tous vos éléments à baliser entrés, cliquez sur “Créer HTML”. Cela permet de créer votre code HTML, dans lequel les balises sémantiques seront surlignées en jaune.
  4. Finalement, insérez dans le code source de votre page les balises en vous rendant dans le back office.

Sur WordPress avec un plugin

La deuxième technique consiste à installer un plugin WordPress comme Yoast SEO ou Schema Pro. L’utilisation de ces plugins est très simple et intuitive. Il vous suffit de télécharger l’un des plugins, de renseigner les différents champs avec les valeurs correspondantes, puis de cliquer sur l’onglet “insert”. Les balises HTML5 seront alors directement intégrées au code source de votre page.

Principales balises sémantiques en HTML

Il existe différentes balises sémantiques, toutes à la signification et utilité différente. En voici les principales.

Balise header

Cette balise permet d’indiquer à Google le contenu présent en haut de page. Ce contenu correspond en partie au menu de navigation principal. Google est prévenu, grâce à cette balise, du caractère récurrent et identique de ce contenu.

Balise nav

Balise main

Cette balise indique à Google le contenu principal d’une page. Il est recommandé de n'en utiliser qu'une seule par page. De plus, l'intérieur de cette balise peut lui-même être divisé en plusieurs parties grâce aux balises section et article.

Balises article et section

Comme dit précédemment, ces balises sont utilisées pour structurer votre contenu au sein de la balise main. Ces balises peuvent s’imbriquer comme bon vous semble : une balise section peut contenir plusieurs balises articles, et vice-versa. Généralement, la balise article est utilisée pour les pages de contenu, et se divise en plusieurs balises section qui regroupent les différentes idées de votre contenu.

Il est recommandé d’utiliser des balises section pour vos pages de listing afin d'englober tous vos produits ou contenu présents sur la page. La balise article, quant à elle, rassemble généralement un titre, les informations de publications, la catégorie, le contenu, et une liste d’articles connexes.

Balise aside

La balise aside sert à indiquer le contenu secondaire d’une page à Google et autres moteurs de recherche. Elle contient généralement des liens vers des articles connexes au contenu, ou vers des produits similaires.

Balise footer

La balise footer permet de renseigner sur le contenu présent en pied de page. Comme le header, cette balise contient généralement du contenu récurrent, comme le logo de l’entreprise, des liens vers des pages, les informations de contact, etc. C’est une balise que l’on retrouve en bas de page.

Balise Hn

Les balises Hn permettent de structurer votre contenu. Vous connaissez sans aucun doute les balises h1, h2 et h3, couramment utilisées dans la rédaction de contenu pour indiquer le titre, et les divers sous-titres d’un article. Ces balises sont indispensables pour la structuration d’un contenu : la balise h1 contient le titre d’un article, la balise h2 les sous-titres, et les h3 les sous sous-titres. Ces balises montent jusqu’à 6, mais les h4, h5 et h6 sont généralement peu utilisées. Attention à ne pas utiliser plus d’une balise h1 par page.

Balises blockquote et cite

Ces deux balises sont utilisées pour signifier la présence de citations dans un contenu. La balise blockquote vient entourer la citation, tandis que celle cite vient indiquer le nom et la source de la citation. Cette deuxième balise doit être insérée dans la première.

Intérêt du balisage sémantique pour le référencement

Ces balises sémantiques viennent structurer et hiérarchiser le contenu d’une page. Ainsi, elles permettent aux robots des moteurs de recherche de comprendre rapidement le sujet dont traite cette page, ainsi que sa structure. L’indexation des pages dont le code est structuré autour de ces balises est donc favorisée, et leur positionnement amélioré. Cela explique pourquoi le balisage sémantique occupe une place non négligeable dans la stratégie SEO d’un site web.

img

Structure sémantique à adopter pour le référencement

Il existe une infinité de combinaisons possibles de vos balises, toutefois il convient de respecter une certaine organisation de votre structure sémantique afin de l’optimiser au maximum pour votre référencement. Voici une bonne structure sémantique pour un contenu :

img