SEO Header

Digital Marketing

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

Par , Le

Bien bâtir les fondations de son site internet revient à utiliser la bonne balise au bon endroit. Sans elles, aucune structure n’est possible, aucun référencement n’est envisageable.

 

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.

fermer
Téléchargez gratuitement

Cahier des charges type :
la refonte d'un site web

Cahier des charges type : <br>la refonte d'un site web

Aspects techniques, ergonomiques et graphiques, choix du CMS, organisation SEO et SEA, stratégie éditoriale, intégration de CRM, hébergement… La refonte d’un site web recouvre de multiples aspects. Comment ne rien oublier lors de vos appels d’offres ? Ce cahier des charges type est fait pour vous !

Recevez gratuitement ce cahier des charges type.

Téléchargez le cahier des charges