Optimisation HTML : le tag Title (2ème partie)

Dans le précèdent article Optimisation de code HTML : le tag TITLE (1ère partie), nous tâchions de définir précisément la balise TITLE. Dans cette seconde partie, nous tâcherons d’indiquer comment calibrer au mieux la balise TITLE en vue d’un référencement optimal.

Comment dois-je rédiger le tag Title de mes pages web ?

Les incontournables

Une balise TITLE différente pour chaque page

A chaque page, son titre. Ce titre doit absolument refléter le contenu réel de la page. Il est donc impératif de ne pas répéter le même titre sur toutes les pages de votre site web. Car vous perdriez une occasion de varier vos mots-clés. Dans l’idéal, vous ne devriez pas avoir deux pages de votre site web avec la même balise TITLE.

Un titre intelligible

Il est capital de ne pas faire de vos balises TITLE des successions inintelligibles de mots-clés. Vous devez donner envie à l’internaute de cliquer. Lorsqu’on examine les résultats Google pour le mot-clé Baladeur mp3, on constate que c’est le TITLE des pages (cerclé de rouge dans la capture ci-dessous) qui est rapporté par Google dans sa liste de résultats.

Google serp - balise title - baladeur mp3

Vous devez donc vous attacher à faire des balises TITLE en forme de slogans attractifs, sans pour autant être racoleurs.

Par exemple, <TITLE>Lecteur MP3 - Baladeur MP3 - Achat au meilleur prix !</TITLE>.

A éviter, <TITLE>Baladeur Baladeurs, petit prix, achat, vente, comparatif, meilleur prix, baladeur mp3, baladeurs mp3</TITLE>.

Les mots-clés

La balise TITLE de vos pages web doit absolument contenir vos mots-clés les plus importants. De manière générale, ce sont les mots-clés situés le plus à gauche qui auront l’impact le plus fort sur le référencement de vos pages web.

Par exemple, pour le mot-clé Baladeur mp3, le titre

<TITLE>Baladeur mp3 - Achat baladeurs et lecteurs mp3</TITLE>

est préférable au titre,

<TITLE>Achat baladeurs et lecteurs mp3 - Baladeur mp3</TITLE>.

La taille

La taille optimale de la balise TITLE varie d’un moteur de recherche à l’autre. Cependant, les référenceurs sont en général d’accord pour fixer cette taille optimale à une soixantaine de caractères, soit environ une dizaine de mots.

Aller plus loin

L’application des conseils de la section précédente devrait déjà avoir une incidence notable sur votre référencement. Il vous est néanmoins possible d’aller plus loin.

En tête de fichier

On tachera de placer ce petit bout de code HTML le plus près possible du début du fichier. Il faudra donc le placer tout de suite après l’ouverture de la balise <HEAD> et après le META qui déclare le CHARSET. De la sorte, vous pourrez utiliser les caractères accentués dans vos balises TITLE.

L’exemple suivant spécifie l’encodage de caractères du document comme étant “ISO-8859-5″ (qui vous permettra l’usage de caractères accentués).

<META http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-5″>

Ci-dessous un exemple complet d’élément TITLE correctement formé,

<HTML>
<HEAD>
   <META http-equiv=content-type content="text/html; charset= ISO-8859-5">
   <TITLE>Baladeurs mp3 – des prix en fêtes !</TITLE>
... autres éléments d'en-tête ...
</HEAD>
<BODY>
... corps du document ...
</BODY>
</HTML>

La forme du titre

On privilégiera un TITLE ayant la forme « phrase avec mot-clé + nom du site web » plutôt que « nom du site web + phrase avec mot-clé ».

Par exemple, pour le mot-clé Baladeur mp3, le titre

<TITLE>Baladeur mp3 - Achat baladeurs et lecteurs mp3 – HighTechDiscount</TITLE>

est préférable au titre,

<TITLE>HighTechDiscount - Baladeur mp3 - Achat baladeurs et lecteurs mp3</TITLE>.

Mise en garde

