Indicizzazione : Menù a tendina

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