Comment faire du JavaScript « Spider Compatible »?

Google+ Pinterest LinkedIn Tumblr +

Langages JavaScript, Ajax et Web 2.0

Le JavaScript peut servir à plusieurs possibilités cosmétologiques, afin d‘égayer l’aspect visuel d’un menu déroulant (Roll-Over). On dit généralement, que les liens JavaScript ne sont pas pris en compte par les moteurs de recherche. Ce n’est pas tout à fait correct. Pour que ces liens soient pris en considération par les robots, il faut tout simplement qu’ils soient « Spider Compatibles ».

menu-deroulant

Exemple d’un menu déroulant pouvant être écrit en JavaScript

Lire également : Où trouver du pellet certifié pas cher ?

 

Ainsi à l’arrivée de Googlebot par exemple, il tentera de suivre les liens qui y sont présents afin de découvrir d’autres liens pour les indexer également. Si le lien est classique, c’est-à-dire sous la forme  suivante :

A lire en complément : Resoomer, l’outil incontournable pour réussir ses études

<a  href=  » http://www.assurances-auto-resilie.fr/assurance-auto-non-paiement.php »>

Texte du lien

</a>

Cela ne lui posera aucun souci, il suivra ponctuellement ce lien pour indexer la page distante.

Par contre, si le lien est créé à l’aide d’un code JavaScript, la mission sera beaucoup plus compliquée. Il existe plusieurs manières de décrire un lien en utilisant le langage JavaScript. Voici quelques exemples :

<a herf= »javascript:window.open(‘http://www.assurances-auto-resilie.fr/assurance-auto-non-paiement.php /’,

‘newWindow’) « >Texte du lien </a>

<a href= « # » onClick= »javascript:toto() » >Texte du lien</a>

<a href= « javascript:fonctionlambda() »>Texte</a>

La page pour laquelle pointe le premier exemple, présente à l’adresse http://www.assurances-auto-resilie.fr/assurance-auto-non-paiement.php, ne sera pas visitée par les robots. Au moins pas par ce biais (même si on peut en 2016 que Google sait interpréter ce code et y trouver l’URL, mais cela reste aléatoire).

Comment faire du JavaScript « Spider Compatible ? »

Heureusement, il est possible de créer des liens JavaScript qui soient interprétée pars les spiders. Par exemple, voici le même lien que précédemment, mais rendu compatible :

<a href= »assurance-auto-non-paiement.php » onclick= »window.open(this.href) ; return false; « >

Texte du lien

</a>

Ou:

<a href=http://www.assurances-auto-resilie.fr/assurance-auto-non-paiment.php onclick= »window.open(this.href); return false; « >

Texte du lien

</a>

Le fait que l’adresse de la page se trouve dans la zone href permet au robot de la reconnaitre facilement et de la suivre afin de l’indexer.

Ainsi, votre code devient compatible à la fois pour les spiders des moteurs de rehcerche et pour les internautes.

Malheureusement, il est difficile de cerner toutes les façons de créer un lien en JavaScript, mais gardez dans votre esprit que, pour qu’un code HTML soit optimisé, il faut  qu’ils proposent ;

  • Un attribut href contenant l’URL de destination pour les moteurs de recherche.
  • Une zone JavaScript propre à l’action que vous désirez créer en cas de clic par la souris.

 

 

Partager.