Discussion :

[artenis]

Bonjour,

mon souhait serait de faire comme les pages jaunes :
permettre le camouflage d'un numéro de téléphone et ne l'afficher qu'au click .
il faudrait que le numero soit invisible par les moteurs de recherche tant qu'on a pas cliquer sur le bouton "afficher le numero".
dans mon cas, le numéro de téléphone serait associé un champs personnalisé d'un article wordpress

auriez-vous un exemple de script ?

[sekaijin]

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

<div style="display:hidden;" onclick="this.style.display='visible';">01 02 03 04 05</div>

[SylvainPV]

@sekaijin: Le CSS ne suffit pas à se prémunir d'une indexation. De plus, tu confonds visibility: hidden et display:none

A un moment, on utilisait JavaScript pour ça:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<span onclick="this.textContent=atob('MDEgMDIgMDMgMDQgMDU=');">Clique ici pour voir le numéro</span>

Mais bon, les bots d'indexation savent interpréter le JS aussi maintenant. C'est de plus en plus délicat de différencier machine et humain. A la rigueur, tu peux écrire le numéro dans un format intelligible mais non standard, par exemple : Tel: 01_02__03_zero-quatre_05

[artenis]

Sekaijin,
merci, mais le code que vous proposez est-il bien invisible pour les moteurs de recherche ?
J eme trompe peut-être, mais que le numéro soit écrit tel quel ou appelé en php (echo fonction() le numéro est bien visible dans le code source html de la page ! donc en final les moteurs de recherche peuvent référencer ce numéro ! ai-je tord ou raison ?
n'ya t-il pas un moyen de récupérer la valeur du champ (ici il s'agit de get_post_data('...'); pour wordpress) de la table de la BDD via ajax ? ou une autre solution ?
je n'arrive pas saisir si googlebot interprète ou pas le php ?

Sylvainpv:
merci pour votre réponse.
Selon vous "pages jaunes" camoufle t-il ses numéros de téléphones ou est-ce juste du display:none, display:block ?

[SylvainPV]

Je viens de regarder sur pagesjaunes, c'est bien un décodage JavaScript, mais il est nettement plus compliqué qu'un simple atob. Sans doute un algo avec hash et clé de décryptage variable pour éviter l'automatisation du décodage.

[Spartacusply]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div style="display:hidden;" onclick="this.style.display='visible';">01 02 03 04 05</div>

Cliquer sur un élément qui est caché me paraît plutôt délicat

A noter la possibilité d'afficher le numéro dans une image (méthode utilisé par "leboncoin", et qui en plus génère l'image uniquement au clic).

[devyan]

Bonjour à tous,

Le problème reste le même si le ROBOT parse le code JavaScript, il est à même de trouver les appels AJAX pour les suivre et ainsi récupérer les réponses (dans ce cas les numéros de téléphone).

Personnellement, je pencherais vers une solution du genre de celle proposée par SylvainPV qui consiste à avoir le numéro caché dans la page et de l'ajouter dynamiquement dans la zone de visualisation lors du clic.


Quand à la question "googlebot interprète ou pas le php ?" la réponse est forcément NON puisque le PHP reste sur ton serveur.
Le ROBOT n'a à sa disposition que le HTML généré.

devYan

[devyan]

Sinon il y a la solution d'utiliser le fichier robot.txt de ton site pour interdire l'indexation des pages contenant ces numéros de téléphone.
Mais tous les robots ne respectent pas cette norme.

devYan.

[ascito]

permettre le camouflage d'un numéro de téléphone et ne l'afficher qu'au click .

il suffis de ne pas l'afficher au depart...

[artenis]

Merci pour vos remarques et solutions
toutefois, je vais faire les choses simplement et rester sur un camouflage css.
car je n'ai pas les connaissances suffisantes pour m'engager dans un code php ou javascript

[SylvainPV]

Le camouflage CSS ne sert à rien, les moteurs d'indexation se fichent de savoir si un élément est visible ou non du moment qu'il est dans le code de la page.

Je t'ai donné une solution JavaScript simple, elle tient sur une ligne de code. Tout ce que tu as à faire c'est encoder tes numéros de téléphone avec btoa("0699887766"), et coller le résultat entre les guillemets dans mon code. Le numéro est donc vraiment masqué, car les robots ne sauront pas quoi faire avec cette donnée.