Balises : réussir le référencement de son site

Le balisage de son code html permet au navigateur de séquencer et de hiérarchiser son contenu. C’est d’autant plus vrai avec HTML5 qui fait la part belle à la sémantique et propose de nouvelles balises. On peut ainsi dissocier un titre d’un simple paragraphe. Il est aussi question d’informer Google de la nature de son site web et de chacune de ses pages. Un bon balisage est le fondement même d’un bon référencement naturel (SEO).

La révolution du HTML5

Le HTML5 est une vraie révolution en termes de balisage. De nombreuses précisions sont à présent possibles. Un document html possède à présent un header et un footer.

Il existait déjà des balises pour les titres des pages: du <h1> au <h6>. Le but est d’organiser la page avec une titraille hiérarchisée. Google accordera plus d’importance au <h1> qu’au <h3>.

Les balises <section> <article> <p> <img> indiquent des types de contenus. La balise <section> comprend plusieurs <articles>. Une balise <article> peut comprendre plusieurs paragraphes et une image. La balise <img> comprend une image tandis que la balise <p> concerne un paragraphe.

On peut aller très loin dans le détail avec par exemple la balise <adress> pour l’adresse d’un site, ou la balise <figcaption> attribuée à la légende d’une image ou d’un article.

Alors que certains développeurs abusent des <div> il est important d’être précis dans le choix de ses balises pour différencier son contenu.

Une balise incontournable pour un bon seo est la balise <title>. Elle se trouve dans le head de la page et n’est pas visible pour l’internaute. Elle doit néanmoins être soigneusement remplie car le géant de Mountain View y est très attaché. Son contenu est utilisé principalement comme titre d’un résultat de recherche sur Google. Le moteur de recherche analyse le sens du contenu et juge de sa pertinence.

Les <meta>, utiles ou pas ?

Les balises <meta> visent à placer des métadonnées dans sa page html. Comme la balise <title>, celles-ci ne sont pas directement visibles par l’internaute. Elles visent à donner des informations pertinentes aux moteurs de recherche et aux navigateurs. Néanmoins elles ne sont pas forcément prises en compte pour le référencement naturel. Alors pourquoi les utiliser ?

Il existe plusieurs balises <meta>, la plus connue étant la balise meta description :

< meta name=”description” content=””>

Le contenu de cette balise est souvent repris comme texte d’un résultat de recherche sur Google. Il consiste en un levier incitatif poussant l’internaute à cliquer sur l’annonce ou pas. Il est alors conseillé de soigner cette balise.

La balise meta content-type simplifiée en html 5 est aussi très utile car elle informe du type de document dont il s’agit et de son encodage. A présent, on la trouve sous la forme suivante :

<meta charset=”utf-8”>

La balise meta keywords a longtemps été utile dans un contexte de référencement par mots clés. Maintenant que le contenu et le sens prévalent pour Google, elle semble obsolète pour le moteur de recherche.

Il existe des balises meta pour donner des informations aux réseaux sociaux. Attention :  il faut indiquer chaque élément à chaque réseau social. Elles se construisent comme ça :

<meta name=”twitter:description” content=”  sollicitudin, enim eros pretium justo, ac”>

<meta name=”twitter:title” content=”Sed faucibus enim cursus nibh varius aliquam. Cras vel accumsan metus.”>

Les attributs, l’habillage essentiel aux balises

La plupart des balises sont complétées et enrichies par des attributs. Par exemple, l’attribut <alt> utilisé pour chaque image permet de donner une description du visuel au cas il ne s’afficherait pas correctement. Cet attribut est nécessaire pour un bon référencement naturel. L’attribut title quant à lui donne une information sur un lien hypertexte. Il en existe de nombreux qui visent chacun à personnaliser la balise.

Les attributs ont aussi toute leur importance en matière de SEO et enrichissent positivement le code.

2016, l’année des micros-données

Le HTML5 propose d’aller plus loin dans la nomenclature du code avec la construction de micro-données. Il est alors possible de faire d’une balise une donnée que les moteurs de recherche vont pouvoir utiliser. Il faut lui ajouter l’attribut itemscope pour que celle-ci soit prise en compte comme une information pertiente par les robots de Google. Cette utilisation nouvelle des balises semble être appréciée par le géant de Mountain View. Elle devrait prendre toute son importance en 2016.