Come aggiungere la casella di ricerca ufficiale alla versione mobile di Blogger.

Ho appena ricevuto un commento su come installare una casella di ricerca nella versione mobile di Blogger. Visto che il tema credo possa interessare a molti utenti di questa piattaforma ho pensato di farci un post prendendo in esame tutte o quasi le possibili alternative.

Personalmente ritengo che la scelta migliore per una casella di ricerca nella versione mobile di Blogger sia quella del motore affiliato ad Adsense però non tutti gli utenti di Blogger sono iscritti a questo programma di affiliazione. In questo post vedremo come creare una Casella di Ricerca con il widget ufficiale di Blogger e come posizionarla subito sopra alla main area cioè all'area dei post che sia visibile nella versione mobile di Blogger. La condizione necessaria per questa personalizzazione è quella di aver abilitato la versione mobile personalizzata. Si va su Modello > Cellulare e si mette Sì. Mostra il modello ... dopo aver cliccato sulla icona della ruota dentata. Si deve scegliere la versione Personalizza per poter modificare la sezione del modello relativa a questa visualizzazione. 

Come creare una casella di ricerca con Adsense per Blogger.

Gli utenti della piattaforma Blogger possono utilizzare il widget ufficiale per inserire mediante widget un motore di ricerca sul sito. Una casella di ricerca è fondamentale per dare la possibilità ai lettori di cercare i contenuti che si sono pubblicati tramite delle parole chiave o query di ricerca.

Come detto chi ha Blogger può andare su Layout > Aggiungi un gadget > Base > Casella di ricerca e posizionare il motore in una sidebar o nel footer. Se siete registrati ad Adsense è possibile creare un motore di ricerca con gli strumenti di questo programma di affiliazione. Oltre a vantaggi grafici ci saranno per il publisher anche le entrate generate dalle unità pubblicitarie mostrate insieme ai risultati di ricerca. L'installazione di un motore di ricerca con Adsense può avvenire solo tramite il codice da ottenere accedendo al nostro account. Tutti i motori creati con Adsense o anche con altre modalità saranno accessibili dalla pagina Ricerca personalizzata per modificarli o eliminarli. 

Casella di ricerca per Blogger con CSS3.

Blogger dà la possibilità di utilizzare un proprio widget per mostrare ai visitatori un motore di ricerca per il sito. Bisogna andare su Aggiungi un gadget > HTML/Javascript > Base > Casella di ricerca. Possiamo però optare per altre opzioni quali quella di usare il servizio di Google per i motori di ricerca, crearlo con Adsense per chi si sia registrato o anche realizzare un motore gratuito personalizzato.  

In realtà basta poco codice per la creazione di un motore di ricerca con cui si possono realizzare dei widget di ricerca originali. È anche possibile inserire il motore in un menù anche se non tutti i menù sono strutturati in modo da avere questa caratteristica.  

In questo articolo vedremo come creare da soli una casella di ricerca utilizzando gli effetti di transizione che ci vengono dalla tecnologia CSS3. Il motore avrà questo aspetto 

Come creare una casella di ricerca con riconoscimento vocale.

Fare delle ricerche parlando direttamente al dispositivo è una cosa a cui ci siamo abituati con i dispositivi Android e in parte anche con Siri dell'iPhone. Invece di digitare il testo con la tastiera si può pronunciarlo anche nella nostra lingua. Questa funzionalità è stata attivata oltre che nella tastiera ufficiale di Android anche nelle altre tastiere più utilizzate quali SwiftKey e SlideIT.

Da qualche settimana se si utilizza il browser Chrome è possibile fare delle ricerche immettendo le parole chiave anche con la voce. Basta cliccare sulla icona del microfono nella casella di ricerca di Google. In questo articolo vediamo come sia possibile creare una casella di ricerca personalizzata nelle dimensioni e nei colori per il nostro blog e che abbia anche la funzionalità del riconoscimento vocale. È evidente che le ricerche tramite voce funzioneranno solo con Google Chrome ma comunque la casella potrà essere usata nel solito modo anche con gli altri browser

Come creare una casella di ricerca originale per Blogger.

Nei blog su piattaforma Blogger esistono molti modi per mostrare ai lettori una casella di ricerca in modo da accedere in forma più analitica ai contenuti che vi abbiamo pubblicato. In tutti i siti dovrebbe essere presente una simile funzionalità per evitare che i visitatori ci lascino dopo aver letto un articolo vista l'impossibilità di cercare nel blog argomenti di loro interesse.

Si può usare il widget classico di Blogger che tra l'altro è anche molto funzionale. Si va su Layout > Aggiungi un gadget > Casella di ricerca.  Si può limitare la ricerca al nostro sito, estenderla a tutte le pagine che sono state linkate a addirittura a tutto il web.

Un'altra opzione particolarmente interessante è quella di selezionare Aggregatore e inserire nella lista il titolo di un widget Elenco di link per fare delle ricerche nei blog che vi sono elencati. Con questo sistema si può facilmente creare un motore di ricerca per il nostro sito da inserire in un blog di prova in modo da evitare di cercare pagine del blog con il motore del nostro sito per non sballare le statistiche.

Come inserire la casella di ricerca di Blogger nell'Header.

Dopo aver visto come inserire la casella di ricerca nel menù orizzontale delle pagine statiche di Blogger, vediamo come visualizzare il widget della ricerca ufficiale di Blogger nella Intestazione del blog. Come è noto di default l'elemento pagina dell'header è bloccato, questo vuol dire che non sono presenti elementi Aggiungi un gadget per inserire altri oggetti in quella zona. Dovremo quindi sbloccare questa sezione del template.

