Dans le précédent article « Optimisation de code HTML : les tags H1 à H6 (1ère partie) », nous tâchions de définir précisément les balises H1 à H6. Dans cette seconde partie, nous tâcherons d’indiquer comment calibrer au mieux les balises H1 à H6 en vue d’un référencement optimal.

Des balises stratégiques pour le référencement

Les tags H1 à H6 et les autres tags HTML

Après la balise title d’une page web (titre de la fenêtre du navigateur), les balises H1 à H6 (titres et sous-titres du texte de la page) sont probablement les balises HTML les plus considérées par les moteurs de recherche. Elles sont donc presque incontournables dans l’optimisation d’une page web pour un meilleur référencement.

Les tags H1 à H6 entre eux

Toutes les balises H1 à H6 ne se valent pas. Les plus importantes parmi elles sont les balises H1, qui correspondent aux titres de premier niveau. Viennent ensuite les balises H2, puis les H3, etc… jusqu’à H6. Les titres doivent notamment être hiérarchisés pour une bonne optimisation. Pour davantage d’informations, consultez notre article Optimisation de code HTML : les tags H1 à H6 (1ère partie).

Les spécialistes SEO sont généralement d’accord pour dire que les balises H1, H2 et éventuellement H3 ont une véritable influence sur le référencement. Selon ces mêmes experts SEO, les suivantes (H4, H5 et H6) sont apparemment beaucoup plus sujettes à caution. Il est donc vivement recommandé d’insérer des mots-clés stratégiques surtout dans les balises H1 (en priorité) et H2. On veillera tout particulièrement à éviter les fautes d’orthographe.

Dans l’exemple suivant, les titres de la page ne sont pas optimisés :

<H1>Bouger à Paris</H1>
...
<H2>Que visiter ?</H2>
...
<H3>La tour Effeil</H3>
...
<H2>Où dormir ?</H2>
...
<H1>Partir pour Dunkerque</H1>
...

Il faut choisir avec soin les mots-clés à partir desquels les utilisateurs peuvent trouver la page web :

<H1>Voyage à Paris</H1>
...
<H2>La visite des monuments historiques</H2>
...
<H3>Visiter la tour Effel</H3>
...
<H2>Les hôtels à Paris</H2>
...
<H1>Le tourisme à Dunkerque</H1>
...

Comment bien rédiger les balises H1 à H6

SEO & internautes : le bon compromis !

En bon français, un titre doit refléter au mieux le contenu qu’il annonce. Or, un titre pertinent du point de vue de la langue n’est pas nécessairement optimal pour un bon référencement. Si un titre est correctement rédigé pour des lecteurs humains, il ne l’est pas forcément pour les moteurs recherche. Les critères d’appréciation sont différents.

Pour un bon référencement, un titre doit contenir des mots-clés stratégiques. Il faut donc trouver le meilleur compromis entre une rédaction à destination des internautes et une rédaction à destination des moteurs de recherche. Dans la pratique, la tâche peut être ardue. Il faut savoir être fin rédacteur pour glisser opportunément les bons mots-clés dans les titres.

Par exemple, le titre,

« Découvrez comment réussir votre mayonnaise »

peut convenir à des utilisateurs humains comme aux moteurs de recherche mais pour ces derniers, le titre suivant sera préférable :

« Recette d’une mayonnaise réussie »

Un prochain article détaillera comment, à partir d’astuces en CSS, placer facilement des mots-clés dans des balises H1 à H6.

Quelle taille pour les balises H1 à H6 ?

Il n’y a pas de taille canonique pour les titres. Ils peuvent être indifféremment courts ou longs. Il faut néanmoins surveiller la densité des mots-clés dans les titres. C’est un critère important. Cela peut justifier l’emploi plus récurrent de titres courts (ou éventuellement de longueur moyenne).

Dans l’exemple suivant,

« De ce qu’il faut retenir quant aux principes du marketing et les définitions associées »

la densité du mot-clé « marketing » est diluée par le nombre total de mots. On préférera donc le titre suivant,

« Le marketing, principes et définitions »

Nous abordons aujourd’hui notre premier volet sur l’optimisation des balises H1 à H6. Ceux pour qui HTML ne veut rien dire trouveront une courte introduction (le minimum nécessaire à connaître) dans notre précèdent article Le HTML pour le référencement.

Les tags H1 à H6, Kezako ?

