Guida introduttiva

Quali sono le tre cose principali che devo sapere per realizzare un sito per dispositivi mobili?

1. Crea un sito facile da utilizzare per i clienti.

Aiuta i visitatori del tuo sito a raggiungere i loro obiettivi. Potrebbero voler leggere i post del tuo blog, trovare l'indirizzo del tuo ristorante o leggere recensioni dei tuoi prodotti. Il GVP di Walgreens e Chief Technology Officer of eCommerce, Abhi Dhar, spiega: "Il nostro obiettivo in tutto ciò che facciamo per i dispositivi mobili è semplificare la vita ai nostri clienti".

Progetta il tuo sito in modo che i tuoi clienti possano portare a termine più facilmente le loro attività più comuni: dall'ideazione dell'attività e la visita del tuo sito al completamento dell'attività.

Delinea i potenziali passaggi del percorso dei clienti per assicurarti che sia semplice svolgerli su un dispositivo mobile. Prova a semplificare l'utilizzo del sito e a ridurre il numero di interazioni degli utenti. In questo esempio: (1) il cliente fa clic su un sito dopo avere cercato lampade da acquistare; (2) sfoglia una selezione di lampade e (3) acquista la lampada desiderata.

2. Valuta l'efficacia del tuo sito web in base alla facilità di completamento di attività comuni da parte dei clienti che utilizzano dispositivi mobili.

Per realizzare un sito per dispositivi mobili è necessario definire le priorità. Innanzitutto stabilisci quali sono le attività più importanti e frequenti dei tuoi clienti sui dispositivi mobili. Essere in grado di supportare tali attività è fondamentale ed è per questo motivo che, nel caso di un sito per dispositivi mobili, è importante valutare la facilità con cui i clienti possono raggiungere i loro obiettivi. Esistono anche dei modi per creare un sito con una struttura di facile utilizzo. Concentrati sulla realizzazione di un'interfaccia e di un'esperienza uniformi su tutte le piattaforme.

"Per chi fa acquisti su siti di shopping per dispositivi mobili, l'aspetto più importante è la facilità di utilizzo. Il 48% degli intervistati, infatti, indica tale caratteristica come la qualità più importante dei siti per dispositivi mobili visitati", riporta MediaPost.

3. Seleziona un modello, un tema o una struttura per dispositivi mobili che sia uniforme per tutti i dispositivi (ovvero, utilizza il responsive web design).

Il "Responsive web design" o RWD è una tecnica che prevede l'utilizzo dello stesso URL e dello stesso codice per la pagina, a prescindere dal fatto che l'utente utilizzi un computer desktop, un tablet o un cellulare. Soltanto la visualizzazione si regola adattandosi alle dimensioni dello schermo. Google consiglia di utilizzare l'RWD anziché altri modelli di progettazione. Uno dei vantaggi dell'RWD consiste nella necessità di gestire un'unica versione del sito anziché due (vale a dire che non devi gestire il sito desktop all'indirizzo www.example.com e la versione per dispositivi mobili all'indirizzo m.example.com, ma soltanto un unico sito, ad esempio www.example.com, per i visitatori che utilizzano dispositivi desktop e mobili).

Un sito reattivo adatta i contenuti a schermi di diverse dimensioni, pur utilizzando lo stesso URL e lo stesso codice. Per i tre dispositivi precedenti viene utilizzato il sito www.example.com anziché la pagina per dispositivi mobili all'indirizzo m.example.com, la pagina per tablet all'indirizzo t.example.com e così via.

"L'utilizzo dell'RWD ha permesso a Baines & Ernst di ottimizzare l'utilizzo del loro sito su schermi di diverse dimensioni senza dover creare più siti web. Si sono accorti che gli utenti hanno visitato l'11% di pagine del sito in più a ogni visita e che le conversioni su dispositivi mobili sono aumentate del 51%."

Le "conversioni" si verificano quando un cliente compie l'azione desiderata, ad esempio l'acquisto di prodotti, la chiamata di un'attività commerciale o l'iscrizione a una newsletter.

Per informazioni dettagliate sull'implementazione del responsive web design, consulta i contenuti per gli sviluppatori sul sito Web Fundamentals (Concetti fondamentali del Web). Se desideri soppesare i pro e i contro di diverse implementazioni relative a siti web per dispositivi mobili, tablet e desktop, leggi la pagina Building Websites for the Multi-Screen Consumer (Realizzazione di siti web per consumatori che utilizzano più schermi).

Quali sono i tre errori più frequenti che i principianti devono evitare?

Errore 1. Dimenticarsi del cliente che utilizza dispositivi mobili.

