Astuce avec CSS : Cloaking ?

[GSConsultant]

Sur mon site, j'ai trouvé une idée assez torturée qui marche mais j'ai bien peur que ce soit considéré comme du cloaking.

Je vous explique, au cas où vous pourriez faire la lumière dessus.

Ma designer m'a fait un header entièrement graphique qui contient notamment des mots-clé super importants. Pour ne pas gâcher son design, je ne peux pas remplacer ce qu'elle a fait par une balise h1, valorisée dans les moteurs.

J'ai donc eu l'idée suivante, en mettant quand même ma balise mais en remplaçant le texte par le design grâce aux CSS :

HTML

<h1 id="h1_header">Mon titre</h1>

CSS

#h1_header{
	position:absolute;
	left:185px;
	top:42px;
	background:transparent url(../monTitreStylisé.png) no-repeat 0 0;
	width: 371px;
	height:30px;
	text-indent: -9999px; /* décaler le texte HTML pour le rendre invisible */
}

En théorie, c'est du cloaking car je ne présente pas le même contenu aux internautes et aux moteurs.

Que faire ?

 

[reglisse]

perso jet ne ferais pas ça

je rajouterai une balise H1 visible défini pas un ccs 11px #333 genre complètement au-dessus du site ou en bas du header en plus ça rend accessible le site aux navigateurs texte pour les mal voyants

 

[milkiway]

Pour ce que tu souhaites faire il existe une balise <img> dont un des arguments est alt=""

Je ne vois pas en quoi c'est du cloaking ce que tu fais mais ce n'est pas très pertinent.

 

[GSConsultant]

Oui pas bête, utiliser les alt et title de la balise img est bien.

De toute façon, après réflexion, ce serait de la suroptimisation car mes mots-clés sont déjà présents dans le nom de domaine et le title. Je ne devrais pas perdre trop de temps là-dessus en fait.

 

[Rod la Kox]

C'est tout à fait justifié aux yeux des visiteurs et des bots.

Du moment que tu n'abuse pas, il n'y a aucun soucis. exemple : www.an1000.org (6 ans que le header est graphique avec des liens en dur invisible)

C'est bon pour les moteurs et nécessaire pour l'accessibilité du site.

 

[GSConsultant]

Incroyable ! Cela répond clairement affirmativement à ma question car ton site es bien positionné dans Google. Merci Rod.

 

[honolulu]

Ajouter du texte "alternatif" aux css en dur, ok. mais attention à ne pas forcer en mettant des hx non plus... enfin, moi, j'éviterais... :wink:
edit : je dis ça mais http://www.alsacreations.fr/ affiche son h1 en négatif depuis des années.. :wink:

 

[Rod la Kox]

Moi, je pense visiteurs et accessibilité.
Un aveugle préfèrera un hx avec le keyword plutôt qu'une image.

... Après évidemment... c'est bien mieux pour le SEO :mrgreen:

Incroyable ! Cela répond clairement affirmativement à ma question car ton site es bien positionné dans Google. Merci Rod.

Chaque fois qu'un webmaster pose la question, hop, je lui file mon site en exemple... C'est des BL en plus. :mrgreen: (Même en nofollow, je prend)
Et je bosse sur la nouvelle version du site qui sera encore plus abusive sur le texte caché à des fins de design... Même pas peur. :roll: :mrgreen:

 

[honolulu]

je viens d'éditer mon post à propos d'alsa juste au dessus :wink:

 

[milkiway]

Moi, je pense visiteurs et accessibilité.
Un aveugle préfèrera un hx avec le keyword plutôt qu'une image.

Non ce sera pareil pour lui, le ALT est fait pour ça.

Un H contenant une image avec un ALT est parfaitement accessible et pertinent.

 

[Rod la Kox]

Ouais... Et leur logiciel leur dit :
T'a un titre... C'est une image... Le title, c'est "montitre"... Le alt c'est "Montitire de mon site à moi".

Chez moi, le logiciel leur dit :
T'a un titre... "Mon titre".