web-dev-qa-db-fra.com

Référencement pour les liens dupliqués et cachés pour un design réactif

J'aimerais savoir si la duplication de certains liens dans le menu à des fins sensibles (display:none dans certains cas) peut affecter le référencement.

Exemple simple:

<ul>
  <li><a href="/one">one</a></li>
  <li><a href="/two">two</a></li>
  <li class="hidden only-tablet">More +
    <ul>
      <li><a href="/two">two</a></li>
    </ul>
  </li>
</ul>
seohtmlcssresponsive-webdesignhyperlink
3
Grep fs

Je suggère de minimiser le nombre de liens en double. Si ce n'est pas possible, envisagez d'utiliser un étiquetage différent pour chaque lien.

Par exemple, placez le logo de l'entreprise en haut de votre site sous forme de lien vers la page d'accueil et, tout en bas de la page, un lien textuel vers la page d'accueil.

En outre, vous souhaiterez configurer votre page de sorte que le code non nécessaire immédiatement soit chargé APRÈS le chargement du code nécessaire.

Par exemple, essayez quelque chose comme ceci:

<!-- necessary code -->
<ul>
<li><a href="/one">one</a></li>
<li><a href="/two">two</a></li>
<li class="tablet">
</li>
</ul>
<!-- enhancing code -->
<script>
   document.getElementByClassName("tablet").innerHTML="More<ul><li><a href="/two">two</a></li></ul>";
</script>

J'ai peut-être un peu foiré mon code javascript, mais l'objectif est de charger le contenu nécessaire en premier sans télécharger d'autres fichiers indésirables en premier. Une fois que cela est fait, chargez le code qui active le menu de liste non ordonnée dans la liste de liens non ordonnée. Les robots d'exploration apprécieront cela et les robots qui ne comprennent pas javascript ne verront pas dans votre code des liens dupliqués.

3
Mike