Lorsqu’on examine le code HTML de la Faq HTML4SEO (clic droit + Afficher la source dans Internet Explorer), on y trouve le bout de code suivant,

Ce code permet d’afficher plusieurs titres dans la page. Ci-dessous le résultat.

Le chiffre de la balise (de 1 à 6) va croissant avec le niveau de détail du titre. Les titres en H1 sont les plus importants, donc les plus visibles (en général avec la taille de police la plus grande et éventuellement une couleur différente de celle du reste du texte), alors que les tags H6 sont les moins importants.

Les tags H1 à H6 selon la norme HTML 4.01

La norme HTML 4.01 nous dit que :

• chaque document HTML peut (non obligatoire) contenir un ou plusieurs titres H1 à H6,
• chaque titre H1 à H6 nécessite obligatoirement une balise ouvrante <Hn> et une balise fermante </Hn>,
• il existe 6 niveaux de titrages, l’élément H1 étant le plus important et H6 le moins important,

Voici un exemple d’éléments H1, H2 et H3 correctement formé :

<HTML>
<HEAD>
... éléments d'en-tête ...
</HEAD>
<BODY>
	... introduction du document ...
	<H1>Les poissons d'eau douce</H1>
	... ici une courte introduction sur les poissons d'eau douce ...
	<H2>En Europe</H2>
	... ici un texte présentant les spécificités de ces poissons en Europe ...
	<H3>En Europe du nord</H3>
	... détails sur les poissons d'Europe du nord ...
	<H3>En Europe de l'ouest</H3>
	... détails sur les poissons d'Europe de l'est ...
	...
	<H2>En Asie</H2>
	... ici un texte présentant les spécificités de ces poissons en Asie ...
	...
	<H1>Les poissons d'eau de mer</H1>
	...
</BODY>
</HTML>

Le respect de la hiérarchie des balises de titre H1 à H6 n’est pas obligatoire d’après la norme mais il est fortement recommandé. Dans le précédent exemple, les titres sont correctement hiérarchisés.

A éviter,

<H1>Les éléphants d'Afrique</H1>
...
<H3>En Afrique du sud</H3>
...
<H2> Les éléphants d'Asie</H2>
...
<H3>En Asie du sud-est</H3>
...

Notez que le niveau d’importance de la balise ouvrante doit être strictement le même que celui de la balise fermante.

Voici un exemple de titre valide :

<H1>Les castors lapons</H1>

Le titre suivant n’est pas valide et risque même de destructurer toute la mise en page du document :

<H1>Les castors lapons</H2>

Quelle importance ont les balises H1 à H6 ?

Les balises H1 à H6 dans le corps d’une page web

Les balises H1 à H6 sont probablement les plus importantes de l’ensemble du texte d’une page web. Après la balise TITLE, la balise H1 semble la plus importante pour le référencement. Lorsqu’ils sont bien choisis, les titres introduisent le contenu qui les suit (et d’une certaine manière, en sont représentatifs). Ils fournissent donc les termes les plus pertinents pour identifier le document.

Les balises H1 à H6 entre elles

Pour les moteurs de recherche, les balises H1 à H6 n’ont pas toutes la même importance. Les balises H1, les plus importantes parmi les titres, le sont aussi pour le référencement. Plus on augmente de niveau de titre (H2, H3, H4, H5 et H6), moins son contenu sera considéré par les moteurs de recherche. Le contenu d’une balise H1 sera donc plus important que celui d’une balise H2, lui-même plus important qu’une balise H3 et ainsi de suite jusqu’à H6. Les efforts d’optimisation devront donc se concentrer en priorité sur les titres en H1, puis en H2, etc …

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

Une balise Meta Description différente pour chaque page web

A chaque page, sa description. Cette description doit absolument refléter le contenu réel de la page. Dans le cas contraire, l’internaute floué ne tardera pas à quitter votre page. Rappelez-vous, ce n’est pas la quantité de trafic qui compte mais la quantité transformée, autrement dit la qualité (dans le sens, public que vous visez). Il est donc impératif de ne pas répéter la même description sur toutes les pages de votre site web. Car cette description serait alors trop générique. Dans l’idéal, vous ne devriez pas avoir deux pages de votre site web ayant la même balise Meta Description.

Une description intelligible plutôt qu’un bourrage de mots-clés