La modification à répétition de la balise TITLE d’une page web peut entraîner une pénalité pour les sites web jeune. On modifie la balise TITLE sur des pages qui reçoivent déjà du trafic des moteurs de recherche, pas sur des pages non encore affirmées. Les webmasters de sites jeunes devront donc s’armer de patience.

 scoopeo:Optimisation HTML : le tag Title (2ème partie) fuzz:Optimisation HTML : le tag Title (2ème partie) tapemoi:Optimisation HTML : le tag Title (2ème partie) nuouz:Optimisation HTML : le tag Title (2ème partie) blogmemes:Optimisation HTML : le tag Title (2ème partie) bookeet:Optimisation HTML : le tag Title (2ème partie) pioche:Optimisation HTML : le tag Title (2ème partie) digg:Optimisation HTML : le tag Title (2ème partie) del.icio.us:Optimisation HTML : le tag Title (2ème partie) spurl:Optimisation HTML : le tag Title (2ème partie) wists:Optimisation HTML : le tag Title (2ème partie) simpy:Optimisation HTML : le tag Title (2ème partie) newsvine:Optimisation HTML : le tag Title (2ème partie) blinklist:Optimisation HTML : le tag Title (2ème partie) furl:Optimisation HTML : le tag Title (2ème partie) reddit:Optimisation HTML : le tag Title (2ème partie) fark:Optimisation HTML : le tag Title (2ème partie) blogmarks:Optimisation HTML : le tag Title (2ème partie) Y!:Optimisation HTML : le tag Title (2ème partie) smarking:Optimisation HTML : le tag Title (2ème partie) magnolia:Optimisation HTML : le tag Title (2ème partie) segnalo:Optimisation HTML : le tag Title (2ème partie)

6 commentaires pour “Optimisation HTML : le tag Title (2ème partie)”

  1. choisirsarobedemariee.com dit :

    vaut-il mieux choisir “robe de mariée” ou “robe mariée” ?

  2. HTML4SEO Team dit :

    Il y a quelques différences mineures, néanmoins pour un tag TITLE, comme indiqué dans l’article, un titre intelligible est préférable. “robe de mariée” semble plus indiqué.

  3. Raphael dit :

    Je crois que la question est : qu’est ce que recherche les prospects cherchant une robe de mariée ? Pour mon blog spécialisé sur le taux de conversion des sites Internet, j’ai suivi le conseil en ajoutant “de” entre taux et conversion. Résultat, si je tape juste taux conversion, je perds 5 places dans google… C’est un risque à prendre ;-)

  4. HTML4SEO Team dit :

    Pour une bonne mesure, il faut prendre en considération les 2 mots-clés “taux de conversion” et “taux conversion”, voir le trafic qu’apporte chacun avant et après, ainsi que leur taux de conversion.

    Dans le cas présent, il y a probablement eu un gain sur le mot-clé “taux de conversion” pour une perte sur le mot-clé “taux conversion”. Mais la nécessité implique un choix. Ma réponse relève d’une évaluation “à la louche”. Partant du constat que les 2 mots-clés sont quasiment identiques (ce que je perd d’un côté, je le récupère donc de l’autre), c’est l’argument “un titre intelligible” développé dans l’article présent qui permet de trancher (bien qu’ici, la différence soit faible).

    Après, il faut voir au cas par cas. On évitera notamment de mettre en péril ses bonnes positions par des remaniements en vue de gagner 1 ou 2 places ou pour progresser sur une mauvaise position pour un autre mot-clé. Si vous êtes bien placé sur “taux conversion” et mal placé sur “taux de conversion”, il est risqué d’opérer la modification. Car gagner quelques places loin dans le classement ne compensera pas la fuite de trafic liée à la perte de 1 ou 2 places en tête du classement.

  5. Ansquer dit :

    Si on utilise le jeux de caractères UTF-8, est-il possible d’utiliser des caractères accentués dans les balises de titre ou de description ? Souvent, lors du référencement dans un annuaire qui va chercher lui-même les balises méta, il me les réaffiche avec des erreurs sur les caractères accentués. Je me suis donc restreint à ne plus les utiliser dans les dites balises. Y a-t-il une solution ? Ou bien le problème vient-il peut-être des dits annuaires ?

  6. HTML4SEO Team dit :

    Comme indiqué plus haut, il est impératif d’indiquer le charset avant la balise TITLE. Ensuite, il faut écrire en respectant le jeu de caractères renseigné dans la balise, comme suit :

    <meta http-equiv=”Content-Type” content=”text/html;charset=iso-8859-1“/>
    <title>Optimisation de code HTML : le tag Title (2ème partie) | Blog GnoZtiK</title>

     

    Si vous utilisez un charset=UTF-8, vous devez alors encoder vos caractères accentués en UTF-8.

    <meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8“/>
    <title>Optimisation de code HTML : le tag Title (2ème partie) | Blog GnoZtiK</title>

    è = %c3%a8 en hexadécimal

     

    Enfin, il vous reste la solution de l’encodage html sur lequel le charset est sans incidence,

    <meta http-equiv=”Content-Type” content=”text/html;charset=“/>
    <title>Optimisation de code HTML : le tag Title (2&egrave;me partie) | Blog GnoZtiK</title>

Laisser un commentaire