Référencement : text-indent négatif = mauvaise pratique

Publié le 6 avril 2011 - Référencement SEO. Tags : , ,

Très utilisé ces dernières années à des fins d’accessibilité et d’optimisation du référencement, l’utilisation de l’attribut CSS text-indent:-9999px à des fin de SEO est désormais à éviter. Pour rappel, l’idée de cette technique considérée fût un temps comme une bonne pratique, était de garder la puissance de la balise h1 tout en utilisant une image pour logo.

L’astuce en question consistait à coder sa page HTML de cette façon :

<h1 a href="/">Titre du site</a></h1>

…avec un style de ce type :

h1 a {
background: url(logo.png) no-repeat left top;
text-indent: -9999px;
}

Le problème, c’est que l’effet produit par cette technique est de faire sortir texte correspondant de l’écran, le rendant invisible des visiteurs, mais visible par les moteurs de recherches. Et proposer du contenu différent aux moteurs de recherche est bien entendu prohibé par Google, car cela s’apparente à du cloaking (assez léger pour le coup). En outre, c’est une méthode aussi très largement utilisée par les spammeurs, la faisant de facto dangereusement glisser vers le côté obscur (grey hat).

Partant du principe qu’il est plus prudent de de ne pas risquer une pénalité Google, il convient de trouver une alternative propre et simple, j’ai nommé l’attribut alt !

concrètement, voici ce que cela donne au niveau du code HTML :

<h1><a href="/"><img src="logo.png" alt="Titre du site" /></a></h1>

Le tout avec une petite correction CSS et le tour est joué :

h1 a {
display: inline;
}

Les moteurs de recherche comprennent l’attribut Alt, vous ne serez donc pas pénalisé pour l’avoir utilisé; mais surtout, vous serez en parfaite adéquation avec les règles spécifiées par Google.

Reste à savoir si dans les faits, l’effet escompté est exactement le même qu’une pure balise h1 ou pas. La logique voudrait que oui, Google est logique. Affaire à suivre…


Articles sur ce thème :