Il est impératif de ne pas faire de vos balises Meta Description des successions inintelligibles de mots-clés. La mode n’est plus au bourrage de mots-clés, mais plutôt au vrai contenu des pages web. Une ou deux phrases correctement construites ont plus de valeur qu’une série de mots-clés.

En effet, comme nous l’avons précisé dans Optimisation de code HTML : le tag Meta Description (1ère partie), la balise Meta Description n’entre pas directement en ligne de compte dans le référencement. Par contre, elle permet de vous dissocier des autres résultats que renvoient les moteurs de recherche (SERP) et ainsi de rendre votre page web plus attractive que celles de vos concurrents. Vous devez donner envie à l’internaute de cliquer sur votre page web.

Lorsqu’on examine les résultats Google pour le mot-clé Baladeur mp3, on constate que c’est la balise Meta Description des pages web (cerclée de rouge dans la capture ci-dessous) qui est rapportée par Google dans sa liste de résultats.

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

Par exemple, <META NAME=”Description” CONTENT=”Top Achat vous rembourse la différence si vous trouvez moins cher ailleurs ! Vente Lecteur MP3 – Baladeur MP3 au meilleur prix ! Top Achat, le high-tech moins cher…”>.

A éviter, <META NAME=”Description” CONTENT=”XXXXXXX : catégorie Baladeur MP3 / MP4 mp3 & hifi “>

Des mots-clés pas si importants

La balise Meta Description ne doit pas se soucier de contenir vos mots-clés importants. Au risque d’être pénible, la balise Meta Description n’entre pas directement en ligne de compte dans le positionnement de vos pages web dans les SERP (résultats de recherche des moteurs de recherche). Elle se contente « d’assister » les moteurs de recherche dans la présentation qu’ils font de votre page web dans les SERP.

Par exemple, <META NAME=”Description” CONTENT=”Top Achat vous rembourse la différence si vous trouvez moins cher ailleurs ! Vente Lecteur MP3 – Baladeur MP3 au meilleur prix ! Top Achat, le high-tech moins cher…”>.

A éviter, <META NAME=”Description” CONTENT=”Forum-mp3.com: telecharger mp3, Actualité, prix baladeur mp3,guide de baladeur mp3, conseil pour acheter un baladeur mp3, karaoké mp3 et sonnerie mp3.”>

La taille

La taille optimale de la balise Meta Description 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 à 250 caractères, soit environ une soixantaine de mots.

Les caractères accentués

Si vous utilisez des caractères accentués dans vos balises Meta Description, il faudra alors impérativement placer vos descriptions après le META qui déclare le CHARSET.

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

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

Ci-dessous un exemple complet d’élément Meta Description avec charset correctement formé,

<HEAD>
   <META http-equiv=content-type content="text/html; charset= ISO-8859-1">
   <TITLE>...</TITLE>
   <META name="description" content="... rembourse la différence ...">
... autres éléments d'en-tête ...
</HEAD>
<BODY>
... corps du document ...
</BODY>
</HTML>

Enfin, la solution de l’encodage HTML est une autre approche sur laquelle le charset est sans incidence.

Ci-dessous un exemple complet d’élément Meta Description sans charset et avec encodage html correctement formé.

<HEAD>
   <TITLE>...</TITLE>
   <META name="description" content="... rembourse la diff&eacute;rence ...">
... autres éléments d'en-tête ...
</HEAD>
<BODY>
... corps du document ...
</BODY>
</HTML>

Le é de différence est “html encodé” &eacute;

L’application de ces conseils devrait améliorer votre taux de clics dans les SERP.

Nous abordons aujourd’hui notre premier volet sur l’optimisation des balises Meta. Nous nous intéresserons en premier lieu à la balise Meta/Description. Ceux pour qui HTML ne veut rien dire trouveront une courte introduction (le minimum nécessaire à connaître) dans notre précèdent article Le HTML pour le référencement.

Le tag Meta/Description, Kezako ?

Lorsqu’on examine le code html de la page web suivante, (clic droit + Afficher la source dans Internet Explorer), on peut y voir en début de fichier le petit bout de code suivant,

Le tag Meta/Description définit une propriété nommée (name en anglais) Description à laquelle est affecté un contenu (content en anglais).

Dans l’exemple suivant,

<META NAME=”Description” CONTENT=”Top Achat vous rembourse la différence si vous trouvez moins cher ailleurs ! Vente Lecteur MP3 – Baladeur MP3 au meilleur prix ! Top Achat, le high-tech moins cher…“>

