Générer des liens dynamiquement lors du scroll bas

Bonjour amis développeurs, j'ai besoin de votre aide précieuse (je suis novice je précise)

Je travaille sur un environnement web avec un CMS WordPress.

Mon Template utilise plusieurs sidebar à droite ainsi qu'un footer avec une multitude de liens qui sont utiles a l'utilisateur mais fort préjudiciable au référencement.

Mon idée serait de n'afficher ces liens uniquement lorsque l'utilisateur effectue un scroll vers le bas de manière a ce qu'il ne soit pas détectés par Googlebot.

Auriez-vous une idée de code ?

sachant que j'en ai essayé plusieurs notamment avec "addEventListener" mais au final lors du scroll bas, la page devenait vide et il ne restait plus que les liens :-(

merci pour votre patience

pour restreindre l'accès à une partie du contenu, vous pouvez par exemple faire une page wordpress protégée par un mot de passe.
ainsi seuls les utilisateurs avec ce mot de passe pourront voir ces liens.

Merci pour votre réponse,

Je ne veux pas restreindre de pages aux utilisateurs, je veux juste différer une partie de l'affichage (sidebar+footer) après un scroll et éviter ainsi qu'une partie soit crawlée.

cette discussion devrait t'apporter des reponses :https://stackoverflow.com/questions/...e-certain-text

Merci pour l'information, cependant Googleoff n'est pas vraiment adapté à mon cas

"googleon" et "googleoff" ne sont pris en charge que par Google Search Appliance (lorsque vous hébergez vos propres résultats de recherche, généralement pour votre propre site Web interne).

Ils ne sont pas du tout pris en charge par la recherche sur le Web de Google.

Pour autant que je sache, il n'existe aucun moyen de dire à Google de ne pas indexer un élément de la page.


Je souhaite vraiment utiliser une solution en javascript pour générer mes liens et uniquement après le scroll bas de manière à ce qu'il n'apparaisse pas dans le code avant. Je précise aussi que les solutions en css (visible/hidden) ne me convient pas non plus car google les détecte.

Je vois plusieus possibilités:

la plus simple:

Code:

---

1 2 3

<!--googleoff: index--> <div>ne pas référencer</div> <!--googleon: index-->

---

ensuite tu peux rajouter le contenu dynamiquement en créant les éléments avec javascript après le chargement ou avec un ajax pour peupler ta balise avec les liens...

C'est justement cette partie dynamique qui me pose problème... je cherche de l'aide pour ce code

Bonjour,

Citation:

---

sachant que j'en ai essayé plusieurs notamment avec "addEventListener" mais au final lors du scroll bas, la page devenait vide et il ne restait plus que les liens :-(

---

ça sent le document.write :mrgreen:

Citation:

---

C'est justement cette partie dynamique qui me pose problème...

---

il existe bien des méthodes pour y parvenir, il aurait été bon que tu nous montres ce que tu as essayé !

Voici toutefois une méthode

• supposons que l'on ait cette élément dans la page

Code:

---

<ul id="mes-liens-cachés"></ul>

---

• supposons que l'on ait un objet descriptif des liens à ajouter :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

// description des données à ajouter const links = [ { "url": "https://www.developpez.net/forums/", "text": "Forum DVP" }, { "url": "https://www.developpez.net/forums/f9/webmasters-developpement-web/", "text": "Forum Web (HTML-CSS)" }, { "url": "https://www.developpez.net/forums/f2000/javascript/", "text": "Forum JavaScript" } ];

---

• il suffit alors de lancer la création lorsque le scroll à atteint une certaine position, mais cela tu le sais.

voilà à quoi pourrait ressembler le code pour cet ajout :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

// fonction d'ajout function ajoutLinks() { const minScroll = 500; // c'est à ajuster suivant besoin // test de la position if (window.pageYOffset > minScroll) { //========================================================== // !Important! supprime l'écouteur sous peine de duplication //========================================================== window.removeEventListener("scroll", ajoutLinks); // création et ajout des éléments const elemDestination = document.getElementById("mes-liens-cachés"); links.forEach((link) => { // le code que l'on veut insérer const html = `<li><a href="${link.url}">${link.text}</a>`; // une méthode d'insertion simple elemDestination.insertAdjacentHTML("beforeend", html); }); } } // mise en place écouteur sur scroll window.addEventListener("scroll", ajoutLinks);

---

Bonjour,

Un simple display:none; ne suffit pas ?
Passage en block au Scroll.

Les blocs masqués ne sont pas "lus", si ?

Merci énormément nosmoking je vais essayé ca c'est très gentil de m'apporter ton aide.

jreaux62 : Les blocs masqués sont crawlés.

Citation:

---

Envoyé par virtu67

jreaux62 : Les blocs masqués sont crawlés.

---

Bah... Je préfère nager la brasse, et sans masque... :aie:

Sinon, il me semble aussi qu'utiliser Ajax pour "inclure du contenu dans un div au scroll" me parait pas mal comme idée.
Ça va un peu au-delà de ce que propose NoSmoking, puisqu'on peut alors inclure toute une structure HTML (un footer formaté complet, par ex.), plutôt que "juste un liste de liens".