''Come creare una versione mobile del tuo sito web?'' è probabilmente una domanda che hai già iniziato a porti. Ma dopo la curiosità iniziale, non hai trovato ancora il tempo per pensare a quando e come convertire il tuo sito o blog in una versione mobile che possa essere visualizzata correttamente sugli iPhone, iPad o qualsiasi altro smartphone moderno. In questa guida di MasterNewMedia abbiamo selezionato e recensito i migliori strumenti e servizi disponibili per aiutarti a creare ed a convertire il tuo blog in un sito mobile completo e compatibile con tutti i cellulari.

Photo credit: Robin Good

L'aumento previsto del traffico di dati mobile e l'uso crescente degli smartphone sono dati statistici che confermano che il momento giusto per gli editori online come te di sfruttare l'opportunità di distribuire contenuti ad un pubblico più ampio attraverso dispositivi diversi è proprio questo.

BlackBerry, iPhone, iPad, Android ed altri telefoni cellulari standard potrebbero rappresentare già una parte significativa del traffico che ricevi sul tuo sito ed i servizi che possono rendere il tuo sito completamente accessibile da dispositivi mobile sono tanti, facili da usare e poco costosi. Allora, perché non migliorare l'esperienza dei lettori che visitano il tuo sito tramite i loro dispositivi mobile?

Beh, un sito Web visualizzato sullo schermo standard di un qualsiasi computer non è la stessa cosa di un sito visualizzato su un telefonino BlackBerry o su un iPhone. Ci sono problemi di design e di layout, difficoltà di leggibilità e di navigazione e la necessità di rendere il caricamento degli elementi del sito rapido ed efficace. In particolare:

• Dimensione dello schermo: gli schermi sono più piccoli ed i contenuti sulle tue pagine devono essere organizzati in maniera differente rispetto al tuo normale sito Web. Per lo più, devi organizzare le informazioni in modo verticale, evitando però il più possibile la necessità di scrollare verso il basso.
• Immagini: tutte le immagini presenti sulle tue pagine dovrebbero essere correttamente ridimensionate, rese più piccole e più leggere per garantire una buona velocità di caricamento delle pagine.
• Velocità di connessione: il tuo sito mobile dovrebbe essere ottimizzato per avere una buona velocità di caricamento delle pagine e per poter affrontare cadute di linea ed altri problemi legati alla velocità di connessione. Questi sono problemi particolarmente importanti per i siti mobile su cui si vendono prodotti, dato che nessun utente vuole doversi preoccupare delle stabilità della connessione nel bel mezzo di una transazione.
• Widget e plugin: tutti i componenti aggiuntivi come widget, plugin ed add-on renderebbero il tuo sito mobile più lento e, ancora più importante, potrebbero non funzionare su tutti telefonini. Per esempio, i dispositivi mobili della Apple non supportano il formato Flash, quindi se stai creando un sito per loro, evita di utilizzare elementi basati su Flash ed invece, se possibile, utilizza l'HTML5.
• Sensori: i telefonini di ultima generazione hanno sensori fisici come accelerometri, giroscopi, sensori di luminosità ed altri tipi di accessori. Da un lato, dovresti considerare bene se questi sensori possano creare ulteriori problemi a chi naviga sul Web dal proprio telefonino e, dall'altro, dovresti capire come sfruttare questi sensori in modo da offrire una esperienza di navigazione qualitativamente superiore.

Per aiutarti a scegliere il miglior servizio per convertire il tuo sito attuale in un sito mobile completo, il team di MasterNewMedia ha cercato, individuato e raggruppato i migliori strumenti disponibili per rendere il tuo sito compatibile con tutti i cellulari. Per rendere la tua scelta più efficace, abbiamo preparato una mindmap dei servizi ed una serie di tabelle comparative che mostrano dettagliatamente pregi e difetti di ciascuno di questi servizi per creare la versione mobile di un sito Web.

Questi sono i criteri che il nostro team ha utilizzato per il confronto:

• Dominio personalizzato: crea una URL specifica che identifica il tuo sito o blog in versione mobile.
• Template predefiniti: cura l'aspetto estetico del tuo sito mobile ottimizzato utilizzando template pronti per l'uso.
• Statistiche mobile: supervisiona il traffico, i guadagni, le parole chiave d'accesso ed altri dati del tuo sito o blog mobile.
• Integrazione di pubblicità: inserisci annunci pubblicitari di terze parti nel layout del tuo blog mobile.
• Reindirizzamento automatico: reindirizza i tuoi lettori verso una pagina ottimizzata del tuo sito mobile quando stanno visitando il tuo sito blog da un cellulare.
• Prezzo: costo del servizio per la creazione di siti mobile.
• Funzionalità pro: funzionalità avanzate presenti scegliendo un account pro a pagamento.