La propriété Description a pour valeur Top Achat vous rembourse la différence si vous trouvez moins cher ailleurs ! Vente Lecteur MP3 – Baladeur MP3 au meilleur prix ! Top Achat, le high-tech moins cher….

La propriété Description sert à décrire le contenu d’une page web. Elle n’est pas destinée aux internautes, mais plutôt aux moteurs de recherche.

Le tag Meta/Description, selon la norme HTML 4.01

La spécification HTML 4.01 autorise à spécifier des métadonnées (des informations sur le document plutôt que sur le contenu du document). Cependant, cette spécification ne définit aucun ensemble de propriétés de métadonnées légales. Ces métadonnées font l’objet de convention d’usage. Le Meta/Description fait partie de cet ensemble voué à la définition des métadonnées.

Ces métadonnées obéissent toutes aux mêmes règles. La norme HTML 4.01 dit que :

• chaque document HTML peut (non obligatoire) contenir un ou plusieurs éléments META,
• ces éléments META doivent se trouver dans la section HEAD (l’entête) du document,
• l’élément META définit une propriété auquel lui est assignée une valeur,
• l’élément META peut contenir des caractères accentués ou spéciaux,
• enfin, l’élément META nécessite obligatoirement une balise ouvrante et ne doit pas avoir de balise fermante.

Ci-dessous un exemple d’éléments META correctement formés,

<HTML>
   <HEAD>
      ... éléments d'en-tête ...
      <META name="auteur" content="HTML4SEO Team">
      <META name="copyright" content=" HTML4SEO Copyright © 2007">
      ... autres éléments d'en-tête ...
   </HEAD>
   <BODY>
   ... corps du document ...
   </BODY>
</HTML>

name définit le nom de la propriété et content sa valeur.

On a donc ici, auteur = HTML4SEO Team et copyright = HTML4SEO Copyright © 2007. Attention, la norme HTML 4.01 ne dit rien des propriétés auteur et copyright présentement définies.

La norme HTML 4.01 permet un paramétrage plus poussé des tags META. Pour aller plus loin dans ce paramétrage, on consultera http://www.la-grange.net/w3c/html4.01/struct/global.html#h-7.4.4.2.

Il est vivement conseillé de se conformer au standard HTML (peu importe la version) car les moteurs de recherche apprécient les documents correctement formés, c’est-à-dire formés selon le standard HTML.

Le Meta/Description est-il vraiment important ?

Cette balise HTML est, en principe, unique. Il n’y en a qu’un seul exemplaire par page web, en général en début de fichier. Celle-ci ne fait pas corps avec la page web, elle ne se voit pas. Elle n’est pas destinée aux internautes, mais plutôt aux moteurs de recherche.

Depuis le début des années 2000, l’influence du tag Meta/Description sur le positionnement a sérieusement diminué du fait d’abus (blindage en mots-clés). On peut donc se demander aujourd’hui si elle est vraiment importante pour le référencement et donc si il est vraiment nécessaire d’y travailler.

Ne la négligez pas !

Elle n’intervient certes plus dans l’algorithme de classement des moteurs de recherche. Cependant, les moteurs de recherche y accordent encore de l’importance. En effet, ils y ont souvent recours pour décrire les pages web présentées dans leurs résultats de recherche.

En renseignant les tags Meta/Description de vos pages web, vous proposez aux moteurs de recherche une description de votre page web, qu’ils afficheront très probablement dans leurs résultats de recherche. De cette manière, vous maîtrisez mieux la communication faîte sur votre page web dans les SERP (résultats de recherche des moteurs de recherche). Vous pouvez ainsi inciter davantage l’internaute à cliquer sur votre lien plutôt que sur ceux de vos concurrents. Dans le cas contraire, vous laissez l’initiative aux moteurs de recherche de choisir n’importe quel morceau de texte de votre page web. Et il est fort probable qu’il choisisse un bout de texte sans intérêts.

On peut constater dans l’exemple qui précède que certains liens sont « plus vendeurs » que d’autres.

Une fois n’est pas coutume, nous vous présentons aujourd’hui un nouvel outil seo. Html4Seo est un outil de référencement très innovant qui se propose d’optimiser le code html de vos pages web.

Au lancement de GnoZtiK, nous vous avions indiqué qu’une solution complète d’optimisation de code HTML était en cours de réalisation, c’est maintenant chose faîte. Prochainement, notre solution pour les backlinks.

