Tag Archives titres

Améliorer son référencement : mise en forme des titres

Deuxième article de la série pour améliorer son référencement. Après avoir installé le logiciel de suivi Google Analytics, on va parler de choses un peu plus concrètes, à savoir la mise en forme du texte et son importance dans le positionnement d’un blog dans les résultats des moteurs de recherche.

Introduction à la hiérarchisation du texte

Je ne vous apprends rien, mais je rappelle que le texte est un élément prépondérant dans le référencement de votre blog et de vos articles.  En plus, les algorithmes de référencement des moteurs de recherche prend en compte la hiérarchisation du texte, avec des titres.

On a souvent tendance à laisser ses doigts panioter sur le clavier et à écrire en un seul paragraphe. Mais vous allez voir que ce n’est vraiment pas la meilleure manière d’être bien référencé et aussi d’aider le lecteur à s’y retrouver dans un article !

On ne lit pas une page, on la scanne !

C’est un concept très important dans l’écriture d’un blog, mais aussi dans le design d’un blog. Il existe des termes techniques pour parler de ce concept mais je vais vous épargner tout ça, on n’est pas dans un cours de webdesign !

Quand vous écrivez un article, le titre de votre article est considéré comme l’élément le plus important et le plus représentatif de l’article. Ca vous paraît logique, non ?

Lorsque l’on surfe sur un blog ou même un site, on « scanne » la page avec nos yeux en survolant le contenu. On lit rapidement les titres et c’est tout ! Si le titre nous paraît intéressant, on va lire l’article, sinon on passe à autre chose. Et oui, il faut le savoir, il est très rare de lire complètement la page d’un site ou d’un blog, nous avons toujours tendance (inconsciemment) à scanner et survoler les informations, et ça, il faut le prendre en compte lorsque l’on écrit un blog !

Le moteur de recherche, un utilisateur comme les autres ?

Et bien le moteur de recherche va chercher à reproduire ce comportement du lecteur . Pour reproduire cette attitude face à un blog, il va donner beaucoup plus d’importance au titre de l’article et, s’il y en a, aux titres de sections à l’intérieur de cet article.

J’ai utilisé ce premier gros paragraphe pour mettre en oeuvre cette hiérarchisation. Le premier titre qui sera prise en compte par le moteur de recherche sera le titre de l’article : Améliorer son référencement : mise en forme du texte.

Ensuite, le robot qui scanne mon article va surtout repérer les titres de sections, à savoir (dans l’ordre d’importance) :

– le titre de ce paragraphe : Introduction à la hiérarchisation du texte.

– les plus petits titres : On ne lit pas une page, on la scanne et Le moteur de recherche, un utilisateur comme les autres ?

Il faut donc toujours garder en tête cette hiérarchisation et surtout l’importance du titre dans le référencement d’un article. Si le titre de votre article n’a aucun lien avec le contenu de l’article, vous serez mal référencé pour le thème que vous aurez abordé dans votre article.

Mais comment fait-il pour savoir quelles phrases sont des titres ?

Ben oui, question bête mais pas tant que ça. Le robot qui scanne la page est très très bête (lui, contrairement à un lecteur !), il ne voit pas ce qui est écrit plus gros que le reste, il faut lui dire rapidement et simplement où sont les titres ! Et là, je suis désolée mais on va rapidement voir une petite notion de HTML. Si vous avez déjà lu (scanné) mon dernier article sur comment installer Google Analytics, vous devriez vous rappeller du mot balise, non ?!

Petit rappel rapide sur les balises HTML

Une balise HTML est de la forme <nom_de_la_balise> pour ouvrir la balise et est fermée par la balise de fermeture </nom_de_la_balise>. Par exemple, pour un paragraphe simple, on va avoir le code suivant :

<p>Le paragraphe avec mon texte à l'intérieur</p>

Ca vous revient ?

Les balises HTML pour les titres

Comme le robot de Google ne sait « que » lire le code HTML d’une page, on a tout simplement créé des balises dédiées aux titres et à leur hiérarchisation. Vous allez très vite comprendre !

Voici la liste des balises qui vont servir de titres :

<h1>Titre 1</h1>
<h2>Titre 2</h2>
<h3>Titre 3</h3>
<h4>Titre 4</h4>
<h5>Titre 5</h5>
<h6>Titre 6</h6>

