Tag Archives Améliorer son référencement

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

Améliorer son référencement : installer Google Analytics

Cela peut paraître bizarre de commencer cette série d’articles pour améliorer son référencement en installant Google Analytics. Vous avez peut-être l’impression que je vous fait commencer les choses par la fin, mais en y regardant de plus près, c’est totalement logique !

En science, on ne commence aucune expérience sans avoir une méthode de suivi. On développe cette méthode pour suivre l’évolution de l’expérience et faire les mesures. En référencement, c’est exactement la même chose. A quoi bon faire des changements sur son blog si on ne peut pas mesurer leur influence sur le référencement ? Grâce à des logiciels de suivi comme Google Analytics (je ne parlerai que de celui-ci car c’est celui que j’utilise au quotidien), nous allons pouvoir mesurer en temps réel l’influence de nos changements qu’on va apporter à son blog pour améliorer son référencement.

Google Analytics, c’est quoi ?

PinitInstaller Google Analytics

Comme dit plus haut, Google Analytics, un service gratuit développé par Google (on pouvait s’en douter…), va suivre l’activité des visiteurs sur le blog, faire des calculs et nous donner pleins d’informations sur nos visiteurs. Cela va du nombre de visiteurs, de pages vues, les sites référents, à la résolution d’ordinateur, fidélité des visiteurs, navigateur utilisé et encore bien d’autres choses. C’est un outil vraiment puissant et très important pour comprendre pourquoi les visiteurs viennent sur notre blog, ce qu’ils y font et d’où ils repartent !

Au quotidien, on mesure le nombre de visiteurs et les pages vues sur son tableau de bord habituel, mais Google Analytics vous permettra véritablement de vous donner plus d’informations quand vous en avez besoin, comme par exemple pendant vos tests d’amélioration de référencement.

Petite remarque qui compte, si vous comparez les résultats (nombre de pages vues, nombre de visiteurs) entre les données de votre plateforme de blog et Google Analytics, vous aurez obligatoirement des différences. Cela vient du fait que chaque logiciel de suivi possède ses propres types de calcul (algorithmes) et ne donnent jamais les mêmes résultats. Google Analytics est souvent celui qui donne des chiffres bas car il ne compte pas les robots. Certaines personnes considèrent cela comme un inconvénient, mais c’est à mon avis un véritable avantage car les données sont issues de personnes physiques, ce qui reflète donc le véritable lectorat du blog.

Comment installer Google Analytics ?

Je crois que c’est souvent à cette étape que certains sont découragés par l’utilisation et surtout l’installation de Google Analytics. Je vais dans cette partie détailler pas à pas comment installer Google Analytics sur les plateformes de blog principales (canalblog, overblog, wordpress). Cet article est un peu long parce que j’intègre des explications sur le pourquoi du comment ! N’ayez pas peur, restez avec moi et vous verrez que c’est finalement assez simple !

1. Créer son compte Google Analytics

Sur la page d’accueil de Google Analytics, il suffit de cliquer sur Inscrivez-vous dès maintenant. Si vous possédez un compte Gmail, vous pouvez l’utiliser pour Google Analytics et vous n’aurez donc pas à vous inscrire spécifiquement pour Google Analytics.

L’écran suivant vous invite à inscrire le site internet à suivre (on peut suivre plusieurs sites à la fois dans Google Analytics). Pour ma part, je vais faire comme si je commençais à suivre mon Bento Blog. Il suffit donc de donner l’adresse du site internet et de lui donner un nom.

PinitInstaller Google Analytics
Les écrans suivants vous demandent de renseigner vos nom et prénom, et d’accepter les conditions générales. Sur cet écran, vous pouvez choisir si vous acceptez de partager anonymement vos données. Je préfère partager les données Google Analytics seulement avec les autres services Google (ce qui vous permet d’utiliser vos données pour Google Adsense par exemple), c’est pourquoi j’ai décoché la case Anonyment avec Google et d’autres services.

PinitInstaller Google Analytics

2. Obtenir le code de suivi Google Analytics

Jusqu’ici, l’inscription ne pose aucun problème. On passe maintenant à l’installation du code de suivi. Ce petit bout de code qu’on va installer sur notre blog permettra à Google Analytics de récolter toutes les informations nécessaires pour analyser l’activité des visiteurs de votre blog.

PinitInstaller code de suivi Google Analytics
Normalement, vous ne devriez pas avoir besoin d’utiliser l’onglet Avancée et le code donné dans la fenêtre de droite suffit à la plupart des blogs. On nous demande d’insérer ce code juste avant la balise </head>. Kezako ? Je vais essayer de vous expliquer simplement ce que c’est sans pour autant entrer dans les détails.

Les balises font partie de ce qu’on appelle le code HTML (ça vous dit pas quelque chose cette petite bête ?!). On les trouve toujours sous la forme <nom_de_la_balise> ou </nom_de_la_balise>, donc entre crochets. Le premier type <nom_de_la_balise> est utilisé pour ouvrir une balise d’ouverture qui sera fermée par le deuxième type </nom_de_la_balise>, la balise de fermeture.

Illustrons cela avec un exemple simple. Pour créer un paragraphe, on utilise la balise p (comme paragraphe). Cela donne en pratique :

<p>Mon paragraphe où j’écris ce que j’ai à dire.</p>

Le navigateur saura en lisant ce bout de code que ce qui est entre les deux balises (balise d’ouverture <p> et la balise de fermeture correspondante </p>) correspond à un paragraphe.