Principe

Html4Seo est un outil beaucoup plus simple d’emploi que GnoZtiK. Il est directement orienté vers une action efficace pour obtenir des améliorations de positionnement rapides. Ici, pas de théorie et de statistiques indigestes, uniquement des conseils concrets ne nécessitant aucune connaissance préalable en matière de référencement. Il suffit de se laisser prendre par la main.

Le principe d’Html4Seo est très simple. Vous sélectionnez la page web que vous voulez optimiser, le mot-clé que vous visez, et la version de Google qui vous intéresse.

Après avoir récupéré les 10 meilleures du classement et en tenant compte des décompte et densité des mots-clés, Html4Seo vous dit exactement quelles modifications opérer sur chacun de vos tags (title, H1, ..,H5, img/alt, etc …) pour réussir votre référencement.

Les audits en détail

La réponse proposée par Html4Seo prend en considération l’état actuel (décompte et densité) de votre page web et des 10 meilleures. Il n’y a donc aucun risque de spamdexing, puisque vous vous alignez sur la moyenne des 10 meilleures pages validées par Google.

A partir d’un tagcloud intuitif, Html4Seo présente les forces et faiblesses de votre page web.

Le Tagcloud est très paramétrable : longueur, types de mots, blacklist de certains mots, agrégats LSI, forces et faiblesses, Tagcloud différentiel ou comparé, etc … Néanmoins la vue proposée par défaut est de notre point de vue la plus efficace, il est donc inutile d’en changer pour les débutants.

Les mots les plus gros sont ceux qui sont les plus présents et les mots les plus en rouge sont ceux pour lesquels la faiblesse est la plus grande.

En cliquant sur une expression du Tagcloud, un nouvel onglet s’ouvre avec les conseils détaillés tag par tag pour cette expression. Ces conseils prennent bien entendu en considération le décompte et la densité de votre page web ainsi que celles des 10 meilleures pages dans le classement Google. Des indications de difficulté et d’efficacité sont données pour chaque conseil, avec des possibilités de tri. C’est le coeur de l’outil.

Pour les utilisateurs avancés qui veulent aller plus loin, les statistiques détaillées de cette expression sont disponibles sous forme graphique permettant de percevoir du premier regard les tags qui sont en force et faiblesse. L’équivalent en tableau de chiffres est aussi proposé.

Caractéristiques avancées

Pour les utilisateurs avancés désireux d’aller plus loin. Html4Seo leur permet :

• de modifier les paramètres seo selon la connaissance qu’ils ont du référencement,

• de gérer une Blacklist pour écarter les mots parasites,

• de mettre en place des agrégats LSI pour une optimisation plus fine prenant en considération le champ sémantique du mot-clé visé,

Il y a encore bien d’autres possibilités que nous vous invitons à découvrir en testant Html4Seo.

Html4Seo et GnoZtiK

Les comptes utilisateurs Html4Seo et GnoZtiK sont synchronisés. Autrement dit, les membres GnoZtiK n’ont pas besoin d’ouvrir de compte pour Html4Seo, il leur suffit de saisir au démarrage leurs informations de compte GnoZtiK.

Les membres GnoZtiK qui ont perdu leurs informations de compte, les trouveront dans le fichier C:\Program Files\GnoZtiK\Gnoztik\conf\account.xml ouvrable avec le bloc-notes windows.

A titre indicatif, pour bien profiter de Html4Seo, il est préférable d’auditer des pages web qui se trouvent au moins parmi les 100 premières du classement Google, au-delà la manoeuvre peut ne pas porter ses fruits.

Html4Seo, beaucoup moins coûteux qu’un référenceur

Il existe une version gratuite de Html4Seo intéressante.

Les différentes versions payantes, beaucoup plus étoffées, font varier le coût de l’audit entre 1 et 5 Euros. Une prestation de base en référencement du type optimisation « basique » de pages html pour 20 mots-clés coûte rarement moins de 1000 Euros. Le calcul est vite fait, Html4Seo propose une optimisation beaucoup plus poussée sur 30 mots-clés pour un prix 10 fois moins élevé (90 Euros).

De plus, les audits sont répétables gratuitement sur 30 jours glissants sur un nombre illimité de pages. A titre d’exemple, si vous faîtes l’audit « location vacances » sur Google pages francophones pour une page A, vous pouvez refaire le même audit pour une page B sans être débité et sur autant de pages que vous le souhaitez, ceci sur 30 jours glissants.

