{"id":528,"date":"2020-11-24T18:34:02","date_gmt":"2020-11-24T16:34:02","guid":{"rendered":"https:\/\/www.jimdo.com/it/blog\/?p=528"},"modified":"2021-04-16T11:10:41","modified_gmt":"2021-04-16T10:10:41","slug":"sito-per-mobile","status":"publish","type":"post","link":"https:\/\/www.jimdo.com/it/blog\/sito-per-mobile\/","title":{"rendered":"Come creare un sito per mobile"},"content":{"rendered":"\n

Un tempo, sviluppare un sito ottimizzato anche per smartphone era considerato quasi un bonus. Oggi invece \u00e8 essenziale: gli utenti sono cos\u00ec abituati a navigare su siti mobile-friendly \u2013 ovvero facili da consultare su un piccolo schermo e veloci a caricare \u2013 che, in caso contrario, abbandonano subito la pagina.<\/p>\n\n\n\n

Se hai un sito per la tua attivit\u00e0, sicuramente sai che la maggior parte del traffico arriva da mobile. La domanda \u00e8: il tuo sito \u00e8 mobile-friendly?<\/p>\n\n\n\n

Se l’hai realizzato con il web builder di Jimdo, buone notizie: il tuo sito sar\u00e0 automaticamente mobile responsive<\/strong>, ovvero rispetter\u00e0 lo standard di riferimento per il web design mobile-friendly.

I tuoi template si adatteranno a schermi di qualsiasi dimensione senza che tu debba alzare un dito, cos\u00ec potrai ridurre il bounce rate<\/a>, migliorare il posizionamento<\/a> del sito su Google e convertire i visitatori in clienti<\/a>.<\/p>\n\n\n\n

Tuttavia, se ti stai chiedendo cos’altro puoi fare per realizzare un sito web davvero ottimizzato per mobile, o se vuoi conoscere i vantaggi del web design mobile-friendly, continua a leggere: in questo articolo abbiamo raccolto qualche consiglio apposta per te.<\/p>\n\n\n\n

Perch\u00e9 \u00e8 importante che il tuo sito sia mobile-friendly?<\/h2>\n\n\n\n

La maggior parte del traffico arriva da mobile: <\/strong>l’utilizzo di internet da mobile (in altre parole, la navigazione da smartphone o tablet) \u00e8 in continua crescita. Nel 2015 Google ha annunciato che, per la prima volta nella storia, il numero di ricerche da dispositivi mobili ha superato quello di ricerche da desktop o portatile.

<\/strong>Un sito mobile responsive migliora il tuo posizionamento su Google:<\/strong> nei risultati di ricerca Google sullo smartphone, il colosso americano d\u00e0 priorit\u00e0 ai siti web ottimizzati per mobile. Per farti un esempio pratico: se io oggi cercassi “pizza” su Google, i primi siti tra i risultati di ricerca organici sarebbero mobile-friendly. In poche parole, realizzare un sito ottimizzato per mobile \u00e8 un\u2019ottima strategia SEO<\/a>.<\/p>\n\n\n\n

\"Come<\/figure><\/div>\n\n\n\n

In genere, i clienti su mobile sono locali e pronti ad acquistare: <\/strong>i visitatori da mobile sono spesso pi\u00f9 locali e in movimento, quindi pi\u00f9 propensi a fare un acquisto. Torniamo all\u2019esempio di prima: se cerchi “pizza” dal tuo cellulare, probabilmente \u00e8 perch\u00e9 vuoi la pizza in questo momento. E vuoi trovare una pizzeria nella tua zona. Mentre le ricerche da desktop continuano a costituire una buona fetta del traffico (nel 2020, circa o meno della met\u00e0<\/a>) \u2013 gli utenti preferiscono leggere recensioni e informarsi da desktop per prendere decisioni importanti \u2013 i consumatori da mobile sono pi\u00f9 impegnati a stabilire contatti e ad agire ora; ecco perch\u00e9 l’ottimizzazione SEO locale<\/a> \u00e8 cos\u00ec importante. Un sito web mobile-friendly pu\u00f2 farti trovare dai clienti locali e aiutarti a incrementare le vendite.<\/p>\n\n\n\n

Cos\u2019\u00e8 un sito web responsive?<\/h2>\n\n\n\n

Ti \u00e8 mai capitato di aprire un sito web sul cellulare e ritrovarti a strizzare gli occhi per leggere il testo, o fare costantemente zoom per riuscire a vedere gli elementi sullo schermo? Bene: allora sai cos\u2019\u00e8 un sito mobile-unfriendly. <\/em>E sai anche come far\u00e0 sentire i tuoi visitatori: frustrati.

Ecco perch\u00e9 un sito web responsive \u00e8 davvero importante: si adatter\u00e0 automaticamente al dispositivo utilizzato dai tuoi visitatori modificando la risoluzione, la dimensione dell’immagine, i menu e altro ancora, per far s\u00ec che tutto il sito sia fruibile su schermi di dimensioni diverse.<\/p>\n\n\n\n

\"Come<\/figure><\/div>\n\n\n\n

Con un sito web ottimizzato per mobile non devi perdere tempo e sprecare soldi a realizzarne un altro, o a progettare una landing page separata, solo per dispositivi mobili. Tutti i tuoi utenti possono utilizzare lo stesso sito, senza prendere un appuntamento dall\u2019oculista o farsi venire il mal di testa!<\/p>\n\n\n\n

Come rendere il tuo sito pi\u00f9 mobile-friendly<\/h2>\n\n\n\n

Ecco alcune azioni che puoi intraprendere gi\u00e0 ora per migliorare la reattivit\u00e0 del tuo sito su smartphone e tablet.

Esegui il test \u201cMobile-Friendly\u201d di Google: <\/strong>Google mette a disposizione dei suoi utenti un test, semplice e gratuito, per diagnosticare molti degli errori tipici dei siti web su mobile<\/a>. Non devi fare altro che visitare la pagina del test di Google<\/a> e digitare l’URL del tuo sito. I risultati potrebbero dirti, ad esempio, che il testo \u00e8 troppo piccolo; o che gli elementi \u201ctouch\u201d, come pulsanti e link, sono troppo vicini tra loro e quindi \u00e8 difficile fare tap da un dispositivo mobile. In questo modo puoi anche verificare e migliorare l’accessibilit\u00e0 del tuo sito web<\/a> in generale. <\/p>\n\n\n\n

Come realizzare un sito davvero mobile-friendly: consigli<\/h3>\n\n\n\n

Le pagine devono caricarsi velocemente: <\/strong>gli utenti da mobile potrebbero avere una connessione pi\u00f9 lenta, quindi \u00e8 ancora pi\u00f9 importante che il tuo sito si carichi velocemente e non consumi troppi dati. Puoi testare la \u201csite speed<\/a>\u201d delle tue pagine con vari strumenti gratuiti che trovi sul web. Inserisci l\u2019URL del tuo sito e aspetta i risultati: riceverai consigli su come snellire i tempi di caricamento. Ad esempio, puoi ottimizzare le immagini<\/a> (vedi sotto), rimuovere i plugin o pop-up non necessari, e ridurre il numero di reindirizzamenti URL.<\/p>\n\n\n\n

RIdimensiona e ottimizza le immagini: <\/strong>le immagini sul tuo sito sono pi\u00f9 grandi del necessario? Spesso, le foto scaricate da siti di immagini stock o scattate in qualit\u00e0 professionale hanno dimensioni enormi (oltre 1 MB) e, di conseguenza, rallentano la velocit\u00e0 di caricamento del sito. La buona notizia \u00e8 che puoi comprimerle senza perdite di qualit\u00e0 usando uno strumento online gratuito come TinyPNG<\/a> o TinyJPG<\/a>. Puoi anche cambiare le dimensioni di una foto per rimpicciolirla (ad esempio, da 2000 pixel a 800 pixel).

Utilizza un menu di navigazione semplice e intuitivo: <\/strong>se il menu di navigazione del tuo sito \u00e8 complesso e contiene molte pagine e sottopagine, i visitatori da mobile faranno pi\u00f9 fatica a trovare ci\u00f2 di cui hanno bisogno. Nella pratica, difficilmente riusciranno a individuare e premere sul link giusto con il dito. Snellisci il menu di navigazione<\/a> per aiutare i tuoi utenti da mobile; un menu pi\u00f9 semplice sar\u00e0 apprezzato anche dai tuoi utenti desktop!<\/p>\n\n\n\n

Crea una pagina Contatti chiara, con tutte le informazioni importanti: <\/strong>aiuta i tuoi visitatori da mobile con una pagina o sezione Contatti facilmente accessibile. Niente scroll infiniti sulla homepage o informazioni mancanti. Assicurati di indicare un numero di telefono e un indirizzo email cliccabili, perch\u00e9 compilare un modulo di contatto su un cellulare pu\u00f2 richiedere molto tempo ed essere poco user-friendly. <\/p>\n\n\n\n

Mostra prima i contenuti pi\u00f9 importanti: <\/strong>gli utenti di qualsiasi sito vogliono trovare subito le informazioni pi\u00f9 importanti. Questo \u00e8 ancora pi\u00f9 vero per gli utenti mobile, che spesso sono in movimento.<\/p>\n\n\n\n

Scegli font e tasti di grandi dimensioni: <\/strong>gli utenti mobile devono poter visualizzare testi e tasti Call to Action<\/a> pi\u00f9 grandi. Per testare l\u2019usabilit\u00e0 del tuo sito<\/a>, seleziona le diverse Modalit\u00e0 di visualizzazione: potrai verificare se gli elementi sono responsive su schermi di varie dimensioni. E, se non vuoi lasciare proprio niente al caso, chiedi ad amici o parenti (o qualcuno che indossi gli occhiali da vista!) di navigare sul sito e darti un feedback.<\/p>\n\n\n\n

Non usare animazioni Flash: <\/strong>gli effetti o le animazioni Flash non funzionano su iPhone o iPad, quindi gran parte del tuo pubblico non potr\u00e0 vedere cosa c’\u00e8 sul tuo sito. Se l\u2019hai realizzato con Jimdo, non preoccuparti: il nostro builder utilizza l\u2019HTML5, che \u00e8 la lingua di codice pi\u00f9 aggiornata e quindi accessibile da tutti i tipi di smartphone e tablet.<\/p>\n\n\n\n

Gli errori pi\u00f9 comuni da evitare quando crei un sito web<\/h2>\n\n\n\n