Andiamo quindi su Modello > Backup/Ripristino e salviamo il modello completo del blog per un eventuale backup di sicurezza. Torniamo su Modello > Modifica HTML > Procedi, senza espandere i modelli widget. Cliccando su F3 cerchiamo questo codice

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

e sostituiamolo con quest'altro

<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>

Motore di ricerca esterno per Blogger.

In un blog è fondamentale avere un motore di ricerca per permettere ai visitatori di cercare nei contenuti del sito attraverso delle opportune keyword. Questo motore è importante anche per l'autore del blog, visto che non ci si può ricordare l'indirizzo di tutti i post che si sono scritti. Cercarli attraverso le etichette è frustrante e usare la casella di ricerca è un modo per arrivare all'articolo in pochi click.

Personalmente queste ricerche le faccio molte volte al giorno, non solo quando mi accingo a scrivere un post, ma soprattutto quando devo rispondere a dei commenti in cui mi pongono dei quesiti che ho già affrontato in un altro articolo. Se si utilizza la ricerca di Google insieme a Adsense è noto che appaiono anche gli annunci pubblicitari relativi alla keyword che si è immessa. Ora è evidente che se si fanno delle ricerche sul nostro blog, non si deve assolutamente cliccarci sopra. La ricerca sul nostro sito con Adsense in sé stessa non è esplicitamente proibita come si può constatare consultando la Guida di Adsense relativa a questa funzionalità. Però è sconsigliato utilizzare il nostro motore perché aumenta il rischio di click accidentali e rende imprecisi i rapporti relativi al traffico verso le nostre pagine. E' consigliato usare la Google Toolbar per effettuare ricerche tramite scorciatoie. Francamente non mi sembra un sistema dai tempi brevissimi anche inserendo un comando supplementare per limitarla a un determinato dominio. Per esempio se si digita nella casella di Google questa stringa

Menù orizzontale con casella di ricerca per Blogger.

Questo menù ha la particolarità di avere, oltre alle voci, anche una sezione dedicata alla ricerca di articoli interni al blog inserendo delle opportune keyword. Ho pubblicato una demo nel web e potete visualizzarlo direttamente

• Demo del menù orizzontale con ricerca -

L'aspetto è visibile anche in questo screenshot. Non ho inserito collegamenti attivi ma il suo funzionamento è intuibile

Il colore di base è il grigio che diventa azzurro quando si punta un elemento con il mouse. I colori sono dati da una immagine quindi non possono essere cambiati senza modificare quest'ultima. Cosa comunque fattibilissima. Per l'installazione andate su Design > Modifica HTML e cercate la riga </head>. Immediatamente sopra incollate questo codice

Come creare una casella di ricerca per il nostro blog con Adsense e come utilizzare le parole chiave per ottimizzare i risultati.

La maggior parte dei ricavi di Google avvengono dai click che i navigatori fanno sui link sponsorizzati nei risultati delle loro ricerche. Inserire delle caselle di ricerca sul nostro sito serve per partecipare, sia pure in piccola parte, a questi introiti. Se infatti qualcuno clicca sugli annunci dopo che ha fatto una ricerca con la barra del nostro sito, il compenso ci sarà accreditato nel nostro account Adsense.
Ho già parlato diffusamente di come creare un motore di ricerca personalizzato per il nostro blog. Se ne possono inserire fino a due per pagina e credo che tutti coloro che hanno adsense dovrebbero inserire anche una casella di ricerca sul loro sito.

Come inserire nel nel nostro sito o blog il motore di ricerca personalizzato di Bing.

Google, soprattutto con Adsense, dà la possibilità di creare dei motori di ricerca personalizzati per il nostro sito. Adesso anche Bing offre questa possibilità che però non inserisce alcuna forma di pubblicità a vantaggio del blogger.

Per iniziare bisogna andare in SiteOwner dove ci sono tutte le funzioni per crearlo

e selezionare Casella di ricerca avanzata > Introduzione. L’operazione si svolgerà in tre passaggi.

Per prima cosa dobbiamo inserire il nome del motore e l’URL del sito

Si possono aggiungere tutti i siti che si vuole andando su Aggiungi un sito. Si può addirittura fare una prova del funzionamento andando su Anteprima, quindi si clicca su Avanti e si passa al secondo passaggio. Nel quale possiamo scegliere

1. La lingua del motore di ricerca
2. Le sue dimensioni in pixel
3. La grandezza della pagina in cui si visualizzano i risultati
4. I colori personalizzati del riquadro

Anche in questo caso si può vedere l’anteprima e passare alla fase finale andando su Avanti.

L’ultimo passo non è altro che quello di selezionare e copiare lo snippet di codice da incollare nel nostro blog.

Oltre alla possibilità di inserire un sito o un elenco di siti su cui effettuare ricerche personalizzate c’è anche l’opzione Macro che consiste nella creazione di motori di ricerca personalizzati per ciascun argomento.

In fase di pubblicazione Blogger non ammette questo codice

<meta name="Search.WLSearchBox" content="1.1, it-IT">

che si trova all'inizio dello snippet e che quindi deve essere tolto. Credo quindi che non potrà essere inserito in un post di Blogger, forse in un elemento pagina, ma non ho provato.

In rete esistono già delle Macro create da degli utenti che si trovano in Windows Live Gallery > Macro di ricerca. Se ne vuoi provare qualcuna ecco

• Motore di ricerca di siti di riferimento -
• Motore di ricerca di blog create con servizi Microsoft -
• Motore di ricerca per videogiochi -