Revenons à notre Google Analytics. Si vous avez bien compris le système des balises d’ouverture et de fermeture, vous avez donc compris que la balise </head> qu’on nous demande de trouver est en fait la balise de fermeture de <head>. Ok ?

Mais où trouver cette balise <head> ? Je vais encore faire un écart pour vous expliquer rapidement ce qu’est cette balise. Lorsque vous naviguez sur internet, toutes les pages que vous voyez ont une structure similaire au niveau du code HTML. On retrouve toujours la structure suivante :

<head>
blablabla plein de code
</head>
<body>
tout le code nécessaire à afficher les éléments de la page sur laquelle vous êtes
</body>

La partie <head></head> contient en fait beaucoup d’informations sur la page mais qu’on ne voit pas forcément sur la page. Elle permet aussi de charger des scripts et autres petites choses nécessaires à l’affichage de la page.

A l’inverse, tout ce qui est contenu entre les balises <body> et </body> permettent d’afficher les éléments de la page que vous voyez.

Bref, pour revenir à notre code de suivi, il va falloir accéder au code HTML de toutes nos pages pour y installer le code. Heureusement, une seule installation suffira et on va voir ça tout de suite ;).

3a. Installation du code de suivi Google Analytics sur une installation WordPress indépendante

Je commence par mon cas personnel, WordPress installé sur un hébergeur indépendant (et non pas sur wordpress.com). La balise </head> est habituellement contenue dans le fichier header.php du thème que vous utilisez.

Il suffit d’aller dans la partie Apparence  » Editeur de votre tableau de bord et de sélectionner ce fichier header.php dans la colonne de droite Modèles.

Vous devriez rapidement trouver la balise </head>. Vous n’avez alors qu’à coller juste au-dessus de cette balise le bout de code obtenu sur Google Analytics. Cliquez sur Mettre à jour le fichier et vous devriez voir s’afficherle message « Le fichier a bien été modifié. ».

L’intérêt de WordPress, c’est qu’en éditant le fichier header.php, il sera utilisé pour toutes les pages sans exception. Ainsi, en installant une fois le code de suivi, on suivra l’activité sur toutes les pages de notre blog. Simple, non ?

Remarque

On peut aussi utiliser des plugins qui insèrent le code eux-mêmes mais il faut savoir que plus on utilise de plugins, plus le site sera lent. Pour un bout de code comme celui du suivi Google Analytics, il est beaucoup plus rentable de le placer soi-même dans le fichier du thème utilisé. Parce que, comme nous le verrons plus tard, la rapidité du blog entre en jeu dans l’amélioration du référencement !

3b. Installation du code de suivi Google Analytics sur Canalblog

Dans ce cas, on va supposer que mon site Bento Blog est hébergé chez Canalblog… Il faut tout simplement se rendre sur le tableau de bord et plus précisément dans la partie Apparence. En cliquant sur Paramètres (de votre modèle actuel), vous arrivez sur l’écran ci-dessous.

PinitInstaller google analytics canalblog

Avec les modèles Canalblog, vous utilisez un type de code HTML pour chaque type de page (page d’accueil, archives,…) que vous retrouvez dans le menu déroulant en haut à gauche. Contrairement à WordPress, cela vous oblige à installer le code de suivi sur toutes les pages du modèle. L’exemple ci-dessus vous montre la page d’accueil. Vous voyez la balise </head>, il ne vous reste qu’à installer le code de suivi Google Analytics. Répétez l’opération pour tous les autres types de pages du modèle (à choisir dans le menu déroulant, sauf la feuille de style qui correspond à autre chose (vous n’y trouverez pas la balise </head>)).

3c. Installation du code de suivi Google Analytics sur OverBlog

Dernier cas testé ici, la plateforme OverBlog. OverBlog ne propose pas d’accéder directement au code HTML comme Canalblog, ce qui donne moins de flexibilité. Il faut donc un peu tricher avec OverBlog et on ne va pas pouvoir trouver notre chère balise </head>.

Après s’être connecté sur son espace d’administration, il faut se diriger dans l’espace Mise en Page de l’onglet Configurer. Cliquez ensuite sur le petit marteau du module de titre de votre blog. Sur la fenêtre qui apparaît, cliquez sur Contenu personnalisé. Enfin, il faut cliquer sur le bouton HTML pour pouvoir insérer le code de suivi Google Analytics.

PinitInstaller code de suivi google analytics

Il faudra également pensé à ajouter le titre ou la bannière à ce contenu personnalisé pour que l’aspect soit inchangé sur le blog.

4. Vérification du suivi Google Analytics

Une fois le code installé sur notre blog, il faut revenir sur Google Analytics et cliquer sur le bouton Enregistrer et terminer. Un nouvel écran apparaît.

PinitSuivi google analytics
Pour mon cas, je n’ai pas installé ce code de suivi, donc on voit que l’état du suivi a une icone d’alerte. Cela signifie que Google n’a pas pu trouver le bon code de suivi. Si vous avez bien installé le code de suivi, l’état devrait passer au vert.

Pinitgoogle analytics état

Si vous avez aussi une icone d’alerte, vous pouvez vérifier l’état du suivi en cliquant sur Modifier (à droite) puis sur vérifier l’état en haut à droite de la page.

Pinitvérifier état google analytics

Il vous suffit maintenant d’attendre que les données soient intégrées sur Google Analytics et vous pourrez voir les résultats et utiliser Google Analytics en cliquant sur Afficher le rapport. Mais ça, ça sera pour un autre article (on a déjà bien travaillé non ?).

Partager