La diffusione di dispositivi mobile ha rapidamente portato ad un'ampio sviluppo di siti in doppia versione una classica per gli accessi da computer ed una per accesso da dispositivi mobili.
Creare una versione mobile di un sito web non è semplice come mentre creare un sito web classico per i quali ci sono molti strumenti validi ed utilizzabili anche da chi ha meno dimestichezza con l'HTML.
In questa guida vi spiegheremo come creare una versione mobile del vostro sito con poco sforzo grazie a Duda Mobile.
Un visitatore che utilizza uno smartphone o un tablet per navigare su internet, incotra notevoli difficoltà quando accede a siti classici con dimensioni e layout pensati per comuni pc. Questo è un problema perchè può far perdere un potenziale visitatore. Per qusto motivo è fondamentale disporre anche di una versione mobile del proprio sito, in modo da essere certo che anche gli utenti di dispositivi mobili possano navigare facilmente tra le vostre pagine.
Una soluzione semplice al problema è Duda Mobile.
Cos'è Duda Mobile
Duda Mobile è un servizio web molto semplice ma ben strutturato che permette di creare facilmente una versione mobile del proprio sito web.
Come creare un sito mobile con Duda Mobile
Accedete a Duda Mobile, il sito appare semplice e comprensibile, anche se in lingua inglese.
Nella sezione centrale troverete la scritta Ready to make your website mobile?, inserite l'URL del vostro sito nel campo Enter your site URL e premete su Make my site mobile.
Il sistema impiegherà alcuni secondi per analizzare il vostro sito, identificare i link di navigazione ed i colori usati, verificare la struttura HTML e CSS e generare una base sulla quale modellare il vostro sito Mobile.
Editare l'aspetto del sito mobile
Terminata la fase di analisi vi verrà mostrato il pannello per l'editing del vostro sito mobile.
Ora potrete sfiziarvi modificando il template per il vostro sito mobile, scegliendo da decine di interessanti template. Per fare questo cliccate sull'immagine del template che vi interessa, dopo qualche istante potrete vedere la preview di come apparirebbe il vostro sito con quel dato template. Potete filtrare i template selezionando un colore predominante tra quelli riportati sopra.
Una volta soddisfatti cliccate su Next.
Personalizzazione del sito mobile
È il momento di passare alla presonalizzazione delle immagini e dei bottoni del vostro sito mobile.
Questa fase può essere gestita in due modi, Basic (parte superiore dell'immagine sovrastante) e Full (parte inferiore dell'immagine). La differenza è che nella versione Basic potete apportare modifiche solo alla opzioni base del sito.
Con Basic potrete inserire un logo nel sito, modificare i link del menù ed il loro ordine, rimuovere contenuti che non volete mostrare aggiungere un bottone per la chiamata immediata aggiungere una mappa.
La versione Full vi permetterà in oltre di modificare lo sfondo, di inserire un footer ad ogni pagina modificare le immagini del sito, aggiungere bottoni, gallerie di immagini e slideshow.
Quando vi riterrete soddisfatti cliccate sul bottone Next per passare allo step successibo.
Scelta del piano di pubblicazione mobile
Il terzo step, chiamato Go Live è ciò che precede la pubblicazione definitiva del vostro sito mobile.
Potrete scegliere tra il Premium Plan, al costo di 9 dollari, ed il Basic Plan, gratuito.
Il Premium Plan permette di disporre di alcune opzioni aggiuntive, come la chiamata diretta, in più non vengono visualizzate pubblicità di Duda Mobile ed è possibile carica il sito in una directory del proprio sito anzichè su un URL tipo http://mobile.dudamobile.com/site/miosito (clicca QUI per vedere la versione creata per questa Guida.
Per procedere è necessario registrare un account compilando i campi della sezione Sign Up.
Redirect
L'ultimo step riguarda il redirect del sito.
Per eseguire il redirect degli accessi da smartphone e tablet verso la versione mobile del sito è sufficiente copiare lo script presente in questa pagina ed incollarlo nelle pagine del vostro sito all'interno del tag <head>.
Il risultato
Il risultato è questo
Di seguito il video descrittivo del servizio offerto da Duda Mobile