Liste déroulante : affichage navigateur en haut de la page - code html en bas de page

nono_7669 · 7 Septembre 2011

Bonjour,

Voila, il est souvent considéré en référencement que les mots proches de la balise

Code:

<body>

ont une grande importance pour les moteurs de recherche.

En haut de ma page, j'ai plusieurs listes déroulantes du type (cela représente environs 3000 liens).

Code:

<select name="name1" id="id1" onchange="window.location.href=this.value" >
        <option value="">-----</option>
        <option value='http://www.mon_site.com/lien1.html' >Texte 1</option>
         <option value='http://www.mon_site.com/lien2.html' >Texte 2</option>
</select>


<p> TEXTE IMPORTANT POUR LE REFERENCEMENT </p>

J'aimerais que ces listes déroulantes s'affichent toujours en haut de page mais que le code html qui les génrère soit en bas de page, ceci afin de donner du poids au paragraphe

Code:

<p> </p>

en dessous.
Peut être une idée en javascript ou CSS ???

Merci d'avance

PS : je ne souhaite pas non plus que les moteurs de recherche suivent ces liens (environs 3000 = dilution du poids des liens.... Et pour cela j'ai des liens en dur sur mes pages).

zeb · 7 Septembre 2011

charge tes liste déroulantes avec ajax. elle ne seront pas visibles des moteurs et seul les utilisateurs les auront.

nono_7669 · 7 Septembre 2011

OK, merci beaucoup.

Je devrais y arriver, j'ai quelques notions en ajax...

Mais je bloque au niveau du javascipt..... j'utilise quelle événement javascript ?
Peut être

Code:

<body onLoad="ma_fct()">

..... c'est ca ??

Merci

zeb · 7 Septembre 2011

oui le onload devrait coller (enfin je pense car j'utilise pas) mais perso je mettrait le code qui déclenche le chargement en bas de page entre deux balises script pour qu'il soit exécuté une fois la page chargée et notamment pour être certains que la div qui va recevoir le contenu de la liste (via innerhtml) soit chargée.

en effet onload "Se produit lorsque le navigateur de l'utilisateur charge la page en cours" (mais il n'est pas précisé si la page est complètement chargée) et si la div (ou autre chose) censé recevoir le code n'est pas chargé tu risque un plantage.

genre :

Code:

<html>
<head>
 <title>bla bla</title>
</head>

<body>
 <div id="futurListe"></div>
 bla bla bla
 bla bla bla
 bla bla bla
 bla bla bla

 <script>
  var xhr=null;
  if (window.XMLHttpRequest) { 
   xhr = new XMLHttpRequest();
  }
  else if (window.ActiveXObject) {
   xhr = new ActiveXObject("Microsoft.XMLHTTP");
  }
  xhr.open("GET", "http://www.example.com/ajax/script-liste.php, false);
  xhr.send(null);
  document.getElementById('futurListe').innerHTML = xhr.responseText
 </script> 
</body>
</html>

nono_7669 · 7 Septembre 2011

Ok, merci beaucoup.
Bonne soirée