Come inserire un codice per rendere più facilmente rilevabile il menù dai motori di ricerca.

In quasi tutti i blog sono presenti dei menù che però, specie per quanto riguarda la piattaforma Blogger, non sempre sono rilevati dai motori di ricerca (segnatamente da Google). Lo prova il fatto che se andate negli Strumenti per Webmaster in Configurazione Sito > Sitelink, vedrete che i link automatici creati per il vostro blog spesso non sono coerenti con il menù.
Per questo blog attualmente Google me ne rileva sette su più di ottanta presenti nel menù

E' possibile inserire nel modello uno script invisibile per aiutare i motori di ricerca a rilevare correttamente il menù. Il codice è di questo tipo

<noscript>
<ul>
<li>Voce1</li>
<li>Voce2</li>
<li>Voce3</li>
</ul>
</noscript>

dove come esempio ho preso un menù a tre voci. Se si hanno delle voci secondarie, per esempio in un menù multilivello, potrebbe avere quest'altra forma

<noscript>
<ul>
<li>Voce1</li>
<li>Voce2
<ul>
<li>Voce2.1</li>
<li>Voce2.2</li>
<li>Voce2.3</li>
</ul>
</li>
<li>Voce3</li>
</ul>
</noscript

dove si è inserito un secondo livello alla Voce2. Il sottolivello inserito è stato evidenziato di rosso. In questo blog ci sono una infinità di collegamenti e il codice da inserire è il seguente

<noscript>
<ul>
<li>Home
<ul>
<li>Profilo su Blogger</li>
<li>Mappa sito per categorie</li>
<li>Aggiungimi su Facebook</li>
<li>Seguimi su Google Buzz</li>
<li>Aggiungimi su Twitter</li>
<li>Seguimi su Friendfeed</li>
<li>Aggiungimi su StumbleUpon</li>
<li>Seguimi con MyBlogLog</li>
<li>Modulo per contattarmi</li>
<li>Norme sulla Privacy</li>
<li>Collabora con un guest post</li>
</ul>
</li>
<li>Risorse Blogger
<ul>
<li>Accedi al Forum</li>
<li>Crea blog</li>
<li>Che fare nel 1° mese</li>
<li>96 risorse Blogger</li>
<li>99 risorse Blogger</li>
<li>Altri post su Blogger</li>
<li>Collezione di modelli</li>
<li>Bottoni per condividere sui Social Network</li>
<li>Windows Live Writer</li>
<li>Guadagnare con blog</li>
<li>Animoticon</li>
<li>Guadagnare 1000€ al mese</li>
</ul>
</li>
<li>Widget e Menù
<ul>
<li>Ultimi Articoli</li>
<li>Ultimi Commenti</li>
<li>Widget di Benvenuto</li>
<li>Ultimi Post con miniature</li>
<li>Archivio con Calendario</li>
<li>Articoli simili con miniature</li>
<li>Ultimi Articoli per etichetta</li>
<li>Ultimi Articoli per categoria</li>
<li>Ultimi Post in verticale</li>
<li>Bottoni di condivisione sui social network</li>
<li>Menù a soffietto</li>
<li>Menù laterale</li>
<li>Tre Menù</li>
<li>Menù orizzontale</li>
<li>Menù multilivello</li>
</ul>
</li>
<li>Eros Videochat Giochi
<ul>
<li>Incontri & Eros</li>
<li>Videochat Gratis</li>
<li>Chatroulette videochat</li>
<li>CiaoAmigos Video Chat</li>
<li>Le videochat di tutto il mondo</li>
<li>12.000 Giochi gratis</li>
<li>Gioca con Friv</li>
<li>Tutto sui giochi</li>
</ul>
</li>
<li>Streaming
<ul>
<li>Film italiani</li>
<li>Motore ricerca film</li>
<li>Film italiani</li>
<li>Elenco siti per film gratis in italiano</li>
<li>TV in streaming</li>
<li>Sport gratis</li>
<li>WorldLiveTv per TV P2P</li>
<li>Calcio gratis</li>
<li>Tutto sulle televisioni</li>
</ul>
</li>
<li>Effetti
<ul>
<li>Apture per multimedialità</li>
<li>Effetto Galleriffic</li>
<li>Effetti floreali</li>
<li>Effetto neve che cade</li>
<li>Effetto cuoricini</li>
<li>Effetto Expando</li>
<li>Effetto Sfoglia Pagina</li>
<li>Effetto multicolore</li>
<li>Effetto Lightbox2</li>
<li>Effetto Lytebox</li>
<li>Lytebox per iFrame</li>
</ul>
</li>
<li>Altro
<ul>
<li>Installare Wordpress</li>
<li>Risorse Wordpress</li>
<li>Google Buzz</li>
<li>Google Wave</li>
<li>Tutto su Google Wave</li>
<li>Scaricare MP3 da Youtube</li>
<li>I migliori video di Youtube</li>
<li>Invia SMS gratis</li>
</ul>
</li>
</ul>
</noscript>

L'ho postato solo per dare un'idea di quello che può venir fuori. Quando avete creato il codice relativo al vostro menù può essere che non vi riesca a incollarlo nel modello dato che il modello di Blogger è in formato XML. Dobbiamo quindi andare su Parse, incollare il codice e cliccare in basso per la conversione. Il codice ottenuto andrà selezionato e copiato in un file di testo. E' opportuno aggiungere un commento all'inizio e uno alla fine del tipo
<!--SEARCH ENGINE FRIENDLY CODE START--> all'inizio
e <!--SEARCH ENGINE FRIENDLY CODE END--> alla fine del codice
per riuscire più facilmente a ritrovarlo nel modello in caso di modifiche. Ecco il codice relativo al mio menù postato su Google Sites.
Per inserirlo nel blog occorre andare nella sezione <body>. Si può per esempio cercare la riga <div id='content-wrapper'> e incollarlo subito sopra, come indicato dallo screenshot

Si salva il modello e non ci sarà alcuna variazione di aspetto visto che il codice inserito è solo a beneficio dei motori di ricerca. La posizione non è che sia determinante. Certo è meglio che sia contestuale rispetto alla posizione del menù. Se avete dei dubbi potete sempre inserirlo subito dopo al tag <body>.
E' difficile stabilire quali e quanti vantaggi si otterranno con questa procedura. Certamente male non gli fa. E' come inviare una Sitemap, se non lo si fa si viene indicizzati ugualmente, se lo si fa però le nostre pagine verranno rilevate con più facilità. Fra qualche tempo controllerò la situazione dei Sitelink per verificare eventuali variazioni.
Ho parlato di eventuali modifiche al codice. E' naturale che se si operano delle variazioni sul menù queste dovranno essere anche riportate nel codice "search friendly". Conviene quindi salvare il file di testo prima della conversione in XML per modificarlo in modo più semplice.