Il existe un grand nombre de manière de caché du texte au visiteur par le css tandis qu’il sera visible par le moteur de recherche la plus basique et de donner au texte et son fond la même couleur mais tout le monde sait qu’elle est facilement détecté par google est banni. Dans ce test je vais esseyer différent facon de cacher du text avec le css en mettant dans chaque paragraphe des mot clé qui ne donne aucun résultat dans google au moment du lancement du test. Voici comment je procède avec chaque méthode
Nom de la méthode : (m-o-t-c-l-é)
Code :
<div style=”position:absolute; ….. le texte biensur en enlevant le mot clé pour ne pas fausser le résultat</div
Test :
le code de test
et je mettrai à la fin les résultat de google quand la page sera indexé
Position absolue : (l-a-s-a-9-f-o-u-9)
Code :
<div style=”position:absolute;top:-1000px;left:-100px;background:#FFF;width:500px;height:50px;”>mot clé sdse sd ses sd se se <strong>mot clé</strong></div>
Test :
lasa9fou9 sdse sd ses sd se se lasa9fou9
Méthode z-index (5-a-b-i-t-a-7-t)
Code :
<div style=”width:100%;height:50px;position:relative;”>mot clé sdk jsdjs va aleoc <strong>mot clé</strong><div style=”width:100%;height:50px;position:absolute;z-index:100;background-color:green;top:0;left:0;”>le texte est caché sous ce div</div>
Test :
5abita7t sdk jsdjs va aleoc
5abita7t
le texte est caché sous ce div
Méthode overflow (5-a-b-i-t-a-7-t-5-a-b-i)
Code :
<div style=”width:100%;background:green;height:20px;overflow:hidden;”>texte non caché le mot clé est en dessous<br /><br />le mot mot clé est caché par le css <br />google a-t-il indexé <strong>mot clé</strong></div>
Test :
texte non caché le mot clé est en dessous
le mot 5abita7t5abi est caché par le css
google a-t-il indexé 5abita7t5abi
Méthode text-indent + overflow (5-a-r-i-j-b-a-r-a)
Code :
<div style=”width:300px;height:20px;text-indent:300px;overflow:hidden;border:1px solid white;”> test <strong>mot clé</strong> francais référencement du texte encore du texte mot clé</div>
Test :
test 5arijbara francais référencement du texte encore du texte 5arijbara
Texte et background-image même couleur (i-c-h-r-i-l-u-n-e-t)
Code :
<div style=”width:500px;height:50px;background:#000 url(‘http://www.creation-site-freelance.com/blanc.gif’) repeat;”>
le mot motclé est en blanc la couleur du background est en noir mais l’image de background est blanche donc <strong>mot clé</strong>est caché</div>
Test :
le mot ichrilunet est en blanc la couleur du background est en noir mais l’image de background est blanche donc ichrilunet est caché
Display none (3-a-n-d-s-o-u-s)
Code :
<div style="width:500px;height:50px;display:none;background:green;"> le mot motclé est renvu invisible par le css une méthode très celebre pour cacher <strong>motclé</strong></div>
Test :
le mot 3andsous est renvu invisible par le css une méthode très celebre pour cacher 3andsous
Résultat google
pas encore indexé