Enfin, Html4Seo propose une offre de lancement jusqu’au 31 octobre 2007 pour des audits encore plus accessibles, alors ne tardez pas à en profiter.

Dans le précèdent article Optimisation de code HTML : le tag TITLE (1ère partie), nous tachions 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.

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.

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é ».

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.

Nous abordons aujourd’hui notre premier volet sur l’optimisation du code HTML proprement dite. Nous nous intéresserons à la balise Title. Ceux pour qui HTML ne veut rien dire trouveront une courte introduction (le minimum nécessaire à connaître) dans notre précèdent article Le HTML pour le référencement.

Le tag Title, Kezako ?

Lorsqu’on examine le code html de la page web suivante, baladeur mp3 – Recherche Google (clic droit + Afficher la source dans Internet Explorer), on peut y voir en début de fichier le petit bout de code suivant,

Ce bout de code

<title>baladeur mp3 – Recherche Google</title>

permet d’afficher dans la barre des titres (d’où le nom de balise Title) de la page de résultats de Google la mention baladeur mp3 – Recherche Google.

Le tag Title, selon la norme HTML 4.01

La norme HTML 4.01 dit que :

• chaque document HTML doit avoir un et un seul élément TITLE,
• cet élément TITLE doit se trouver dans la section HEAD (l’entête) du document,
• l’élément TITLE ne fait pas partie du flux de texte (il devrait être affiché comme titre de la page ou de la fenêtre),
• l’élément TITLE peut contenir des caractères accentués ou spéciaux,
• enfin, l’élément TITLE nécessite obligatoirement une balise ouvrante et une balise fermante.

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

<HEAD>
<TITLE>Catalogue de baladeurs mp3</TITLE>
... autres éléments d'en-tête ...
</HEAD>
<BODY>
... corps du document ...
</BODY>
</HTML>

Il est vivement conseillé de se conformer à cette norme car les moteurs de recherche apprécient les documents correctement formés, c’est-à-dire formés selon la norme HTML.

Par abus de langage on désigne souvent l’élément TITLE par balise TITLE ou tag TITLE. Pour être clair, l’élément TITLE se compose d’une balise ouvrante (<TITLE>), d’une balise fermante (</TITLE>) et du texte associé, ici Catalogue de baladeurs mp3.

Le tag Title est-il vraiment important ?

Cette balise HTML est unique. Il n’y en a qu’un seul exemplaire par page HTML, en général en début de fichier. Dans la mesure où celle-ci ne fait pas réellement corps avec la page web, elle ne se voit quasiment pas. Il est donc légitime de se demander si elle est vraiment importante pour le référencement et donc si il est vraiment nécessaire d’y travailler.

Cette balise HTML est probablement la plus importante de toutes. Les moteurs de recherche y accordent une grande importance. Si il ne fallait en optimiser qu’une seule, ce serait celle-là. Il est donc impératif pour améliorer le référencement de vos pages web de parfaire leur balise title. Car une balise title correctement calibrée, c’est déjà une grande partie du travail de thématisation et de positionnement réalisé.

Nous abordons aujourd’hui notre premier volet sur l’optimisation du code HTML. Avant d’entrer dans le vif du sujet, nous devons faire quelques rappels à propos du langage HTML.

HTML, le minimum

Ces rappels représentent le minimum de connaissances nécessaires en HTML sans lesquelles il est vain d’espérer pouvoir optimiser vos pages web. Ceux qui sont familiers du HTML n’y apprendront rien de nouveau et y trouveront même quelques approximations à portée purement pédagogique.

HTML, Kezako ?

A chaque page web, que vous visitez sur Internet, est associé un fichier au format HTML que votre navigateur (Internet Explorer, Opera, Firefox ou autre) reçoit et a la charge d’afficher. Ce fichier au format texte (donc humainement lisible) décrit l’apparence que doit avoir la page web correspondante (texte, images, mise en forme, etc …).

Par exemple, en vous rendant sur la page d’accueil du journal du Net, vous pouvez afficher le fichier qu’a reçu votre navigateur (clic droit + Afficher la source dans Internet Explorer). Dans un éditeur de texte s’affiche alors le texte suivant (code HTML) de la page d’accueil du journal du Net.

