Pour bien comprendre ce qu’est une balise HTML, commençons par définir ce qu’est l’HTML.
HTML est l’acronyme de HyperText Markup Language, un langage informatique qui permet de créer des pages web.
Au contraire des langages de programmation (comme Java, C++) ou des langages de script (comme Javascript, PHP, Python), l’HTML est un langage de balisage. Il est utilisé pour structurer l’apparence et le style d’une page web.
Chaque élément de la page (titres, images, textes…) est encadré par des balises afin de leur appliquer une mise en forme spécifique.
Les balises HTML sont donc des bouts de code qui servent à indiquer le comportement et le style du contenu qu’elle encadre.
Aussi appelées tags, elles fonctionnent (quasiment) toujours par paire. Une balise ouvrante “<>” est placée au début de l’élément et une balise fermante “</>” à la fin de l’élément.
Exemple : <p>Le code et les balises HTML pour les nuls.</p>Notez que certaines balises, comme la balise image, sont dites auto-fermantes.
Exemple : <img src="www.url-de-l-image.fr"</a>Enfin, certaines balises HTML peuvent être complétées par des attributs ; des valeurs supplémentaires qui ajustent le comportement de l’élément. On peut citer la balise <a> et son attribut href, ou la balise <img> et son attribut src.
A lire : Notre guide SEO complet
Les balises HTML ont-elles un impact sur le SEO ?
La réponse est oui ! Mais pas toutes…
On distingue 2 types de balises en HTML :
- Les balises de balisage physique : elles sont responsables du style et de la mise en forme des éléments (gras, italique, police…)
- Les balises de balisage logique : elles ont une responsabilité sémantique ; c’est-à-dire qu’elles sont lues et analysées par les moteurs de recherche.
Si votre page web ne contient pas les balises HTML adéquates, Google ne sera pas en mesure de comprendre sa structure et son contenu et sera donc incapable de l’indexer correctement.
Plus vous aidez Google à “lire” votre page, plus vous améliorerez votre référencement SEO.
Quelles sont les balises HTML les plus importantes pour le SEO ?
Il existe une centaine de balises HTML qui servent à positionner et appliquer un style aux éléments de la page, mais seule une dizaine ont une importance pour votre SEO.
Passons ces balises en revue.
En savoir plus : 8 optimisations SEO pour plaire à Google
Les balises HTML meta
Les balises meta sont les informations qui apparaissent sur la page de résultats des moteurs de recherche. Imaginez-les comme votre vitrine qui doit donner envie de rentrer dans votre magasin.
La balise HTML meta <title>
La balise meta <title> correspond titre de votre page affiché dans la SERP et utilisé en lien cliquable.
Cette balise est l’une des plus importantes pour le SEO. Elle doit contenir votre mot-clé principal, tout en donnant envie aux internautes de cliquer.
Il est conseillé de garder cette balise relativement courte. Google tronque les title qui dépassent 600 pixels de large, ce qui équivaut à **une longueur de 55-65 caractères**.
La balise HTML <meta name= description>
Cette balise désigne les 2-3 lignes de texte affichées en dessous de la balise <title> dans les moteurs de recherche.
Même s’il est recommandé d’y insérer son mot-clé (pour faire comprendre à l’internaute que la page répond à sa requête), celle-ci n’a que peu d’impact sur le SEO de votre page web.
L’objectif principal de cette balise HTML est de contribuer au CTR de votre page. Elle est là pour convaincre les internautes de cliquer sur votre lien plutôt que sur celui de votre concurrent.
La longueur de texte affichée dans Google varie. Cela peut aller jusqu’à 300 caractères maximum, mais généralement seuls les 160 premiers caractères apparaissent.
Il est aussi possible que Google n’utilise pas votre balise méta-description s’il la juge peu pertinente pour la requête en question. Il affichera alors un extrait de votre page en lieu et place.
Les balises HTML <Hn>
Les balises <h1> à <h6> sont utilisées pour hiérarchiser les titres de votre page web.
La balise HTML <H1>
La balise <H1> correspond au titre principal de votre page – à ne pas confondre avec la balise <title> qui n’est affichée que dans la SERP.
Côté SEO, c’est la balise <Hn> la plus importante. Elle est même est obligatoire. Il en faut absolument une sur chacune de vos pages web. Google lui accorde énormément de poids alors, veillez à ce qu’elle contienne votre mot-clé principal.
Côté Marketing, c’est le premier élément que les visiteurs verront sur votre page. Son contenu doit donc être accrocheur et capter l’attention du lecteur pour l’inciter à lire la suite.
En savoir plus : Comment trouver des titre accrocheurs pour vos articles de blog
Les autres balises HTML <Hn>
Les balises <H2> à <H6> correspondent aux sous-titres de votre page. Notez qu’il n’existe pas de 7ᵉ niveau de titre.
Après avoir lu la balise <H1>, la majorité des lecteurs vont parcourir la page des yeux, la scroller rapidement pour évaluer son contenu et décider si une lecture plus approfondie en vaut la peine.
Vos balises Hn doivent donc indiquer clairement le contenu de chaque section (comme dans cet article par exemple).
Elles permettent de structurer et d’aérer votre page. Plus cette dernière est agréable à lire, plus vos lecteurs y passeront de temps, plus Google considèrera qu’il s’agit d’une page web de qualité, qui mérite d’être bien référencée.
Essayez d’inclure vos mots-clés principaux ou secondaires dans vos balises <H2> et <H3>. Le reste des <Hn> a moins d’importance pour le SEO.
Enfin, veillez à respecter l’ordre de ces balises HTML. N’ajoutez pas de titre <H4> avant un <H3> par exemple.
En savoir plus : 9 conseils pour optimiser votre contenu WordPress pour un meilleur référencement
La balise HTML <hr>
La balise <hr> crée automatiquement une ligne horizontale sur votre page.
Si dans les versions précédentes de HTML, cette balise n’avait qu’une fonction visuelle, la nouvelle version lui confère une fonction sémantique.
Les moteurs de recherche s’en servent désormais pour analyser la structure de la page et comprendre le contenu de chaque sous-partie.
Servez-vous de cette balise pour signifier aux moteurs de recherche la fin d’une section et le début d’une autre.
Les balises HTML <b> ou <strong>
Ces 2 balises ont la même fonction visuelle : elles définissent le texte en gras.
Elles sont cependant interprétées différemment par les moteurs de recherche.
La balise <b> n’a qu’une fonction de balisage physique. Elle sert à mettre en évidence une zone de texte, sans accentuer son importance.
La balise <strong>, en plus de mettre en gras, permet d’identifier le texte qui revêt une valeur particulière. Elle est prise en compte par les moteurs de recherche et joue un rôle (certes relatif) dans l’indexation de la page.
Les balises HTML <i> ou <em>
Ces 2 balises permettent de définir le texte en italique. Comme les balises précédentes, elles n’ont pas le même poids SEO.
La balise <i> n’a aussi qu’une fonction de balisage physique. La zone de texte en italique diffère visuellement, mais n’est pas perçu comme plus importante par les moteurs de recherche.
La balise <em> permet d’obtenir le même résultat à l’écran, mais les moteurs de recherche lui accorde une certaine valeur sémantique.
L’attribut HTML <alt>
L’attribut <alt>, ou texte alternatif, est l’un des attributs utilisés dans les balises HTML image <img>.
C’est un texte court (100 caractères maximum) qui s’affiche en lieu et place des images lorsqu’elles ne parviennent pas à s’afficher à l’écran, et qui est lu aux personnes malvoyantes par les lecteurs d’écran.
Cette balise HTML est aussi interprétée par les robots des moteurs de recherche pour comprendre le contenu de l’image. Il est donc conseillé d’y insérer un mot-clé afin de :
- renforcer la compréhension sémantique de la page
- contribuer au référencement de l’image sur Google Images
Les balises HTML <ol> ou <ul>
Ces balises permettent de créer des listes à puce :
- une liste non ordonnée avec les tags <ul>
- une liste numérotée avec les tags <ol>
Ces deux types de balises doivent être encadrés par des balises ouvrantes et fermantes <li>…</li>, comme sur les exemples ci-dessous.
<li>
<ul>Élément 1</ul>
<ul>Élément 2</ul>
<ul>Élément 3</ul>
</li>
<li>
1 <ol>Attribut 1</ol>
2 <ol>Attribut 2</ol>
3 <ol>Attribut 3</ol>
<li>
En plus d’aérer votre texte et de faciliter sa lecture, ces balises sont importantes en SEO, car elles peuvent être utilisées par Google pour créer une Featured snippets en position 0.
La position 0 est le bloc d’informations situé au-dessus de la 1ʳᵉ position naturelle dans la page de résultats du moteur de recherche. Elle apporte une réponse directe à la requête de l’internaute, sans qu’il ait à cliquer sur l’un des liens.
Décrocher une position 0 est le Graal en SEO, car elle vous offre une visibilité et un taux de clic inatteignables autrement.
Les balises HTML <a> leur attribut href
La balise HTML <a> et son attribut href permettent de créer un lien hypertexte.
Les balises <a> entourent l’élément qui va devenir un lien cliquable. Lorsqu’il s’agit d’une zone de texte, on parle de texte d’ancrage.
L’attribut href, quant à lui, précise l’url de la page de destination.
Ces balises HTML permettent de créer des liens vers un document, une adresse e-mail, un numéros de téléphone, et bien sûr vers une autre page web (dont une page de son propre site).
Et c’est là que ça devient intéressant pour votre SEO. Un bon maillage interne permet de distribuer efficacement le “jus” SEO des pages web les mieux référencées vers les pages qui ne le sont pas encore.
Pour optimiser le texte d’ancrage de vos liens, veillez à ce qu’il indique à Google le mot clé sur lequel vous souhaitez positionner la page cible.