La vision d'une araignée sur le Web 2.0

Mercredi 7 novembre 2007

De nombreux webmasters ont découvert les avantages d’utiliser Ajax pour améliorer l’expérience utilisateur sur leurs sites, créant des pages dynamiques qui agissent comme de puissantes applications web. Mais, tout comme Flash, Ajax peut rendre l’indexation d’un site difficile pour les moteurs de recherche si la technologie n’est pas mise en œuvre avec soin. Comme promis dans notre article répondant aux questions sur
Emplacement du serveur, maillage croisé et technologie Web 2.0, nous avons compilé quelques conseils pour créer des sites web améliorés par Ajax qui sont également compris par les moteurs de recherche.

Comment Google verra-t-il mon site ?

L’un des principaux problèmes des sites Ajax est que, bien que Googlebot soit très doué pour suivre et comprendre la structure des liens HTML, il peut avoir du mal à s’orienter sur les sites qui utilisent JavaScript pour la navigation. Bien que nous travaillions à mieux comprendre JavaScript, votre meilleure option pour créer un site indexable par Google et d’autres moteurs de recherche est de fournir des liens HTML vers votre contenu.

Concevez pour l’accessibilité

Nous encourageons les webmasters à créer des pages pour les utilisateurs, pas seulement pour les moteurs de recherche. Lorsque vous concevez votre site Ajax, pensez aux besoins de vos utilisateurs, y compris ceux qui n’utilisent peut-être pas un navigateur compatible JavaScript. Il y a beaucoup de tels utilisateurs sur le web, y compris ceux qui utilisent des lecteurs d’écran ou des appareils mobiles.

L’un des moyens les plus simples de tester l’accessibilité de votre site pour ce type d’utilisateur est d’explorer le site dans votre navigateur avec JavaScript désactivé, ou de le visualiser dans un navigateur en mode texte uniquement tel que
Lynx. L’affichage d’un site en mode texte uniquement peut également vous aider à identifier d’autres contenus qui pourraient être difficiles à voir pour Googlebot, notamment les images et Flash.

Développez avec l’amélioration progressive

Si vous partez de zéro, une bonne approche consiste à construire la structure et la navigation de votre site en utilisant uniquement HTML. Ensuite, une fois que les pages, les liens et le contenu du site sont en place, vous pouvez pimenter l’apparence et l’interface avec Ajax. Googlebot sera heureux d’examiner le HTML, tandis que les utilisateurs dotés de navigateurs modernes pourront profiter de vos bonus Ajax.

Bien sûr, vous aurez probablement des liens nécessitant JavaScript pour la fonction Ajax, voici donc un moyen d’aider Ajax et les liens statiques à coexister :

Lors de la création de vos liens, formatez-les de manière à offrir un lien statique tout en appelant une fonction JavaScript. De cette façon, vous bénéficierez de la fonctionnalité Ajax pour les utilisateurs JavaScript, tandis que les utilisateurs sans JavaScript pourront ignorer le script et suivre le lien. Par exemple :

Notez que l’URL du lien statique a un paramètre(?foo=32)au lieu d’un fragment(#foo=32), qui est utilisé par le code Ajax. C’est important, car les moteurs de recherche comprennent les paramètres d’URL mais ignorent souvent les fragments. Le développeur web
Jeremy Keith
a qualifié cette technique de
Hijax. Étant donné que vous proposez désormais des liens statiques, les utilisateurs et les moteurs de recherche peuvent créer un lien vers le contenu exact qu’ils souhaitent partager ou référencer.

Bien que nous améliorions constamment notre capacité de crawl, l’utilisation de liens HTML reste un moyen puissant de nous aider (ainsi que les autres moteurs de recherche, appareils mobiles et utilisateurs) à mieux comprendre la structure de votre site.

Suivez les directives

En plus des conseils décrits ici, nous vous encourageons également à consulter nos
Directives pour les webmasters
pour plus d’informations sur ce qui peut rendre un site de qualité pour Google et vos utilisateurs. Les directives soulignent également certaines pratiques à éviter, notamment
les redirections JavaScript trompeuses. Une règle générale à suivre est que, bien que vous puissiez offrir aux utilisateurs différentes expériences en fonction de leurs capacités, le contenu doit rester le même. Par exemple, imaginez que nous ayons créé une page pour Wysz’s Hamster Farm. Le haut de la page comporte un titre “Wysz’s Hamster Farm” et en dessous se trouve un diaporama alimenté par Ajax des derniers hamsters arrivés. Désactiver JavaScript sur la même page ne devrait pas surprendre un utilisateur avec du texte supplémentaire indiquant :

Wysz’s Hamster Farm — hamsters, meilleurs hamsters, hamsters bon marché, hamsters gratuits, animaux de compagnie, fermes, éleveurs de hamsters, hamsters danseurs, rongeurs, hampsters, hamsers, meilleure ressource pour hamsters, jouets pour animaux de compagnie, cours de danse, mignons, tours de hamsters, nourriture pour animaux de compagnie, habitat pour hamsters, hôtels pour hamsters, idées de cadeaux d’anniversaire pour hamsters et plus encore !

Une mise en œuvre plus idéale afficherait le même texte que JavaScript soit activé ou non, et dans le meilleur des scénarios, offrirait une version HTML du diaporama aux utilisateurs sans JavaScript.

C’est un sujet assez avancé, alors veuillez
poursuivre la discussion
en posant des questions et en partageant des idées sur le groupe d’aide aux webmasters. À bientôt !

Écrit par Michael Wyszomierski et Greg Grothaus, Qualité de la recherche