Le tableau des conseils simplifie grandement la tâche d’optimisation de votre code HTML. Etes-vous néanmoins sûr d’en profiter pleinement ? C’est ce que nous allons voir dans ce billet.

Le référencement incrémental, kezako ?

Pour améliorer le positionnement sur un mot-clé, il existe plusieurs leviers qu’on activera en fonction des situations. Si la thématique de votre page web est mal ciblée, on retravaillera son code HTML. C’est justement la tâche pour laquelle est fait HTML4SEO.

En général, le référencement se fait par approximations successives, jusqu’à atteindre le résultat visé. Prenez donc garde aux modifications massives de votre code HTML, cela pourrait être contre-productif voire préjudiciable. Il est souvent plus profitable et moins éprouvant de procéder par retouches successives. Si quelques modifications suffisent, inutile de se fatiguer outre mesure.

Pour ce faire, rappelez-vous que lorsque vous faîtes un audit payant, vous pouvez le refaire autant fois que vous le voulez pendant les 30 jours suivants sans être à nouveau débité. Autrement dit, durant 30 jours glissants, cet audit est gratuit pour la même page web ou toute autre page web de votre choix.

Quelle stratégie adopter ?

Le tableau se compose de 6 colonnes : Tag HTML, Conseils, Nombre d’Urls, Efficacité relative, Difficulté, ROI. Il est possible de trier le tableau par colonne avec les navigateurs Firefox et Opéra (il y a actuellement un petit bug avec Internet Explorer qui devrait bientôt rentrer dans l’ordre). Les tris sur les 4 dernières colonnes sont les plus intéressants et peuvent chacun donner lieu à une stratégie différente.

Les tags clés

La colonne Nombre d’Urls est très importante. Elle indique le nombre d’urls parmi les 10 meilleures qui mentionnent l’expression dans le tag correspondant. Plus cette valeur est élevée pour un tag, plus son optimisation risque d’être décisive pour le mot-clé visé. Si par contre cette valeur est faible, alors son optimisation aura probablement une incidence marginale.

En ce concentrant sur les tags recevant le plus de suffrages, on privilégie les tags pivots pour le mot-clé convoité. Plus difficiles à déceler, ces tags peuvent être très variables d’un mot-clé à un autre.

Du plus efficace au moins efficace

La colonne Efficacité relative signale la portée du conseil prodigué. Le mot « relative » est important. Il signale que l’information est adaptée au contexte courant. Si votre page web ne souffre pas de faiblesse en TITLE, aucun conseil ne vous sera proposé en TITLE, bien que ce tag soit souvent capital. La valeur d’Efficacité relative prend en compte le type du tag (Title, Meta Description, H1, A/HREF, etc …), l’importance de la modification proposée dans le conseil et le Nombre d’Urls.

En ce concentrant sur les tags les plus efficaces, on minimise souvent le nombre de tags à modifier. Par contre, il est fort probable que parmi ceux-ci, se trouvent des tags difficiles à manœuvrer (H1, A/HREF, etc…).

Certains tags (TITLE, H1, etc …) sont souvent présents parmi les plus efficaces. Cette stratégie est plus classique, elle renvoie davantage aux canons du référencement.

Du plus facile au moins facile

La colonne Difficulté renseigne sur la faisabilité d’un conseil. Il existe des tags beaucoup plus apparents que d’autres donc plus difficiles à manipuler.

En ce concentrant sur les tags les plus faciles, on minimise souvent l’effort à fournir. Cette stratégie opte donc pour l’effort minimal. Par contre, il est probable que le nombre de retouches successives nécessaires soit plus grand.

Maximiser le rendement

La valeur de ROI prend en compte l’Efficacité relative et la Difficulté.

En se focalisant sur la colonne ROI, on maximise le rendement en trouvant le meilleur compromis possible entre effets (efficacité) et efforts (difficulté).

Pour aller plus loin

Une stratégie unique est certes confortable (pas d’effort personnel) mais pas nécessairement optimale. En fonction du contexte (mot-clé concurrentiel, de niche, etc …), il faudra opter pour telle ou telle stratégie.

Il est aussi important de se rappeler qu’une bonne optimisation de votre code HTML ne doit pas se réduire à une unique expression. Toute la thématique de l’expression est à optimiser. Le Tagcloud de l’onglet Débutant (ou de l’onglet Expert) vous signale les principales expressions relevées chez vos concurrents et qui font défaut à la page auditée. En cliquant sur les mots-clés proches de l’expression étudiée, d’autres conseils en rapport avec le mot-clé cliqué vous seront proposés.

