Référencement d'un site en AJAX : techniques de base

Olivier Duffez, Lundi 26 novembre 2007

Développer un site en AJAX, ça peut être bien pour le confort des internautes, mais pas toujours pour son référencement… Voici quelques conseils (basiques) fournis directement par Google. Consultez également une proposition de Google pour indexer AJAX.

Michael Wyszomierski et Greg Grothaus nous donnent quelques explications :

• Indexation : pour qu'un site en AJAX soit indexable par Google, il faut qu'il contienne des liens HTML classiques (balise a avec un attribut href valide) et non pas uniquement des liens JavaScript. En effet, à part quelques rares exceptions, Google ne tient pas compte du code Javascript.
• Accessibilité : Google recommande de tester son site en utilisant un navigateur comme Lynx (ou un outil en ligne basé sur Lynx, comme par exemple seebot.org). Il est également possible de faire ce genre de tests en désactivant le JavaScript dans son navigateur classique (avec Firefox c'est très simple surtout avec l'extension Web Developer). En résumé, il faut que votre site reste consultable même sans JavaScript. L'expérience utilisateur peut être enrichie par des fonctions JavaScript (par exemple en AJAX) mais le contenu du site doit reste accessible sans JavaScript.
• Double compatibilité : il est possible de faire des liens qui exploitent les fonctionnalités d'AJAX et qui restent compatibles avec les moteurs de recherche. Il suffit d'utiliser la même astuce que celle qui permet d'indexer des pages affichées en pop-up (ce qui n'est pas une pratique recommandée, mais c'est une autre histoire). Cette astuce consiste à définir à la fois un attribut href qui contient une URL valide et une action JavaScript (par exemple avec la commande onclick). Les utilisateurs qui ont un navigateur qui gère le JavaScript profiteront des fonctionnalités prévues par le développeur JavaScript, et les autres (notamment les moteurs) suivront le lien classique (lien en dur). Voici un exemple de code :

<a href="ajax.htm" onclick="une_fonction_javascript('ajax.htm');
 return false”>lien test</a>

ou un peu mieux :

<a href="ajax.htm" onclick="une_fonction_javascript('this.href');
 return false”>lien test</a>

Au passage, Michael Wyszomierski rappelle que Google ignore ce qui suit le symbole # dans les URL.

Parmi les exemples que j'utilise en formation, je montre parfois le site browsegoods.com qui est l'exemple parfait de ce qu'il ne faut pas faire si on veut optimiser le référencement d'un site en AJAX… L'interface utilisateur est assez bluffante, mais elle est totalement hermétique aux robots des moteurs de recherche !

Et vous, que pensez-vous du référencement d'un site en AJAX ? Avez-vous rencontré des problèmes ou trouvé des solutions spécifiques à ce type de site, ou bien est-ce comme tout site qui utilise du JavaScript ?

Formation référencement et webmarketing

Vous souhaitez sans doute améliorer votre référencement, avez-vous pensé à suivre une formation spécialisée sur le référencement naturel ? En 2008, plus de 700 entreprises ont assisté à nos différentes sessions, la plupart faisant financer ces journées par la formation professionnelle (OPCA). Orange Labs nous a décerné un taux de satisfaction des participants de 90% (octobre 2008).

Préparés et animés par Olivier Duffez (WebRankInfo) et Fabien Faceries (AgentWebRanking), 2 professionnels reconnus dans la profession, nos modules sur le référencement naturel sont très complets tout en laissant une grande place à l'interactivité pour répondre à toutes les questions des participants.

Pour connaître le plan détaillé de chaque module, le prix, les dates et les lieux, cliquez ici pour consulter le site de Ranking Metrics (organisme de formation agréé).

Lectures recommandées sur ce thème :

Laisser une réponse