Créer une navigation en ajax

Laznet
Javascript

Bonsoir,

Cherchant a faire évoluer ma conception des sites web, j'ai décidé d'intégrer une navigation ajax a mes futur projets (dans le cas où elle est utile bien sûr).
Et donc je me demandais comment fait @Grafikart pour proposer une navigation ajax, permettre au gens qui n'ont pas activé le javascript de pouvoir continuer à utiliser le site (même si aujourd'hui c'est assez rare) et bien sûr maintenir son référencement.

Parce que c'est vrai qu'une navigation en ajax c'est cool, (ça semble être) c'est plus rapide etc.. etc.., mais pour le référencement il y a mieux vu que les robots qui gère le référencement ne savent qu'utiliser des liens.

Donc comment feriez-vous en théorie pour créer une navigation en ajax et permettant au site d'être bien référencé.

1 réponse

JeremieMeunier

Bonjour, pour le fait de permettre au site de continuer d'être accessible même pour ceux qui n'utilisent pas JS, il te suffit de créer des liens <a href="" class="ajax-link">Link #1</a> et dans ton JS/AJAX de suprimer le comportement par défaut !

var linkAjax_S = document.querySelectorAll('a.ajax-link')

for(var i = 0; i < linkAjax_S.lenght; i++) {
    var linkAjax = linkAjax_S[i]

    linkAjax.addEventListener('click', function(e) {
        e.preventDefault()
    })
}

Voilà en espérant avoir répondu à au moins l'une de tes interrogations !