Oltre agli strumenti per la creazione di siti mobile, in questa guida troverai anche i servizi online che ti permettono di visualizzare il tuo blog come un sito mobile per effettuare dei test ed i servizi che ti permettono di reindirizzare i visitatori del tuo sito web ad una versione mobile automaticamente generata attraverso un plugin.

Se comunque preferisci di più usare il codice invece che una soluzione Web-based, puoi utilizzare le media query del CSS3 per creare una versione mobile del tuo sito.

Ecco gli strumenti ed i servizi migliori per creare una versione mobile del tuo sito o blog:

I Migliori Servizi Per Creare Una Versione Mobile del Tuo Sito Web - Tabelle Comparative

I Migliori Servizi Per Creare Una Versione Mobile del Tuo Sito Web

1. Mobify

   

   Mobify è un servizio Web-based che puoi utilizzare per convertire il tuo blog in un sito mobile. A partire dalla versione gratuita di Mobify, hai già la possibilità di ottimizzare e progettare il tuo sito mobile per migliaia di dispositivi. Hai anche la possibilità di scegliere un dominio personalizzato per il tuo sito mobile ed installare un plugin sul tuo blog che reindirizza automaticamente i visitatori alla versione mobile quando utilizzano il loro cellulare per raggiungere il tuo sito. Scegliendo la versione a pagamento (a partire da $249 al mese) riceverai anche supporto avanzato, statistiche sui dati mobile ed la possibilità di personalizzare il tuo sito a piacimento. Non è possibile alcuna integrazione di annunci pubblicitari e non sono disponibili nemmeno template pronti per l'uso.
   http://mobify.me/

    

   
   
   

2. MoFuse

   

   MoFuse è un servizio online che ti consente di creare versioni mobile del tuo sito Web. MoFuse ti permette di convertire il tuo blog in un sito mobile compatibile con più di 5000 dispositivi mobili, ottimizzando ancje la visualizzazione dei contenuti in base alle dimensioni dello schermo ed alla velocità di connessione. A chi sceglie di adeguarsi al primo piano tariffario offerto ($7.95 al mese), il servizio fornisce anche assistenza SEO mobile e statistiche dei dati, reindirizzamento automatico e supporto standard. Se passi ad un piano professionale (a partire da $39 al mese), potrai utilizzare anche funzionalità avanzate come CSS mobile personalizzati, integrazione con Google Analytics, avere una sitemap del sito mobile ed altro ancora. Non sono disponibili domini personalizzati, template predefiniti e non è possibile nemmeno l'integrazione di annunci pubblicitari.
   http://mofuse.com/

    

   
   
   

3. MobiSiteGalore

   

   MobiSiteGalore è un servizio Web-based che ti permette di creare una versione mobile del tuo stesso blog. Con piani tariffari che partono da $7.99 al mese, MobiSiteGalore ti offre la possibilità di avere un dominio personalizzato, statistiche di base dei dati mobile, assistenza SEO e la funzionalità di reindirizzamento automatico. Passando ad una soluzione avanzata, per $11.99 al mese potrai inoltre rimuovere il logo di MobiSiteGalore dal tuo sito mobile, inserire annunci pubblicitari sulle tue pagine, usufruire di funzioni avanzate per l'analisi dei dati, includere Web widget ed altro ancora. Non è supportato alcun tipo di template mobile predefinito.
   http://www.mobisitegalore.com/index.html

    

   
   
   

4. DotMobi Instant Mobilizer

   

   DotMobi Instant Mobilizer è un servizio per la creazione di siti Web mobile che ti permette di ottimizzare i contenuti del tuo blog per la visualizzazione mobile. Pagando intorno ai €1,51 - 1.81, DotMobi Instant Mobilizer promette di offrire branding personalizzato, una migliore posizionamento sui motori di ricerca, un nome di dominio personalizzato per il tuo sito mobile, indirizzamento automatico di Google Maps e molto altro. DotMobi Instant Mobilizer non ti offre template pronti per l'uso, statistiche sulla pubblicità mobile, l'integrazione di annunci pubblicitari e non hai a disposizione alcuna funzionalità di reindirizzamento automatico.
   http://instantmobilizer.com/

    

   
   
   

5. WireNode

   

   WireNode è un servizio gratuito per la creazione di siti Web mobile che ti permette di trasformare il tuo blog in un sito per cellulari. Potrai creare un sito Web ottimizzato per i telefonini più diffusi sul mercato, analizzare le statistiche del tuo blog, avere assistenza SEO mobile, inserire widget mobile ed il servizio supporta il reindirizzamento automatico senza che tu spenda nemmeno un centesimo. Se desideri anche avere un dominio personalizzato per il tuo sito mobile, rimuovere gli annunci pubblicitari di terze parti dalle tue pagine ed ottenere un credito di 20 SMS, dovrai necessariamente passare ad un account pro, che ti costerà €15 al mese. Nessuna integrazione di annunci pubblicitari è possibile e non sono supportati nemmeno i template predefiniti.
   http://www.wirenode.com/

    

   
   
   

