Indicizzazione : Menù a tendina

bazarop

Indicizzazione : Menù a tendina

Salve a tutti,
per il restyling di un sito ho bisogno di realizzare dei menù a tendina, il punto è che il sito deve anche essere seo friendly e completamente indicizzabile.

Esiste una tecnlogia che sia javascript o altro che mi permetta di realizzare dei menù a tendina correttamente indicizzabili e non penalizzati? se si, posso chiedervi cortesemente di postarmi qualche esempio per piacere?

Ho visto che molti siti hanno menù a tendina e correttamente indicizzati, ma nonso dove repiren il codice per realizzarli, il mio timore e scaricarmi un javascript che magari mi appaga esteticametne , ma che non mi indicizzi il contenuto del link
Nel caso non fosse possibile, l'unica soluzione rimane la sitemap?

Grazie mille in anticipo

bazarop

Nessun problema, risolto.

Ho capito che se creo un menù sfruttando solo ed esclusivamente i CSS senza javascript, il crawler vede il menù semplicemente come una serie di link a cascata.

CSS is the way.

flasini

ciao
hai cortesemente un link dove approfondire?

grazie

giorgiotave

Ciao Flasini, cosa vuoi approfondire?

Mi sembra solo un'affermazione: usando i CSS non si hanno problemi con l'indicizzazione rispetto all'uso di Javascript

Lazzo85s

Potreste segnalare uno script di esempio???

Ho un dubbio simile: ne ho trovato uno che utilizza un piccolo file .js esterno e per il resto css.
Il problema è che i link del menù a tendina vengono scritti nella pagina html e quindi questa si apesantisce non poco.

giorgiotave

Ciao Lazzo,

posta qui il codice della pagina HTML

Lazzo85s

Controllando adesso vedo che i file js in realtà sono 3...

Questo è il codice html:
[html]
...

/* Stili per le liste e i link contenuti nei menu */
div.menu ul { margin: 0; padding:0; text-align: left }
div.menu ul li { line-height:1; list-style-type:none; margin: .3em}
div.menu a { text-decoration:none; white-space:nowrap}
div.menu a:hover {background-color:#f90}

}

-->
</style>

</head>
<body>

...

<div style="float: left; width: 12em">
<div id="barra" class="nav">
<p id="navig">
<a href="http://www.example.it">PRIMO</a> <a href="javascript:;" onmouseover="menuLayers.show('menu1', event)" onmouseout="menuLayers.hide()" class="novis">--></a><br>
<a href="http://www.example.it">SECONDO</a> <a href="javascript:;" onmouseover="menuLayers.show('menu2', event)" onmouseout="menuLayers.hide()" class="novis">--></a><br>
<a href="http://www.example.it">TERZO</a> <a href="javascript:;" onmouseover="menuLayers.show('menu3', event)" onmouseout="menuLayers.hide()" class="novis">--></a><br>
</p></div><br>

<div id="menu1" class="menu">
<ul>
<li><a href="http://www.example.it">LINK1</a><br></li>
<li><a href="http://www.example.it">LINK2</a><br></li>
<li><a href="http://www.example.it">LINK3</a><br></li>
</ul>
</div>

...

</body>
</html>
[/html]

Lazzo85s

Il codice tipo quello che ho postato è accessibile?

flasini

@Giorgiotave said:

Ciao Flasini, cosa vuoi approfondire?

Mi sembra solo un'affermazione: usando i CSS non si hanno problemi con l'indicizzazione rispetto all'uso di Javascript

Ciao.
per link intendevo se conosce qualche articolo dove approfondire la questione.

Avevo fatto una ricerca e mi risulta che nonostante con css ci sia accessibilità, qualche utente su internet avrebbe avuto qualche piccolo problema di indicizzazione con google .

Escluderei a priori qualsiasi script js.

Quindi anche usando css ho paura di problemi di reindicizzazione o quant'altro.
per questo motivo vorrei approfondire.

Grazie.

Fabio

mizi

Per la mia piccola esperienza, se nell'html i link sono correttamente presenti, magari con il giusto uso dei tag per il loro valore semantico, non ho riscontrato problemi nell'indicizzazione anche se gestiti tramite css + js.

mizi

Aggiungo: usate le estensioni di firefox destinate all'accessibilità, non sapete quanto aiuta nel posizionamento un sito che è anche correttamente accessibile (non mi riferisco ovviamente al solo codice)

Lazzo85s

usate le estensioni di firefox destinate all'accessibilità, non sapete quanto aiuta nel posizionamento un sito che è anche correttamente accessibile A quali ti riferisci?

mizi

Accessibility e Juicy Studio Accessibility, quest'ultima per chi vuole cominciare a rendere accessibile cose tipo ajax tramite le nuove estensioni ARIA