Cette description est faîte en HTML. Le HTML (Hyper Text Markup Language) est un langage standard qui repose sur des balises (de mise en forme, en général). Il existe des balises pour afficher du texte, pour le mettre en gras, pour insérer des images, etc … Les balises ou tags (en anglais) sont toujours présentées entre chevrons <nom de la balise>. Le texte mis en forme est la plupart du temps encadré par une balise ouvrante et une balise fermante.

Par exemple,
pour afficher en gras le texte baladeur mp3, on utilise la balise b (pour bold, gras en anglais) comme suit,

<h1>voiture de sport</h1>

Structure d’une page HTML

Une page HTML est divisée en deux sections : un entête (HEAD) et un corps (BODY). On trouve dans l’entête des balises spécifiques d’entête qui fournissent des informations d’ordre général sur le document à afficher. Et on trouve dans le corps le document à afficher et ses mises en forme par des balises spécifiques de corps.

Voici comment s’organise une page HTML,

<HTML>

</HTML>


Aller plus loin

Les connaissances qui précèdent sont succinctes et sont le minimum nécessaire à la compréhension des prochains articles sur l’optimisation du code HTML de vos pages web. Davantage de connaissances en HTML est néanmoins préférable.

Vous trouverez sur le site du zéro un excellent tutorial sur le XHTML, un « HTML amélioré » (compris par les moteurs de recherche). Vous devriez en peu de temps faire d’immenses progrès.

Pour aller encore plus loin, il peut être intéressant de consulter les standards HTML 4.01 et XHTML 1.1.

Pour aller droit au but, nous dirons qu’un nom de domaine à soi est chose quasi-incontournable pour un référencement digne de ce nom.

Hébergement gratuit ou payant ?

Il existe foule d’hébergeurs gratuits avec des niveaux de qualité de service variables. Il est possible d’y recourir au début d’un projet « pour voir ». Néanmoins votre crédibilité est sérieusement entachée. En effet, un hébergement professionnel est un investissement peu coûteux (moins de 50 euros à l’année). Si vous n’êtes pas prêt à faire cet effort, n’attendez pas de vos visiteurs qu’ils en fassent davantage et achètent vos produits. Vous montrez par là que vous ne croyez pas à ce que vous faîtes.

Enfin, votre référencement s’en trouvera nettement amélioré. Vous aurez un nom de domaine qui colle à votre activité, vous pourrez créer vos propres sous-domaines, organiser vos fichiers et répertoires (ce que nous verrons dans un prochain article) à votre guise, mettre en place l’url-rewriting (ce que nous verrons aussi dans un prochain article). En bref, vous pourrez faire tout ce qui profite à un bon référencement.

Pour vous en convaincre à la date du 20 juin 2007, Google renvoyait pour le mot-clé sport en Pages francophones les résultats suivants :

Attention, avoir le mot-clé dans l’url ne suffit pas à être bien positionné. Il est nécessaire d’avoir un bon contenu, de bons backlinks, etc … Mais à optimisation égale, l’efficacité est radicale.

Choix du nom de domaine

Il faut lever un maximum d’obstacles dans la promotion de vos produits. Le nom de domaine se doit donc d’être simple et facile à retenir. Dans la mesure où vous disposez de peu de caractères (maximum 20 et c’est déjà beaucoup), vous ne pourrez pas y placer beaucoup de mots-clés, il faut donc bien les choisir. Il est impératif que votre nom de domaine soit centré sur votre activité.

Les sites web sur le sport du classement précédent sont instructifs http://www.sport.fr/ , http://www.sport24.com/ , http://www.myfreesport.fr/ , http://www.sport-plus.fr/ , etc …

Nous avons vu avec http://www.myfreesport.fr que Google détecte les mots-clés “collés” dans les urls. Cependant, la prudence reste de rigueur car il n’en est pas forcément de même pour tous les moteurs de recherche. Le séparateur le plus approprié est le tiret “-”, comme dans http://www.sport-plus.fr/. Le séparateur underscore “_” est à proscrire.

Le TLD

Le TLD (Top Level Domain) sont les extensions du type .com, .org, .net, .fr, etc … Ces extensions ne sont pas sans valeurs. De manière générale, il est préférable de choisir une extension adaptée à vos besoins. Si vous vous adressez à un public francophone, le .fr est adapté et sera probablement un facteur favorisant votre référencement sur les versions françaises des moteurs de recherche. Le .com est très intéressant pour les sites multilingues ou pour la simple raison que l’internaute a tendance à rajouter spontanément un .com.