6. Onbile

   

   Onbile è una piattaforma online gratuita per creare e gestire la versione mobile del tuo blog. Con pochi click potrai personalizzare e creare le pagine e le aree del sito mobile utilizzando uno dei template pronti per l'uso disponibili. Ti basterà poi solamente impostare il reindirizzamento automatico che porterà i visitatori dal tuo sito standard a quello in versione mobile quando utilizzano il loro telefonino per la navigazione. Non avrai un dominio personalizzato, statistiche del traffico su mobile e l'integrazione di annunci pubblicitari ed i template predefiniti non sono supportati.
   http://www.onbile.com/

    

   
   
   

7. Mippin Mobilizer

   

   Mippin Mobilizer è un servizio gratuito che ti permette di creare una versione mobile del tuo blog o del tuo sito Web. Per iniziare a creare il tuo sito dovrai inviare l'URL del tuo blog o dei tuoi feed RSS e potrai utilizzare uno dei template pronti per l'uso disponibili per scegliere l'aspetto estetico del tuo sito mobile. Potrai inoltre ottimizzare il tuo layout mobile e scegliere di integrare un servizio di pubblicità di terze parti come per esempio AdMob per monetizzare le tue pagine web da cellulare. Non disporrai di un dominio personalizzato, di statistiche mobile e nemmeno di funzioni per il reindirizzamento automatico.
   http://mippin.com/Web/maker/mobilize.jsp

I Migliori Servizi Per Visualizzare il Tuo Sito Mobile

1. FeedM8

   

   FeedM8 ti permette di visualizzare il tuo sito mobile. Basta inserire l'URL del tuo sito blog e FeedM8 genererà automaticamente una URL da utilizzare per raggiungere la versione mobile del tuo sito, tutto gratuitamente. Potrai inoltre ricevere la tua URL mobile tramite SMS inserendo il tuo numero di cellulare (disponibile solo per gli Stati Uniti ed il Canada).
   http://www.feedm8.com/Web/

    

   
   
   

2. Mowser

   

   Mowser è un servizio gratuito di DotMobi che ti permette di verificare come il tuo blog viene visualizzato da un qualsiasi telefono cellulare. Nessuna URL personalizzata viene generata per raggiungere il sito mobile poiché il servizio può essere utilizzato solo a scopo di testing.
   http://mowser.com/

    

   
   
   

3. Google Mobilizer

   

   Google Mobilizer è un servizio gratuito di Google che ti consente di verificare come un normale telefono cellulare visualizza il tuo sito Web. Devi solo inserire la URL del tuo sito e scegliere se desideri che le immagini vengano visualizzate durante la visualizzazione del sito.
   http://www.google.com/gwt/n

    

   
   
   

4. MobileAppsAmerica

   

   MobileAppAmerica è un servizio Web-based che ti permette di visualizzare e convertire il tuo blog in un sito mobile. Devi solo digitare la URL del tuo blog ed il servizio lo convertirà in una versione mobile ottimizzata, compatibile con più di 2000 dispositivi mobili tra cui iPhone, BlackBerry e celluari basati su Android. Se poi desideri mantenere sotto il tuo controllo il sito Web che hai creato, dovrai pagare una tariffa di $4.99 al mese.
   http://www.Webtosmartphone.com/index-already-lp.php

    

   
   
   

5. WPtouch Pro

   

   WPtouch Pro è un plugin per la popolare piattaforma di blogging WordPress che ti permette di creare una versione mobile del tuo blog su WP ed anche di reindirizzare automaticamente i visitatori alla versione mobile quando è necessario. WPtouch è altamente personalizzabile e costa $29.
   http://www.bravenewcode.com/products/wptouch-pro/

    

   
   
   

6. PadPressed

   

   PadPressed è un plugin per WordPress che ti permette di convertire il tuo blog in una versione ottimizzata per iPad. Il plugin, non solo ottimizza il layout del tuo blog per Safari Mobile, ma lo rende anche capace di supportare i controlli touch-based ed i sensori presenti all'interno dei nuovi dispositivi mobile di Apple. PadPressed può anche reindirizzare automaticamente i visitatori verso la versione mobile del tuo blog di WordPress se navigano sul Web utilizzando modelli iPad. PadPressed costa $49,99 ed l prezzo comprende aggiornamenti gratuiti a vita.
   http://padpressed.com/

    

   
   
   

7. Blogger Touch

   

   Blogger Touch è un widget gratuito che ti permette di creare una versione mobile del tuo blog su Blogger e provvede anche a reindirizzare i visitatori verso la versione mobile ottimizzata del tuo sito. Blogger Touch ti consente persino di reindirizzare i visitatori verso un qualsiasi dominio mobile di terze parti a tua scelta.
   http://bloggertouch.sopili.net/