Par exemple, pour le mot-clé location vacances, on pourra aussi faire un effort sur les expressions annonces locations vacances et location vacances france.

Le référencement doit donc être incrémental à 2 niveaux : celui du mot-clé principal (celui visé sur le moteur de recherche) et celui des expressions proches du mot-clé principal d’un point de vue thématique.

Le tableau se compose, par défaut, de 6 colonnes : Tag HTML, Conseils, Nombre d’Urls, Efficacité relative, Difficulté, ROI. Il est néanmoins possible de paramétrer son affichage en cliquant sur Mes préférences d’affichage dans la barre d’outils.

Une boite de dialogue s’ouvre alors.

Elle se compose de 2 onglets : Paramètres courants et Préférences. On retrouve les mêmes éléments dans les 2 onglets. Néanmoins, les paramétrages effectués dans les 2 onglets n’ont pas la même portée. Dans l’onglet Paramètres courants, ils ne durent que le temps de la session courante. A votre prochaine visite, ils n’auront plus d’effet. Alors que dans l’onglet Préférences, ils sont mémorisés entre les sessions. A votre prochaine visite, ils seront toujours valables.
2 types de paramétrages sont possibles.

Par défaut, toutes les colonnes sont affichées, il est néanmoins possible de n’en afficher que certaines.

Par défaut, seuls les tags optimisés sur l’expression par au moins 2 urls parmi les 10 meilleures donnent lieu à un conseil. Il est cependant possible de changer cette limite inférieure. Plus cette limite sera élevée, moins il y aura de conseils affichés, mais plus ces conseils risquent d’être décisifs.

Le tableau des conseils représente le versant action d’HTML4SEO. C’est la raison d’être de l’application et donc probablement la partie la plus apparente.

Le tableau se compose, par défaut, de 6 colonnes : Tag HTML, Conseils, Nombre d’Urls, Efficacité relative, Difficulté, ROI. Il est possible de trier le tableau par colonne avec les navigateurs Firefox et Opéra (il y a actuellement un petit bug avec Internet Explorer qui devrait bientôt rentrer dans l’ordre).

Tag HTML

La colonne Tag HTML liste uniquement les tags html pour lesquels un conseil est proposé. Tous les tags ne sont donc pas forcément présents.

Conseils

La colonne Conseils vous indique quoi faire pour le tag html correspondant. 2 types de conseils peuvent être présents : ajouter N fois l’expression auditée dans le tag courant ou retirer N mots différents de l’expression auditée. En appliquant ce conseil, vous êtes sur d’avoir pour le tag en question un décompte et une densité tout juste supérieures à la moyenne pour le tag en question.

Dans l’exemple suivant,

HTML4SEO propose d’Ajouter 6 mentions de l’expression location vacances (mot-clé très concurrentiel), et de Retirer 47 mots autres que l’expression location vacances dans les ancres (textes visibles des liens hypertextes).

La tâche n’étant pas facile (Retirer 47 mots …), HTML4SEO offre quelques alternatives. A la place d’Ajouter 6/Retirer 47, il est possible d’Ajouter 7/Retirer 34 ou d’Ajouter 8/Retirer 21 ou d’Ajouter 9/Retirer 8 ou encore d’Ajouter 10/Retirer 0. Le but étant ici de se caler sur la densité et le décompte des meilleures.

Nombre d’Urls

La colonne Nombre d’Urls est très importante. Elle indique le nombre d’urls parmi les 10 meilleures qui mentionnent l’expression dans le tag correspondant. Plus cette valeur est élevée pour un tag, plus son optimisation risque d’être décisive. Si par contre cette valeur est faible, alors son optimisation aura probablement une incidence marginale.

Par défaut, seuls les tags optimisés sur l’expression par au moins 2 urls parmi les 10 meilleures donnent lieu à un conseil.

Dans l’exemple suivant,

Seules 2 Urls parmi les 10 meilleures mentionnent l’expression location vacances dans le tag B (bold, gras en anglais). Alors que 10 Urls parmi les 10 meilleures (c’est-à-dire toutes) mentionnent l’expression location vacances dans le tag TITLE (Texte contenu dans la barre des titres de votre navigateur). L’optimisation du tag TITLE risque fort d’être décisive pour cette expression alors que ce n’est probablement pas le cas du tag B.

Efficacité relative

La colonne Efficacité relative signale la portée du conseil prodigué. Le mot « relative » est important. Il signale que l’information est adaptée au contexte courant. La valeur d’Efficacité relative prend en compte le type du tag (Title, Meta Description, H1, A/HREF, etc …), l’importance de la modification proposée dans le conseil et le Nombre d’Urls.

Difficulté

