Indexation avec fil d'ariane composé de menus déroulants css

Bonjour,

Je ne sais pas si je poste dans la bonne section, mais dans le cas présent l'indexation est liée à la présentation...

Ne souhaitant pas ajouter un fil d'ariane en entête du site, car le menu reprend déjà toutes les infos, je me demande quelle technique adopter pour que les moteurs de recherche (gg en l'occurrence) interprètent correctement la "navigation".

Voici un exemple de la logique du menu déroulant (voir le fiddle ici : http://jsfiddle.net/9MuSP/1/) :

Code:

Toutes les rubriques <-> Toutes les catégories

Chacune affichant une liste de liens :
- Toutes les rubriques : Rubrique 1, Rubrique 2, Rubrique 3...
- Toutes les catégories : Cat 1, Cat 2, Cat 3...

Une fois des sélections effectuées, la page est chargée et le menu indique par exemple pour la page http://www.monsite.com/rubrique-1/cat-3/ :
Rubrique 1 <-> Cat 3
La balise <title>Rubrique 1 > Cat 3</title>

Mais comment indiquer clairement aux moteurs que la page en cours est "Rubrique 1 > Cat 3" ?

Habituellement j'aurais mis <h1>Rubrique 1 > Cat 3</h1>, mais ici on est dans un menu du type :

Code:

<ul>
  <li><a href="/rubrique-selectionnee/">Rubrique sélectionnée</a>
    <ul>
      <li><a href="/autre-rubrique/">Autre rubrique</a></li>
      <li><a href="/autre-rubrique/">Autre rubrique</a></li>
      ...
    </ul>
  </li>
</ul>

Comment mettre en évidence que "Rubrique sélectionnée" est le "titre dur" de la page courante ?

Est-ce que la solution suivante pourrait nuire au référencement du site ?

Code:

<ul>
  <li><a href="/rubrique-selectionnee/"><h1>Rubrique sélectionnée</h1></a>
    <ul>
      <li><a href="/autre-rubrique/">Autre rubrique</a></li>
      <li><a href="/autre-rubrique/">Autre rubrique</a></li>
      ...
    </ul>
  </li>
</ul>

<ul>
  <li><a href="/cat-selectionnee/"><h2>Catégoriesélectionnée</h2></a>
    <ul>
      <li><a href="/autre-cat/">Autre cat</a></li>
      <li><a href="/autre-cat/">Autre cat</a></li>
      ...
    </ul>
  </li>
</ul>

Ou avez-vous une autre idée ?

Merci d'avance

 

Bon, après maintes recherches, il semblerait que la meilleure solution soit de déclarer des microdata du type "breadcrumb" (fil d'ariane).

Comme je suis sympa, voici la solution :

Code:

<ul>
  <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="/rubrique-selectionnee/" itemprop="url"><span itemprop="title">Rubrique sélectionnée</span></a>
    <ul>
      <li><a href="/autre-rubrique/">Autre rubrique</a></li>
      <li><a href="/autre-rubrique/">Autre rubrique</a></li>
      ...
    </ul>
  </li>
</ul>

Plus d'infos ici : http://support.google.com/webmasters/bin/answer.py?hl=en&answer=185417

 

On peut imaginer que l'impact visuel est incontestable pour l'internaute. Donc davantage un effet psychologique (qu'on pourrait estimer positif), qu'un impact en terme de trafic.

Enfin à la base je voulais juste faire mon titre de page avec des boutons et me voilà avec un fil d'ariane qui affichera un complément dans GG, c'est pas si mal...

 

Euh, t'as pas bien regardé la tronche du fil d'ariane, il fait également office de menu... d'où l'intérêt des microdata pour que les moteurs s'y retrouvent

Mais ça ne solutionne pas mes H1, je ne sais vraiment pas quoi y coller :/ (en évitant la "triplette")

 

Hello Zeb,

Merci pour le rappel mythologique !

Pas possible de vous montrer pour l'instant, j'ai bloqué avec htpasswd tant que cela n'est pas lancé.

Je t'ai fait 3 exemples de pages ici : http://jsfiddle.net/9MuSP/5/

La navigation est bilatérale, sous forme de filtres :
- Rubrique (type de publication)
- Catégorie (thème)

Avec les relations suivantes :
- Rubrique 1,n <---> 1,n Catégorie
- D'où Rubrique 0,n <--> 1,1 Publication 1,1 <--> 0,n Categorie

Et encore pour simplifier je ne te parlerai pas des Tags, qui sont une sorte de sous-catégorie. (Publication 1,5 <--> 1,1 PUBLICATION_TAG 1,1 <---> 1,n TAG), où on a /rubrique/categorie/tag1+tag2+tag3/

Bref, je ne vais pas rédiger le cahier des charges complet ici...

Donc, comme j'affiche dans le "fil d'ariane/menu/titre" : "nom_rubrique > nom_cat" (oublions la présentation et le côté drop-down), je ne vois pas bien quoi mettre en <h1> si ce n'est répéter "nom_rubrique > nom_cat". Du coup je me pose la question de l'utilité de cette h1 qui va alourdir le design en dupliquant juste le "fil d'ariane".

Sachant que dans une page de publication, ex : /rubrique/categorie/titre-de-la-publication_id.html, j'affiche logiquement <h1>Titre de la publication</h1>, juste en dessous du "fil d'ariane".

 

Bon, ça ne change pas grand chose, mais correction des cardinalités :
Rubrique 0,n <---> 0,n Catégorie
Publication 1,5 <--> 1,1 PUBLICATION_TAG 1,1 <---> 0,n TAG

 

Ouep, donc pas possible de faire l'impasse sur la h1.

Je connais bien l'importance de cette balise, on ne va pas revenir dessus, mais tu vois dans ce cas, je trouve qu'on est typiquement dans la sur-SEO : on affiche une h1 pour les moteurs alors que les utilisateurs savent pertinemment où ils sont grâce au menu star wars.

Effectivement ça ne mange pas de pain :

Code:

".$rubrique->title." sur ".$category->title."
Avec $category->title="les animaux"

Enfin je pense plutôt mettre "à propos" ou "traitant", car "Les événements sur les animaux" c'est limite au niveau syntaxe. :roll:

Bon, reste à trouver une idée en css, pour que ça ne prenne pas trop la tête aux utilisateurs lol

 

Bon, je te montre parce que t'es sympa :lol:


Là on dérive davantage vers une discussion sur l'ergonomie, mais c'est assez lié à la future indexation...

Si tu as des critiques ou idées je suis ouvert.