Et leur retranscription en visuel (dans le cas de mon blog) :

Titre 1

Titre 2

Titre 3

Titre 4

Titre 5
Titre 6

Assez simplement, on utilise 6 niveaux de titres qui sont désignés par le numéro, avec 1 étant le titre de plus haut niveau (le plus important) et le 6 le moins important.

En pratique, on utilise surtout h1, h2 et parfois h3. Les autres titres sont très peu utilisés sur les blogs et aussi par les robots pour référencer l’article.

Vous l’aurez remarqué, dans mon article, le premier titre utilise une balise h1, et les plus petits titres sont entourés d’une balise h2.

En somme, je vous conseille donc de mettre en pratique l’utilisation de ces balises sur vos articles. J’en entends déjà me demander « Mais comment je fais ? ». Et bien on va le voir tout de suite !

Mise en forme du texte sur Canalblog

Je ne commence pas par le cas le plus facile. Pourquoi ? Parce que Canalblog n’a, à ma connaissance, pas mis en place ce système de hiérarchisation de titres lorsque l’on écrit un article. Comme vous le voyez dans l’image ci-dessous, il existe un menu déroulant qui permet d’augmenter la taille du texte (normal, grand,…).

PinitMise en forme du texte Canalblog

Il va donc falloir utiliser le code HTML pour intégrer ces balises. Heureusement que ce n’est pas si compliqué ! Il vous suffit de cliquer sur le bouton en forme de <> qui représente en fait une balise HTML.

L’écran nous permet alors d’écrire du code HTML :

PinitMise en forme du texte Canalblog

Et là, on voit bien les balises HTML du Titre 1 (h1) que j’ai moi-même insérées pour utiliser la mise en forme du texte. Sur la deuxième ligne, j’ai utilisé le menu déroulant de la barre de mise en forme et on voit que ce ne sont pas des balises de titre (c’était juste pour vérifier !).

Voilà ce que donnent les 6 niveaux de titres sur un article de Canalblog (j’ai laissé le thème par défaut). Si vous regardez bien, la date est en fait un titre de niveau 2 (h2) et le titre de l’article (Test titres) est un titre de niveau 3 (h3), ce que je trouve vraiment dommage !

PinitMise en forme du texte canalblog

Sur Canalblog, c’est finalement un peu éprouvant de devoir tout le temps passer en mode HTML pour mettre les balises de titre, mais je peux vous assurer que le jeu en vaut la chandelle ! On est là pour améliorer son référencement, non ?

Mise en forme du texte sur Overblog

Pour cette fois, je félicite Overblog qui a intégré non pas un menu pour simplement augmenter la taille du texte, mais un menu pour mettre en forme les titres ! Et là on retrouve bien nos balises de titre. Utilisateur d’overblog, je te vois sourire derrière ton écran !

PinitMise en forme du texte Overblog
Cette image montre que vous pouvez utiliser très simplement les 6 niveaux de titres dont je vous ai parlés plus haut !

Mise en forme du texte sous WordPress

Je vais parler de mon cas personnel dans ce paragraphe vu que j’utilise WordPress pour bloguer. J’utilise l’extension TinyMCE Advanced pour avoir une barre de mise en forme plus avancée et que je peux moi-même personnaliser selon ce que je veux faire. Je n’ai jamais changé d’extension et j’en suis toujours contente ! Quand vous utilisez cette extension, vous avez le même style de menu déroulant qu’avec Overblog et vous pouvez simplement mettre en forme vos titres. Comme je suis fénéante, je vous montre directement ma barre de mise en forme !

PinitMise en forme du texte avec WordPress

Le menu se situe sur la deuxième ligne (Paragraphe).

Ce qui est vraiment sympa avec WordPress, c’est que vous pouvez utiliser des extensions, comme ici, pour améliorer votre expérience de blogueur ! Si vous êtes sur Canalblog, et bien vous n’avez pas le choix, vous devez vous dépatouiller pour mettre en forme les titres. Si vous êtes sur WordPress, vous installez l’extension et le tour est joué ! On peut (presque) toujours trouver une extension qui convient à ce que l’on recherche comme fonctionnalité, et c’est vraiment ça que j’adore sur WordPress !

Alors maintenant, plus d’excuses, on utilise les titres pour améliorer son référencement !

Partager