Ricordati che i siti per dispositivi mobili efficaci sono utili, vale a dire che consentono ai visitatori di portare a termine le loro attività, che si tratti di leggere un articolo interessante o di controllare la sede del tuo negozio. Non farti prendere dalla smania di creare soltanto un sito con formattazione per dispositivi mobili (un sito che abbia un bell'aspetto sui dispositivi mobili), perché sarebbe privo di tutte le funzionalità utili. Ricordati, invece, di realizzare un sito ottimizzato per i dispositivi mobili (un sito davvero utile per i clienti che utilizzano dispositivi mobili e ottimizzato per le attività più comuni dei clienti).

Errore 2. Implementare il sito per dispositivi mobili su un dominio, sottodominio o sottodirectory diversi da quelli del sito desktop.

Google supporta diverse configurazioni dei siti per dispositivi mobili, ma la creazione di URL separati per i dispositivi mobili aumenta notevolmente la mole di lavoro necessaria per gestire e aggiornare il sito, nonché potrebbe comportare problemi tecnici. Spesso puoi semplificare notevolmente le cose utilizzando il responsive web design (RWD) e pubblicando le versioni desktop e per dispositivi mobili in corrispondenza dello stesso URL. Il responsive web design è la configurazione consigliata da Google.

Errore 3. Lavorare in totale autonomia senza guardarsi intorno per trovare l'ispirazione.

Visita altri siti del tuo spazio o dei tuoi concorrenti per trovare ispirazione e best practice. Potresti non essere il primo del tuo settore ad avere un sito per dispositivi mobili, ma hai il vantaggio di poter apprendere da chi ti ha preceduto. Puoi trovare tante idee anche nelle risorse The Mobile Playbook e Google Multi-screen Success Stories (Casi di successo multischermo di Google).

Che cosa devo considerare quando lavoro con uno sviluppatore?

Attieniti ai passaggi che seguono per assicurarti un buon risultato quando lavori con uno sviluppatore per realizzare il tuo sito ottimizzato per i dispositivi mobili.

1. Chiedi allo sviluppatore di farti parlare con i suoi referenti e di mostrarti il suo portafoglio di siti web per dispositivi mobili.

Chiedi allo sviluppatore se ha esperienza con il responsive web design (RWD). Se hai soltanto un sito desktop, chiedi allo sviluppatore se si è mai occupato del passaggio da un sito desktop a un sito reattivo. Visita altri siti realizzati dallo sviluppatore. Parla con i suoi referenti e clienti precedenti per sapere che cosa pensano dello sviluppatore. Per dare un'occhiata al portafoglio di uno sviluppatore, puoi utilizzare strumenti come PageSpeed Insights di Google. PageSpeed Insights mette in risalto i fattori che limitano la velocità di una pagina o ne peggiorano l'usabilità.

Web Fundamentals (Concetti fondamentali del Web) supera il test relativo ai dispositivi mobili di PageSpeed Insights per quanto riguarda velocità ed esperienza utente.

2. Assicurati che lo sviluppatore conosca il tuo cliente che utilizza dispositivi mobili.

Parla della tua azienda allo sviluppatore e comunicagli le attività più comuni che desideri vengano ottimizzate sul sito per dispositivi mobili. Assicurati che sviluppi un sito che supporti la funzionalità necessaria ai clienti che utilizzano dispositivi mobili.

3. Chiedi allo sviluppatore di assumersi l'impegno di garantire la velocità.

Non far aspettare troppo i clienti per il caricamento delle pagine sul loro browser. Chiedi allo sviluppatore se conosce PageSpeed Insights (lo strumento citato in precedenza) e tecniche per velocizzare il caricamento delle pagine. Il contratto può prevedere la visualizzazione delle pagine alla stessa velocità di quella dei tuoi concorrenti secondo WebPagetest. In alternativa, se è troppo complicato, puoi chiedere allo sviluppatore di assumersi l'impegno di ottenere un risultato PageSpeed Insights con segno di spunta verde che non presenti problemi contrassegnati come da risolvere. Se le pagine non vengono contrassegnate da un segno di spunta verde, tu e lo sviluppatore dovete valutare i costi e i vantaggi della soluzione del problema. Puoi trovare ulteriori informazioni sulla velocità delle pagine per dispositivi mobili nel video "Quick fixes in mobile website performance" (Rapide soluzioni relative al rendimento dei siti web per dispositivi mobili).

4. Chiedi allo sviluppatore di installare uno strumento di analisi dei dati web.

Installate uno strumento di analisi dei dati web come Google Analytics per poter raccogliere informazioni globali sul rendimento del tuo sito.

5. Tu e lo sviluppatore dovreste assicurarvi di conoscere le Istruzioni per i webmaster di Google.

Queste istruzioni contengono informazioni sulla modalità di ricerca, elaborazione e posizionamento dei contenuti del tuo sito da parte di Google.

6. Assicurati che il tuo contratto includa il perfezionamento del tuo sito per dispositivi mobili dopo il lancio iniziale.

È probabile che raccoglierai feedback dai clienti e dati dallo strumento di analisi dei dati web che vorrai incorporare per migliorare ulteriormente il sito.

Potresti prendere in considerazione l'elenco di fornitori consigliati di servizi di realizzazione di siti web per dispositivi mobili e più schermi di Google AdWords. Per ulteriori informazioni sull'implementazione dei siti web per dispositivi mobili, leggi la nostra documentazione su SEO per dispositivi mobili.

Invia feedback per...