Risorse per Web Designer, Developer, Web Marketing, Seo e Photoshop

Come creare la versione mobile del blog?

Pubblicato in Utilità, Wordpress

Ci preoccupiamo ancora di come rendere compatibili i nostri siti per Internet Explorer 6 e trascuriamo l’ottimizzazione per dispositivi mobili.
L’odiato browser di casa Microsoft è sempre meno utilizzato, mentre il numero di utenti che navigano tramite dispositivi di ultima generazione aumenta a ritmi vertiginosi. Questo signiifca che noi continuiamo a investire tempo e soldi in un mercato in calo mentre ignoriamo completamente la fetta in forte espansione… ergo, se invece di creare siti investissimo in borsa oggi staremmo tutti quanti con le pezze al c..o.
Non so se ci avete mai provato, ma vi assicuro che usare il cellulare per navigare tra siti e blog è un impresa, dopo pochi minuti si è costretti a rinunciare perchè la navigazione è impossibile e lo spettacolo raccapricciante.

Si parla da anni di mobile business, si è detto che la navigazione mobile avrebbe superato quella desktop, e nonostante questo non sia ancora successo e forse mai succederà, visto che anche Google ha dedicato ben 4 pagine della sua nuova guida al posizionamento sull’argomento, significa che i tempi sono ormai maturi e creare una versione dei nostri siti o blog compatibile con i dispositivi mobili non è più un optional ma una necessità.
La cosa non sempre è una passeggiata, ad esempio c’è il rischio che le due versioni si confondino, ma per chi usa Worpdress esistono diversi plugin gratuiti che con pochi click permettono di avere una soluzione base ma già molto utile.

Io mi son trovato bene con MobilePress.
Questo plugin vi permette di creare uno o più temi per la versione mobile sfruttando la stessa logica dei temi standard di WordPress. Quindi il tema è formato dai soliti file header.php, footer.php ecc e gestirli è molto semplice… Inoltre potete crearne quanti volete e c’è anche la possibilità di usare un tema diverso per iPhone.

Nell’immagine potete vedere il template base, io mi sono limitato a personalizzarlo traducendolo in italiano, cambiando i colori, i font, il formato della data e personalizzando un tantino l’header inserendo il loghetto yesWEBcan.

Ho ridotto le modifiche all’essenziale proprio per vedere quanto tempo impiegavo per rendere il mio sito compatibile con i mobile browser. Il risultato? Ho impiegato un decimo del tempo che mi ci è voluto per rendere lo stesso compatibile con IE7.

Potete vedere la versione mobile del mio sito a questo indirizzo. http://www.yeswebcan.it/?mobile (col rischio che fino a quando non chiuderete il browser continuerete a navigare la versione mobile del sito )
Grazie alla disponibilità di alcuni amici su twitter abbiamo verificato il blog su iphone, blackberry, symbian e windows mobile e sembra che si veda in modo ottimale su tutti i dispositivi.
Altra cosa molto importante è che chi accede al web da telefonino, ha di solito una connessione lenta e grazie a questo plugin che minimizza i contenuti, aumenta di molto la velocità di navigazione e si favorisce la leggibilità anche su piccoli schermi.

Per quanto riguarda l’ottimizzazione sembra che il mobile rispetti gli stessi parametri della SEO tradizionale. Se il vostro sito standard è ben ottimizzato per la versione tradizionale di Google lo sarà anche su Google Mobile.

L’argomento va approfondito e curato più dettagliatamente, ma sarebbe già un ottimo risultato se tutti i blog avessero la loro versione mobile base, in fondo sono sufficienti pochi minuti e il gioco è fatto. Anzi, già che ci siete, che ne dite di visitare il mio blog tramite il vostro cellulare e lasciarmi un feedback?

Tweet

Autore: Salvatore Sodano

Salvatore inizia a svolgere l’attività di web designer nel 2001 alla quale poco dopo affianca quella di graphic designer. Negli ultimi anni la passione per Seo e web marketing prende il sopravvento e lo spinge a curare oltre all’estetica dei siti anche ottimizzazione, posizionamento per i motori di ricerca e usabilità. Contatta Salvatore