La colonne Difficulté renseigne sur la faisabilité d’un conseil. Dans l’absolu, il est facile de mettre en œuvre un conseil. Il suffit d’ouvrir un éditeur HTML, puis … Ce n’est cependant pas si simple.

Il existe des tags beaucoup plus apparents que d’autres comme les H1. Les modifier implique un remaniement important de la page web et nécessite un ajustement du discours qui peut avoir un impact décisif pour une campagne promotionnelle, par exemple, où chaque mot compte. Pareillement, les tags A/HREF ne sont pas toujours aisés à modifier, dans la mesure où les liens pointés (surtout externes) sont indépendants de la page web qui les pointe. A l’inverse, il existe des tags que l’on peut changer « sans douleurs » : IMG/ALT, META/KEYWORDS, etc …

La valeur de Difficulté prend en compte le type du tag (Title, Meta Description, H1, A/HREF, etc …) et l’importance de la modification proposée dans le conseil.

ROI

La colonne ROI renvoie au retour sur investissement, quel retour pour quel effort ?

La valeur de ROI prend en compte l’Efficacité relative et la Difficulté.

Dans l’exemple suivant,

bien que la modification proposée pour le tag IMG/ALT soit plus importante que celle proposée pour le tag H1, son efficacité est moindre.

Par contre, la difficulté est moindre pour le tag IMG/ALT que pour le tag H1 malgré la nécessité d’ajouter plus d’occurrences de l’expression location vacances.

Le tag TITLE étant facile à modifier et ayant un fort impact sur le positionnement voit son ROI très élevé, ce qui n’est pas le cas du tag H1 qui malgré un impact important est très apparent et donc difficile à modifier sans conséquences.

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.

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

Le décompte et la densité font partie des paramètres utilisés par les moteurs de recherche pour juger de la pertinence d’une page web par rapport à un mot-clé. La densité ou IDM (Indice de Densité d’un Mot-clé) semble plus importante que le décompte. Il ne faut néanmoins pas négliger le décompte.

Décompte

Le décompte renvoie simplement au nombre d’occurrence d’un mot-clé dans un texte.

Densité

La densité est un peu plus subtile, mais reste accessible . C’est le rapport entre le décompte et le nombre total de mots. Elle mesure l’importance de la présence d’un mot-clé par rapport à l’ensemble d’un texte. Si un mot-clé apparaît 2 fois sur un total de 400 mots, il est moins présent que s’il apparaît 1 fois pour un total de 30 mots.

Exemple détaillé

Dans le texte suivant,

Le football, appelé soccer aux États-Unis et au Canada par opposition au football américain et au football canadien, est un sport collectif qui opposent deux équipes de onze joueurs, dont le but est de mettre un ballon sphérique dans le but adverse, sans utiliser les bras. Le football est le sport le plus populaire dans le monde.

Le mot-clé football apparaît à 4 reprises et il y a au total 57 mots. Nous avons donc un décompte de 4 et une densité de 4/57 = 7%, ce qui est très élevé.

Pour améliorer la densité d’un mot-clé, on peut soit augmenter le décompte, soit réduire le nombre total de mots.

Transformons le texte précédant comme suit,

Le football, appelé soccer aux États-Unis et au Canada par opposition au football américain et au football canadien, est un sport opposant deux équipes de onze joueurs, ayant pour but de mettre un ballon dans le but adverse, sans utiliser les bras. Le football est un sport très populaire.

Le mot-clé football apparaît toujours à 4 reprises et il y a au total 49 mots. Nous avons donc un décompte de 4 et une densité de 4/49 = 8.2%, soit un gain de 1.2%, ce qui est encore plus élevé. La signification est très proche mais la densité est meilleure, ce qui favorise davantage un bon référencement.

Pour terminer

Le référencement n’est pas une science exacte. Les moteurs de recherche se gardent bien de livrer le secret de leurs algorithmes. Nous nous trouvons face à des boîtes noires et seule l’expérimentation fournit des pistes sérieuses. La plupart des conseils relèvent donc de l’expérience, d’observations et de tests.

Ces 2 critères de décompte et densité sont valables pour toutes les balises html : title, a/href, img/alt, h1, strong, etc … Ils le sont également pour les urls. De manière générale pour un bon référencement, il faut un décompte et une densité supérieurs à la moyenne (des meilleurs, soit le top 10) pour les mots-clés visés, sans toutefois tomber dans l’excès (spamdexing, parfois pénalisé en terme de positionnement).

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>
   <HEAD>
      ... Balises d’entête -> informations d'ordre général...
   </HEAD>

   <BODY>
      ... Balises de corps -> page web et mise en forme ...
   </BODY>
</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.