- Home
- Categorie
- La Community Connect.gt
- Tutto sulla Community
- Indicizzazione : Menù a tendina
-
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
-
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.
-
ciao
hai cortesemente un link dove approfondire?grazie
-
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
-
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.
-
Ciao Lazzo,
posta qui il codice della pagina HTML
-
Controllando adesso vedo che i file js in realtà sono 3...
Questo è il codice html:
[html]
...<style type="text/css">
<!--
/* Stili e regole per i menu attivati al passaggio del mouse. /
div.menu {
position:absolute; visibility:hidden;
width:110px; left:0; top:0; z-index:500;
background-color:#eee; / #eeeeef */
border: 1px solid; border-color: #f90;
}/* 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><script src="style/comparsa.js" type="text/javascript"></script>
<script src="style/774.js" type="text/javascript"></script>
<script src="style/775.js" type="text/javascript"></script></head>
<body>...
<!-- Menù -->
<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><!-- Invisibile -->
<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><div id="menu2" 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><div id="menu3" 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>
<!-- fine Invisibile -->...
</body>
</html>
[/html]
-
Il codice tipo quello che ho postato è accessibile?
-
@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
-
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.
-
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)
-
usate le estensioni di firefox destinate all'accessibilità, non sapete quanto aiuta nel posizionamento un sito che è anche correttamente accessibile A quali ti riferisci?
-
Accessibility e Juicy Studio Accessibility, quest'ultima per chi vuole cominciare a rendere accessibile cose tipo ajax tramite le nuove estensioni ARIA