{"id":136,"date":"2007-11-29T11:35:38","date_gmt":"2007-11-29T10:35:38","guid":{"rendered":"http:\/\/luca.lovalvo.net\/1_luca_lo_valvo\/archive\/217_optimisation_du_rfrencement_dun_site_en_ajax.html"},"modified":"2022-11-04T15:58:26","modified_gmt":"2022-11-04T14:58:26","slug":"optimisation-du-referencement-dun-site-en-ajax","status":"publish","type":"post","link":"https:\/\/luca.lovalvo.ch\/blog\/optimisation-du-referencement-dun-site-en-ajax\/","title":{"rendered":"Optimisation du r\u00e9f\u00e9rencement d&#039;un site en AJAX"},"content":{"rendered":"<p class=\"MsoNormal\">Le web 2.0 apporte de nos jours beaucoup dans le plaisir de la navigation pour vos internautes, et une exp&eacute;rience utilisateur extraordinaire,seulement, faire de belle application en AJAX n&rsquo;est pas toujours ce qu&rsquo;il y a de meilleures pour votre r&eacute;f&eacute;rencement.<\/p>\n<p class=\"MsoNormal\">Vous trouverez ici, quelques petites astuces, en provenance d&rsquo;un <a href=\"http:\/\/googlewebmastercentral.blogspot.com\/2007\/11\/spiders-view-of-web-20.html\" target=\"_blank\" rel=\"noopener\">article publi&eacute; par Google<\/a>.<\/p>\n<p>Voici quelque explication r&eacute;critent par Michael Wyszomierski et Greg Grothaus:<\/p>\n<ul>\n<li><strong>L&#39;Indexation<\/strong>&nbsp;: Pour qu&#39;un site Intenret d&eacute;velopp&eacute; en AJAX soit coorectement index&eacute; par Google, il faut qu&#39;il contienne des liens HTML classiques (balise a avec un attribut href valide) et non pas uniquement des liens en JavaScript. <br \/>Effectivement, sauf dans quelques rares exceptions, Google ne tient pas compte du code Javascript et des liens dans ce dernier.\n<\/li>\n<li><strong>L&#39;Accessibilit&eacute;<\/strong>&nbsp;: Google recommande de tester son site en utilisant un navigateur comme <a href=\"http:\/\/en.wikipedia.org\/wiki\/Lynx_%28web_browser%29\" target=\"_blank\" rel=\"noopener\">Lynx<\/a> (ou tout autres outil en ligne bas&eacute; sur Lynx, Ex: <a href=\"http:\/\/seebot.org\/\">seebot.org<\/a>). La d&eacute;sactivation du JavaScript dans son navigateur classique est aussi une solution, ou l&#39;utilisation d&#39;un plugin comme l&#39;<a href=\"https:\/\/addons.mozilla.org\/fr\/firefox\/addon\/60\" target=\"_blank\" rel=\"noopener\">extension Web Developer<\/a> de firefox. <br \/>En gros, votre site web doit rester consultable et visitable sans javascript. L&#39;<q>exp&eacute;rience utilisateur<\/q> peut &ecirc;tre enrichie par des fonctions JavaScript (par exemple en AJAX) mais le contenu de votre site internet doit reste lisibe sans JavaScript.\n<\/li>\n<li><strong>Les deux methodes<\/strong> : il est possible d&#39;effectuer des liens qui exploitent les fonctionnalit&eacute;s en AJAX et qui restent compatibles avec les moteurs de recherche. Il suffit d&#39;utiliser la m&ecirc;me astuce que celle qui permet d&#39;indexer des pages affich&eacute;es en pop-up . <br \/>Cette astuce consiste &agrave; construire un lien href classique, contant l&#39;url valide et une action JavaScript avec un OnClick, par exemple.<br \/>Les utilisateurs qui ont un navigateur avec le JavaScript activ&eacute; et fonctionnel profiteront des fonctionnalit&eacute;s pr&eacute;vues par le d&eacute;veloppeur JavaScript, et les autres (entre autre les moteurs de recherche) suivront le lien classique. Voici un exemple de code&nbsp;:<\/li>\n<\/ul>\n<pre>&lt;a href=&quot;mapageajax.htm&quot; onclick=&quot;mafonctionjs(&#39;mapageajax.htm&#39;); return false&rdquo;&gt;Mon lien&lt;\/a&gt;<\/pre>\n<p>Pour info, il est bon de se rappeler que Google ignore ce qui suit le symbole # dans une URL.<\/p>\n<p>le site <a href=\"http:\/\/browsegoods.com\/\">browsegoods.com<\/a> qui est un exemple typique de ce qui est mauvais pour le r&eacute;f&eacute;rencement d&#39;un site en Ajax&#8230;<br \/>L&#39;exp&eacute;rience utilisateur et l&#39;interface est g&eacute;nial, mais elle est totalement inadapt&eacute; aux Bots des moteurs de recherche. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Le web 2.0 apporte de nos jours beaucoup dans le plaisir de la navigation pour vos internautes, et une exp&eacute;rience utilisateur extraordinaire,seulement, faire de belle application en AJAX n&rsquo;est pas toujours ce qu&rsquo;il y a de meilleures pour votre r&eacute;f&eacute;rencement. Vous trouverez ici, quelques petites astuces, en provenance d&rsquo;un article publi&eacute; par Google. Voici quelque [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-136","post","type-post","status-publish","format-standard","hentry","category-programmation"],"_links":{"self":[{"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/posts\/136","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/comments?post=136"}],"version-history":[{"count":1,"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/posts\/136\/revisions"}],"predecessor-version":[{"id":344,"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/posts\/136\/revisions\/344"}],"wp:attachment":[{"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/media?parent=136"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/categories?post=136"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/tags?post=136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}