Menus "Milonic" et référencement

[terresca]

Bonjour,

je suis très intéressé par la mise en place de menus déroulants du type Spry de Dreamweaver ou Milonic (http://www.milonic.com).

Les menus Spry sont des css avec des div, des ul et des il que le javascript montre ou masque. Ca a l'air lisible par les robots.

En revanche, chez Milonic, c'est du DHTML assez complexe avec des liens en javascript, des balises noscript et autres.

Qui a déjà utilisé les menus de Milonic ? Posent-ils de pb de référencement ?
Un article d'auto-promo existe sur le sujet, mais c'est un "article maison", donc je me méfie un peu :
http://www.milonic.com/casestudy.php

 

[e-kiwi]

pourquoi ne pas utiliser un menu 100% css sans 1 ligne de javascript ?

 

[terresca]

pourquoi ne pas utiliser un menu 100% css sans 1 ligne de javascript ?

As-tu des exemples ?
Mon projet est compliqué car les menus doivent passer sur une anim flash...

 

[terresca]

Un test avec le "site link analyser tool" sur http://www.seochat.com/seo-tools/site-link-analyzer/

montre que tous les liens sont vus.
Le test est-il probant ?

 

[DadouDuck]

pourquoi ne pas utiliser un menu 100% css sans 1 ligne de javascript ?

Parce que ce type de menu ne peut fonctionner sans css, il faut un minimum de javascript (due a la mauvaise gestion de la pseudo class hover par Internet Explorer). Mais c'est vrai qu'il existe des solution plus élégantes que cet exemple

Mon projet est compliqué car les menus doivent passer sur une anim flash...

Il faut jouer sur les z-index pour les CSS et mettre le paramètre wmode à transparent pour les anims flash.

Sinon, quand on regarde le code, le sous-menu est bien apparent, il n'est par défaut masquer que par les CSS, donc il est correctement vu et pris en compte par les moteurs de recherche. (edition : arf, c'est uniquement à cause de la balise no-script, c'est pas génial comme système, il y a beaucoup mieux => http://css.alsacreations.com/xmedia/exe ... zontal.htm

 

[terresca]

Merci DadouDuck,

on ne peut donc pas se passer de javascript.

Pour info, Spry de Dreamweaver réalise à peu près la même chose que le menu d'Alsacréation.

Si j'ai bien compris, tu ne sembles pas trop favorable aux menus Milonic...

 

[e-kiwi]

pas du tout. un exemple (fonctionne sur ie, firefox, safari, ...) :
http://www.cssplay.co.uk/menus/final_drop2.html

pour ce qui est du flash, il me semble que le "wmode à transparent" ne fonctionne pas sur un des navigateur, mais il suffit effectivement de rajouter une instruction js qui cache l'animation flash.

sinon on peut faire du css qui marche sur tous les navigateurs, et sans js...

 

[DadouDuck]

Avec une grande quantité de "hack" et de test conditionnel pour IE6 et IE7, c'est franchement pas la solution, le lien que j'ai donné reste simple en CSS, pour un code javascript très réduit

 

[terresca]

Avec une grande quantité de "hack" et de test conditionnel pour IE6 et IE7, c'est franchement pas la solution, le lien que j'ai donné reste simple en CSS, pour un code javascript très réduit

Cette solution est très intéressante parce qu'elle permet aux menus de 2° génération d'avoir une largeur supérieure à celle des menus principaux.
Je redoute effectivement que cette solution laisse pas mal de visiteurs sur la touche.

PS : je suis en train d'essayer d'adapter. C'est assez dur...