AccueilRéférencement SEOLes balises HTML les plus importantes pour le SEO

Les balises HTML les plus importantes pour le SEO

Pour optimiser le SEO de son site web, il est important de prendre en compte les balises HTML. Celles-ci vont envoyer des signaux aux moteurs de recherche et ainsi améliorer votre référencement naturel. Alors, pour atteindre les premières positions de Google, voici la liste des balises HTML les plus importantes et des explications pour en tirer le meilleur parti.

Qu’est-ce qu’une balise HTML ?

Une balise HTML est un élément de code qui compose une page web. Il permet de structurer le contenu, attribuer une mise en forme ou indiquer la fonction d’un composant. Les balises HTML sont comprises entre les symboles < et >. Elles doivent toujours être ouvertes puis fermées avec le symbole /.

Quelle est la balise la plus importante en SEO ?

La balise H1 est la balise la plus importante en SEO car elle correspond au titre principal de la page qui doit refléter au mieux le sujet du contenu qui suivra. De plus, cette balise HTML est souvent reprise dans le meta title, qui est la seconde balise la plus importante en référencement naturel.

Différence entre balise HTML et balise META

La différence entre une balise HTML et une balise META est que cette dernière va exclusivement se trouver dans la partie <HEAD> d’une page web et servir à envoyer des informations aux moteurs de recherche. Les balises META les plus connues sont meta title et meta description.

Liste complète des balises HTML importantes en SEO

  1. Balise Hn pour une structure HTML optimisée SEO
  2. Balise meta title
  3. Balise meta description
  4. Balise HTML canonical
  5. Balise hreflang pour les sites multilingues
  6. Attribut Alt pour booster le SEO des images
  7. Balise Open Graph pour les réseaux sociaux
  8. Balise schema pour les données structurées
  9. Balise meta robots
  10. Balise gras et balise italique

Balise Hn pour une structure HTML optimisée SEO

La balise HTML dite Hn est l’une des plus importantes en SEO. En effet, elle va servir à hiérarchiser l’information et se concrétisera visuellement sous la forme de titres ou sous-titres. Ceux-ci seront classés de H1, le plus important, à H6. Dans la pratique, seules les balises de H1 à H4 sont utilisées. Les balises Hn ont une dernière spécificité : la balise H1 devra être unique quand il pourra (et devra) y avoir plusieurs H2 ou H3.

Balise meta title

La balise meta title est la seconde balise HTML la plus importante en SEO (après la balise H1). Elle contient le titre que les internautes liront dans les résultats de leurs recherches sur Internet. Pour l’optimiser, pensez à y intégrer votre mot-clé principal et vous assurer de ne pas dépasser une longueur de 55 signes sinon Google la coupera.

Balise HTML meta title
Exemple de rendu de la balise HTML meta title

Balise meta description

Aussi surprenant que cela puisse paraitre, la balise meta description n’a pas d’impact direct sur le référencement naturel. Pourtant, cette description que les internautes liront sur les moteurs de recherche va les inciter à cliquer sur votre résultat, ou pas. Il est donc indispensable de l’optimiser pour donner envie. De plus, si le mot-clé lié à leur recherche y est présent, il apparaitra alors en gras, ce qui le mettra en évidence.

Balise HTML meta description
Exemple de rendu de la balise HTML meta description

Balise HTML canonical

La balise HTML canonical est très utile car elle va désigner la page parente lorsqu’un article s’étale sur plusieurs d’entre elles. Prenons un exemple : vous créez une liste des 10 plus belles destinations et l’internaute doit cliquer sur « Suivante » pour les découvrir. Avec l’aide de la balise canonical, vous pourrez indiquer aux moteurs de recherche que votre article est construit avec 1 page mère et 9 pages enfant. En pratique, elle prendra la forme suivante :

<link rel="canonical" href="https://www.example.com/page/" />

Balise hreflang pour les sites multilingues

Lorsqu’un site propose différentes langues, il faut employer la balise HTML hreflang pour optimiser son SEO et ainsi le positionner correctement dans les résultats de chaque pays. Cette balise, qui d’ailleurs est plutôt un attribut, va se composer de deux indicateurs : la langue et le pays. Par exemple, « fr-FR » va désigner la langue française pour le pays France quand « fr-BE » désignera la langue française pour la Belgique.

Attribut Alt pour booster le SEO des images

L’attribut Alt est le texte alternatif qui s’affichera lorsqu’une image n’est pas chargée ou sera lue sur les navigateurs de personnes ayant une déficience visuelle. Il correspond donc à une description textuelle de l’image concernée.

Son importance SEO est assez élevée puisque les moteurs de recherche comme Google et Bing vont en tenir compte pour positionner la page où on trouve cette image. Son code HTML se présentera de la manière suivante :

<img src="image.jpg" alt="votre description de l'image"/>

Balise Open Graph pour les réseaux sociaux

L’Open Graph est un ensemble de balises HTML créé par Facebook, qui est devenu Meta depuis. Elles sont désormais employées par d’autres réseaux sociaux, comme LinkedIn, et elles servent à leur transmettre des informations sur votre site web et la page qui sera partagée. Elles se décomposent donc en plusieurs sous-balises parmi lesquelles on distingue la balise og:title qui fournit le titre de la page. La balise og:url donne son URL et la balise og:image cible le visuel à mettre en avant.

Il y a aussi les balises og:description et og:site_name mais c’est la balise og:type qui vous permettra d’optimiser au mieux votre SEO. En effet, grâce à elle vous pourrez indiquer quelle est la teneur de votre page et ainsi mieux la positionner sur les réseaux sociaux. Alors, n’oubliez pas de distinguer clairement vos pages produits de vos articles informatifs. Sur Twitter, l’équivalent de cette balise est la Twitter Card.

Balise schema pour les données structurées

Les données structurées sont un format normalisé qui permet de fournir des informations sur le contenu d’une page web. Ce format est encadré par la communauté Schema.org, site sur lequel vous trouverez toutes les informations relatives à ces balises HTML. On les désigne aussi par le terme de « microdonnées » ou « rich snippet » en anglais.

Elles vous permettront d’indiquer qui est l’auteur d’un article, son URL, sa date de publication et bien d’autres choses telles que son type. Cela est particulièrement utile pour mettre en avant une recette, des horaires ou même un avis.

Balise meta robots

S’il est bien une balise HTML importante en SEO c’est la balise meta robots qui fournira des instructions aux moteurs de recherche. Elle peut donc s’accompagner de nombreux attributs comme celui « noindex » qui interdira le référencement de la page concernée.

L’attribut « nofollow » est quant à lui souvent utilisé pour que les moteurs de recherche ne suivent pas un lien ou tous ceux sur la page. De nombreuses autres fonctionnalités sont disponibles comme « notranslate » (ne pas traduire), « nocache » (ne pas mettre en cache) ou même « noarchive » (ne pas archiver). A vous de choisir ceux utiles à votre site.

Balise gras et balise italique

Il y a des légendes qui perdurent et celle concernant l’hypothétique bénéfice SEO des balises HTML gras et italique en fait partie. Malheureusement, elles n’ont aucun impact positif sur l’optimisation au référencement d’une page web. Par contre, elles vont mettre en forme le texte et faciliter sa lecture, ce qui améliorera l’expérience utilisateur et la fidélité des internautes.

Articles récents

Articles similaires