SEO: Mettre une image sur une balise html tout en gardant le texte.

Voici une petite astuce qui peut aider pour le référencement de votre site:

Niveau SEO il est préférable de faire des liens avec du texte plutôt qu’avec une image. Logique me direz-vous parce-que même si google est fortiche en reconnaissance d’image, il ne référence pas encore le texte dans les images…

Mais alors, comment faire un lien avec une image sans ralentir le référencement de mon site?
Une solution très simple existe, il suffit d’utiliser la propriété css text-indent pour cacher le texte contenu dans votre balise.

Exemple coté html:

<a id="logo" href="http://www.mon-super-site.com">mon texte</a>

Coté css:

#logo{
  background-image:url("chemin_de_mon_image.png");
  text-indent:-10000px;
}

En mettant la propriété text-indent à -1000px ou -10000px, les visiteurs de votre site ne verrons que l’image du background mais googlebot verra très bien le texte entre les balises <a> et </a> et le prendra en compte. Votre site est sauvé!

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *