Come fare un sito web mobile

Come fare un sito web mobile

Avere un sito web ottimizzato per cellulari era considerato un bel vantaggio del web design, ma ora è essenziale. Infatti, i consumatori sono così abituati ai siti web per cellulari (facili da navigare su un piccolo schermo e con tempi di caricamento rapidi) che abbandoneranno rapidamente un sito web se non funziona bene su mobile.

Se hai un sito web per la tua azienda, hai sentito più e più volte quanto possano essere importanti i clienti mobili. A questo punto, probabilmente ti chiederai: “Beh, il mio sito web è mobile friendly?”

Se usi il mobile website builder di Jimdo, ci sono buone notizie. Il tuo sito web sarà automaticamente mobile responsive, che è il gold standard del mobile friendly web design. I modelli di siti web per cellulari di Jimdo si adattano automaticamente a qualsiasi dimensione dello schermo, senza che tu debba fare nulla di speciale.

Ancora, se ti stai chiedendo cos’altro puoi fare per creare il miglior sito web mobile, o se sei curioso di sapere quali sono i vantaggi di un web design mobile friendly, continua a leggere mentre ti guidiamo attraverso alcuni suggerimenti per i cellulari.

Perché un sito web mobile friendly è così importante?

Tante persone usano il cellulare: L’uso del sito web mobile (in altre parole, l’uso di un sito web in movimento da uno smartphone o tablet) è in aumento da anni. Nel 2015, Google ha annunciato che per la prima volta nella storia, più persone stavano cercando da dispositivi mobili che da computer desktop o portatili.

Andare sul mobile-friendly aiuta il tuo posizionamento su Google: C’è un chiaro vantaggio SEO nell’avere il tuo sito web ottimizzato per il mobile, perché Google dà la priorità ai siti web ottimizzati per il mobile nei risultati di ricerca su smartphone. Questo significa che se qualcuno stesse cercando “pizza” dal suo telefono cellulare, Google avrebbe più probabilità di mostrare a quella persona siti web ottimizzati per cellulari vicino a loro nei risultati di ricerca.

I clienti mobili tendono ad essere locali e pronti ad acquistare: Le persone che visitano il tuo sito web tramite un dispositivo mobile sono spesso più locali, e più propensi a fare un acquisto perché sono in movimento. Se cerchi “pizza” dal tuo cellulare, probabilmente è perché vuoi la pizza proprio ora e vuoi la pizza che è proprio vicino a te. Mentre è ancora comune per i clienti utilizzare un desktop per fare ricerche, leggere recensioni e prendere decisioni su acquisti importanti, i consumatori mobili sono più concentrati a prendere contatto e ad agire proprio in questo momento, motivo per cui l’ottimizzazione della ricerca locale è così importante. Un sito web mobile friendly può aiutarli a fare proprio questo, il che si traduce in più affari locali per te.

Cos’è un sito web responsive?

Se hai mai visitato un sito web sul tuo cellulare e ti sei ritrovato a strizzare gli occhi per leggere il testo, o a ingrandire e ridurre costantemente per vedere tutto, allora sicuramente sai cosa significa visitare un sito mobile “non amichevole”. Frustrante.

Ecco perché raccomandiamo di usare un design reattivo. Un sito responsive si adatta automaticamente al tipo di dispositivo che i tuoi visitatori stanno utilizzando, cambiando la risoluzione, le dimensioni delle immagini, i menu e altro ancora in modo che abbiano senso su schermi di diverse dimensioni.

Con un sito web reattivo, non è necessario costruire un sito web separato solo per i dispositivi mobili o una landing page mobile separata – tutti i tuoi utenti possono coesistere felicemente utilizzando lo stesso sito web reattivo.

Come rendere un sito web mobile friendly

Ci sono alcuni altri semplici passi che puoi fare per migliorare il tuo sito web su telefoni cellulari e tablet.

Consigli per i migliori siti web mobili:

1. Assicurati che le tue pagine si carichino velocemente: Gli utenti mobili stanno probabilmente utilizzando una connessione internet più lenta, quindi è ancora più importante che il tuo sito si carichi rapidamente e non stia consumando il loro piano dati. Ci sono strumenti gratuiti che puoi usare per testare la velocità delle tue pagine, e ti daranno consigli su cosa puoi fare per rendere le cose più veloci. Per esempio, puoi rimpicciolire le immagini molto grandi (vedi sotto), rimuovere qualsiasi plugin inutile o popup che sta rallentando le cose, e ridurre il numero di reindirizzamenti URL che stai usando.
2. Ridimensiona e ottimizza le immagini e il logo: Le immagini e il logo sul tuo sito web sono molto più grandi di quello di cui hai effettivamente bisogno? Le fotografie dai siti di fotografia stock e anche le foto scattate con una buona macchina digitale possono avere file di dimensioni enormi (oltre 1MB), per esempio, e questo può rallentare il tuo sito web. La buona notizia è che puoi “comprimerle” senza perdere la loro qualità, usando uno strumento gratuito come TinyPNG o TinyJPG. Puoi anche cambiare le dimensioni di una foto per renderla più piccola (per esempio rendendola larga 800 pixel piuttosto che 2000 pixel). Per ulteriori suggerimenti e consigli sulle immagini, vedi il nostro post Come ottimizzare le immagini del sito web per un migliore design e SEO.
3. Usa un menu di navigazione semplice e breve: Se il tuo sito web ha un menu di navigazione complesso con molte pagine e sottopagine, sarà più difficile per i visitatori mobili trovare rapidamente ciò di cui hanno bisogno. Ad un livello ancora più pratico, sarà difficile per loro mirare e puntare con successo il link giusto con il dito. Rendere il tuo menu di navigazione più breve e più semplice ti aiuterà (e, come bonus aggiuntivo, renderà il tuo sito web più facile anche per i visitatori desktop!)
4. Crea informazioni di contatto chiare: Dal momento che i clienti mobili probabilmente vogliono mettersi in contatto, assicurati che la tua homepage non richieda un sacco di scorrimento per arrivare alle tue informazioni di contatto. Inoltre, assicurati di mettere un numero di telefono e un indirizzo email su cui qualcuno possa cliccare, perché compilare un modulo di contatto su un telefono cellulare può essere dispendioso in termini di tempo e fastidioso.
5. Mostra prima il contenuto più importante: I visitatori del sito web vogliono trovare rapidamente le informazioni di cui hanno bisogno, e questo è ancora più vero quando sono in movimento.
6. Usa testo e pulsanti grandi: Le persone che utilizzano dispositivi mobili hanno bisogno di testi e pulsanti call-to-action ancora più grandi di quanto ci si possa aspettare per essere in grado di utilizzare comodamente un sito web. Il modo migliore per testare questo è quello di guardare il tuo sito web nelle diverse modalità di visualizzazione. Questo ti mostrerà come il tuo sito appare su diversi schermi, e potrai vedere tu stesso come tutto appare. Meglio ancora, chiedi a un amico o un parente (o qualcuno che porta gli occhiali) di testare il tuo sito web per te e farti sapere cosa ne pensa.
7. Non usare animazioni Flash: Gli effetti o le animazioni in Flash non funzionano su iPhone o iPad, quindi una gran parte del tuo pubblico non potrà vedere cosa c’è sul tuo sito. Se usi Jimdo sei fortunato: i nostri siti web usano tutti il più aggiornato HTML5, che è accessibile a tutti i tipi di smartphone e tablet.

Comuni errori del sito web mobile

• Dimenticare di guardare il proprio sito web da un dispositivo mobile: Se di solito si lavora sul proprio sito web dal computer, può essere difficile ricordarsi di controllare la visualizzazione mobile di tanto in tanto. Ma farlo può aiutarvi a individuare eventuali piccoli inconvenienti che non potreste mai notare da un computer portatile.

• Scorrimento senza fine: Vacci piano con i pollici delle persone! Cerca di mantenere le tue pagine web brevi e mirate in modo che i visitatori mobili non abbiano bisogno di scorrere e scorrere.
• Infografiche super-dettagliate: Le infografiche sono ottime per i siti web, ma quando l’infografica si restringe per adattarsi a uno schermo più piccolo, può diventare impossibile da leggere. Assicuratevi di testarla voi stessi. Potresti scoprire che è meglio suddividere una grande infografica in grafici più piccoli e separati.
• Troppo testo: Un paragrafo di testo che sembra normale sullo schermo di un computer potrebbe risultare come Guerra e Pace su uno schermo mobile. Mantenete i vostri paragrafi brevi e spezzate i grandi blocchi di testo con punti elenco, titoli e immagini. Ecco altri suggerimenti su come leggere il testo di un sito web.
• Tocca gli elementi troppo vicini: C’è solo tanto che una persona può fare per rimpicciolire le sue dita: rendigli la vita più facile mettendo abbastanza spazio tra i tuoi pulsanti e altri link in modo che la gente non colpisca accidentalmente la cosa sbagliata.
• Usare Flash: gli effetti o le animazioni Flash non funzionano su iPhone o iPad, quindi una grande parte del tuo pubblico non potrà vedere quello che c’è sul tuo sito. Se usi Jimdo sei fortunato: i nostri siti web usano tutti il più aggiornato HTML5, che è accessibile a tutti i tipi di smartphone e tablet.
• Richiedendo alle persone di compilare moduli: Siamo onesti: nessuno vuole compilare un modulo web da un telefono cellulare. Se avete bisogno di un modulo, fatelo il più breve possibile. O meglio ancora, lascia che le persone ti inviino le informazioni in un altro modo, come via e-mail o semplicemente chiamando il tuo numero di telefono.

Jimdo: Il miglior costruttore di siti web per cellulari

Jimdo è il modo più semplice per costruire un sito web mobile friendly o una landing page mobile. Con blocchi di costruzione facili, reattività mobile automatica, e anche la possibilità di modificare il tuo sito in movimento da solo, puoi essere sicuro che il tuo sito sia mobile friendly e perfetto per tutti i tuoi clienti.