Menù a tendina Search Engine Friendly

E' passato un po' di tempo da quando ho scritto questo articolo.
Il mondo del digital è sempre in evoluzione e potresti trovare delle informazioni non più aggiornate.

Le combo box (o menù a tendina) sono degli elementi molto utilizzati nei siti web per la loro capacità di raccogliere un numero di item variabile in pochissimo spazio.

Questi elementi, però, se vengono utilizzati come raccolta di link dal punto di vista SEO non sono affatto efficienti in quanto lo spider non è in grado di attraversarli.

Combobox

Come fare quindi per utilizzare una struttura simile che possa avere al suo interno una collezione di link spiderizzabili?

Vi suggerisco questo utilissimo tool-javascript in grado di trasformare lato visuale una lista in un menù a tendina.

Il funzionamento è davvero semplice ed efficace:

  1. si inserisce il riferimento al file taming_select.js all’interno della pagina:
    <script type="text/javascript" src="tamingselect.js"></script>
  2. si inserisce all’interno del codice HTML la lista dei collegamenti che si vogliono inserire mediante una semplice lista non ordinata (UL);
    <ul>
    <li><a href=”http://www.sitouno.it”>Sito 1</a></li>
    <li><a href=”http://www.sitodue.it”>Sito 2</a></li>
    <li><a href=”http://www.sitotre.it”>Sito 3</a></li>
    <li><a href=”http://www.sitoquattro.it”>Sito 4</a></li>
    </ul>
  3. si fa eseguire il modulo javascript alla lista indicata, in questo caso dichiarando la lista appartenente alla classe turnintoselect
    <ul class="turnintoselect">

Questo sistema permette la visualizzazione degli elementi con un menù a tendina agli utenti con user agent attivo viceversa agli user-agent che non hanno Javascript attivo verrà visualizzata la semplice lista non ordinata.

La tecnica non è assolutamente fraudolenta poiché non vengono forniti contenuti diversi a user-agent diversi, bensì vengono mostrati in presentazioni diverse a seconda delle capacità di browsing.

Sicuramente è un modo di implementare per evitare di mettere link nascosti e accrocchi border-line che sembrano andare molto di moda, ad esempio, nelle Splash Page dei siti dell’automotive:

L’unico difetto dello script è la sua velocità di esecuzione. Potrebbero esserci delle perdite di formattazione temporanea specialmente se dovete mostrare un numero di item elevato con un server non particolarmente brillante.

Altri post che potrebbero interessarti: