Ajax web et référencement SEO.

Comment référencer de l'Ajax ? Est ce possible ? Quels sont les astuces pour le faire ?

Ajax Spray Ajax, c'est ce truc à la mode dont tout le monde parle qui, dit-on, à "révolutionné" le web.

C'est vrai qu'avec Ajax tout est possible, les contenus sont plus riches / rapides / interactifs mais en fait Ajax n'est pas du tout la lessive magique que l'on pourrait croire, principalement le pont qui lie les langages "clients" comme le Javascript aux langages "serveurs" comme le Php grace aux XmlHttpRequest ou autres ActiveX, bref l'utilisation du XML et du Javascript de manière asynchrones !
Non ?

Quoi qu'il en soit, le monde du web a réussi à se mettre d'accord sur une définition et à bien distinguer "Ajax" du "Web2.0".
Ca c'est fait.

Une question reste pourtant en suspens. Ajax fonctionnant grace aux langages clients, le contenu qu'il génère ne PEUT PAS être référencé puisque "non lu" par les moteurs de recherche ! Tout le monde semble être d'accord avec ça :

... Un autre inconvénient est la question du référencement puisque les robots d'indexation ne sont pas en mesure d'indexer les contenus engendrés dynamiquement. ... Source : Wikipedia

Oui OK mais pas vraiment.. Heureusement l'histoire ne s'arrete pas là :

Javascript et référencement

Puisque la vérité est ailleur, le mieux est tout de même de vérifier ! Non ?

Le 11 mars 2007, cet article "Does Google Index Dynamic JavaScripted Content?" nous démontre par un test que Google et ses congénères ne peuvent pas indexer le Javascript.

Le test est le suivant : mettre le code javascript ci-dessous dans cette page http://www.fundraw.com/isitjs.html et voir si Google l'indexe, notamment en faisant une requête sur un mot contenu uniquement dans le contenu javascript.

<p>Here are two words inserted into the page via a javascript hardcoded into the page...</p>
<script language="javascript" type="text/javascript">
  document.write("test words are pignoklot and zimpogrit - these have been   inserted via javascript");
  document.write("<br><br>repetition: pignoklot and zimpogrit   - these have been inserted via javascript");
</script>

Contrairement à ce qu'indique la conclusion de l'article de Brainhandles, lorsque l'on demande aujourd'hui à Google s'il connait une page du site www.fundraw.com qui contient le mot "zimpogrit" par la requête zimpogrit site:fundraw.com, il nous sort notre page test !!!

zimpogrit site:fundraw.com on google

Google semble donc indexer les éléments javascript comme le document.write mais peut-on pour autant en conclure que javascript et référencement font bon ménages ? NON car :

Google ne lit que les éléments contenus dans le code source, ceux générés dynamiquement ne le seront pas.
Yahoo et Live et les autres ne trouvent pas cette page avec la requête précédente, la preuve : http://search.yahoo.com/search?p=zimpogrit+site%3Afundraw.com

Quoi qu'il en soit, ceci n'explique pas tout et de toute façon le Javascript doit toujours être associé à une solution alternative classique pour plus d'accéssibilité. En effet, les SE's (hors Google) ne sont pas les seuls à ne pas suivre le Javascript, certains internautes non plus, notamment ceux utilisant des solutions mobiles ou même les aveugles. Faire un site, c'est le penser pour le plus grand nombre !

haut de page

Liens href et onclick

Le référencement se base essentiellement sur les url puisque les moteurs de recherche indexe les url en fonction notamment du contenu associé.

L'Ajax permet entre autres d'afficher sur l'écran de l'utilisateur du contenu généré dynamiquement par une commande comme celle ci :

<a onclick="fonctionAjax(variable);return false;">voir le contenu</a>

Celle ci ne correspondant à aucune url ne permet pas au moteur d'en indexer le contenu... L'astuce est alors d'y associer un lien href pointant vers une url et une page correspondant au contenu que l'on souhaite affiché qui reprend tous les éléments de la pge :

<a href="mapage.html" onclick="fonctionAjax(variable);return false;">voir le contenu</a>

Ainsi : logo ajax

cette page sera indexée,
le visiteur permettant les fonctions javascript verra le contenu généré dynamiquement sans recharger toute la page
le visiteur ne permettant pas les fonctions javascript verra la page indexée qui reprendra le contenu souhaité et tous les autres éléments de la page..

Certains préfèreront dailleurs coupler les deux "fonctionnalités" du lien de cette manière :

<a href="mapage.html" onclick="fonctionAjax(this.href);return false;">voir le contenu</a>

haut de page

Url et backlinking

Grace à cette méthode les moteurs indexent les urls correspondant au contenu alternatif, mais alors un autre problème apparait. En effet, lorsqu'un visiteur acceptant le javascript clique sur le lien ajax, l'url de la page ne change pas :

url ajax

Si un visisteur souhaite revenir sur cette page, il ne pas y revenir par l'url et donc le mettre dans les favoris. Le problème pour le référencement est en terme de backlinking, le risque c'est de voir pointer des liens qui n'ont rien à voir avec le contenu de la page depuis des forums et d'autres sites.

L'astuce est alors de modifier l'url de la page au clic de la fonction Ajax. La seule méthode fiable est de rajouter un signet indiquant la page alternative pour voir apparaitre ceci dans l'url :

url ajax

Ainsi dans la page de destination, ne reste plus qu'a lire l'url et récupérer le signet pour afficher le contenu alternatif par exemple avec cette fonction en php :

$_SERVER['REQUEST_URI']

Remarque : Vous me direz que cette nouvelle url ajax_referencement_seo.html#/mapage.html pour la même page mapage.html et toutes les autres qui pourraient être indexées risque de créer d'innombrable duplicate content ! Et bien NON car les robots n'indexent pas les signets dans la url c'est à dire tout ce qu'il y a après le "#" !!!

Bon en conclusion, on ne référence pas de l'ajax mais on référence des url alternatives qui correspondent au contenu qui est affiché en Ajax.

Et la boucle est bouclée. Au travail !

haut de page