On notera, parmi les sites web sur le sport du classement précédent, le manque de cohérence de http://www.myfreesport.fr/ qui associe l’anglais à un tld en .fr.

Les sous-domaines

Il est peu probable que vous trouviez un hébergement gratuit vous offrant la possibilité de créer des sous-domaines à votre guise. Prenez néanmoins garde à l’hébergement payant que vous choisissez, car tous ne le permettent pas.

Les sous-domaines sont intéressants à plus d’un titre. Ils sont une occasion supplémentaire de placer des mots clés dans vos urls. Apparemment, les mots-clés en sous-domaine sont plus efficaces que ceux dans les répertoires et les fichiers. Google considère que chaque sous-domaine est un site différent. De ce fait, les liens entre ces sous-domaines sont considérés comme des backlinks externes (venant d’un autre autre site web, ce qui est meilleur qu’un backlink interne, venant du même site web).

Pour un site web sur le sport, on pourra définir un sous-domaine spécifique par sport : football.sport-plus.fr, natation.sport-plus.fr, golf.sport-plus.fr, etc …

L’optimisation des urls est un critère majeur. Le choix de bonnes urls est capital pour un bon référencement.

Anatomie d’une url

Une url se compose de plusieurs éléments. Nous ne verrons ici qu’une présentation simplifiée (plus de détails). Pour notre propos, nous nous intéresserons seulement aux éléments qui nous importent :

• le sous-domaine (facultatif),
• le nom de domaine (obligatoire),
• le tld (Top Level Domain) (obligatoire),
• le nom du répertoire (facultatif),
• et le nom du fichier (facultatif).

Décompte et densité dans une url

Comment fonctionnent décompte et densité avec les urls ?

Décompte

Le mot-clé sport apparaît

• 0 fois dans l’url suivante : http://www.lequipe.fr/ .
• 1 fois dans les urls suivantes : http://www.sports.fr/ , http://fr.wikipedia.org/wiki/Sport , http://sport.aol.fr/ .
• 2 fois dans les urls suivantes : http://www.sports.fr/sport.html , http://sport.aol.fr/sport/index.html .

Densité

Le mot-clé sport apparaît

• 0 fois dans l’url suivante : http://www.lequipe.fr/ et l’url contient 3 mots : www, lequipe, fr , la densité est donc de 0/3 = 0.
• 1 fois dans l’url suivante : http://fr.wikipedia.org/wiki/Sport et l’url contient 5 mots : fr, wikipedia, org, wiki, Sport la densité est donc de 1/5 = 20%.
• 2 fois dans l’url suivante : http://sport.aol.fr/sport/index.html et l’url contient 6 mots : sport, aol, fr, sport, index, html la densité est donc de 2/6 = 33%.

Pour améliorer la densité d’un mot-clé, on peut augmenter le décompte ou réduire le nombre total de mots. Rappelez vous, de bonnes valeurs en décompte et densité sont nécessaires pour optimiser vos urls.

En transformant http://sport.aol.fr/sport/index.html en http://sport.aol.fr/sport/sport.html la densité passe à 3/6 = 50% . En transformant http://sport.aol.fr/sport/index.html en http://sport.aol.fr/sport.html la densité passe à 2/5 = 40% .

Problème

Qu’en est-il de l’url http://www.myfreesport.fr pour le mot-clé sport ?
Le décompte est-il à 0 ou 1 ? Et la densité est-elle à 0/3 ou 1/3 ?
Apparemment Google détecte le mot sport dans l’url.

Pour pouvoir définitivement trancher, il faudrait faire des tests complémentaires. Comme nous le disions dans l’article sur le décompte et la densité, le référencement n’est pas une science exacte.

Optimisation

Optimiser une url sur un mot-clé, c’est améliorer les décompte et densité de ce mot-clé dans l’url. Modifier les urls n’est pas toujours chose facile. Aussi, il est impératif de faire les bons choix dès le départ.

Pour faire cette optimisation, 3 points importants sont à prendre en considération :

• le nom de domaine,
• la structure des répertoires et fichiers (arborescence) de votre site web,
• la réécriture d’urls (url-rewriting).

Nous nous proposons d’aborder chacun de ces points en détail dans 3 articles séparés à paraître prochainement.