Procedure consigliate per garantire che i visitatori da mobile possano utilizzare facilmente il tuo sito.

Tutti i siti Squarespace sono progettati per essere visualizzati al meglio sui dispositivi mobili sin dal primo momento. Tuttavia, alcune aggiunte, come file multimediali di grandi dimensioni, pagine ricche di contenuti e una spaziatura stretta fra le lettere, possono causare problemi con il caricamento del sito e la sua visualizzazione sui dispositivi mobili. Questa guida illustra le procedure consigliate per mantenere il tuo sito sempre ottimizzato per i dispositivi mobili.

Verificare la compatibilità del tuo sito con i dispositivi mobili

Per vedere come viene visualizzato il tuo sito sui dispositivi mobili, visitalo su un dispositivo mobile o utilizza la visualizzazione dispositivo per visualizzare in anteprima come appare su schermi più piccoli. Se il tuo sito utilizza Fluid Engine, assicurati di disporre i contenuti nel layout per dispositivi mobili come desideri che appaiano.

Puoi anche scoprire l'aspetto delle differenti funzionalità sui dispositivi mobili visitando Come verrà visualizzato il mio sito sui dispositivi mobili?

Utilizza il test di ottimizzazione per dispositivi mobili di Google per ottenere una valutazione rapida della compatibilità del tuo sito con i dispositivi mobili. Se il test indica che il tuo sito non è ottimizzato per i dispositivi mobili o se riscontri problemi durante il test, segui i suggerimenti illustrati in questa guida.

Nota: Il test di ottimizzazione per dispositivi mobili di Google è uno strumento di terze parti, che non rientra nell'ambito della nostra assistenza.

Ogni dispositivo mobile gestisce i siti web in modo differente

Ad esempio, i telefoni più recenti gestiranno meglio i siti più grandi e i tempi di caricamento in generale saranno più brevi su una rete wireless (rispetto a una connessione cellulare).

Se la pagina è troppo grande, alcuni browser per dispositivi mobili potrebbero mostrare un messaggio di errore. Segui questi suggerimenti per ridurne le dimensioni.

Mantenere la dimensione delle pagine inferiore a 5 MB

Quando un visitatore carica una pagina, il suo dispositivo effettua il download di tutto il contenuto. I dispositivi mobili utilizzano un hardware semplice e si appoggiano a reti cellulari per accedere a internet, perciò non sono in grado di gestire grandi quantità di dati. Per evitare problemi, riduci al minimo la quantità di contenuto di ogni pagina.

Dato che i tempi di caricamento dipendono dal dispositivo e dalla connessione, è impossibile indicare limiti specifici. Tuttavia, le pagine con contenuti superiori a 5 MB potrebbero caricarsi più lentamente sulle connessioni cellulari, perciò è sempre meglio limitare la loro dimensione.

Per controllare le dimensioni della pagina o visualizzare qualche suggerimento per ridurle, vedi Riduzione delle dimensioni della pagina per un caricamento più rapido.

Impostare una spaziatura fra le lettere pari o superiore a 0 px

Se la spaziatura fra le lettere di un tipo di carattere è impostata su un valore inferiore a 0 px, su un dispositivo mobile le lettere potrebbero sovrapporsi.

Evitare i Blocchi spazio

I blocchi distanziatori non sono supportati in Fluid Engine. Invece, progetta il tuo layout mobile indipendentemente dal layout del tuo computer.

I Blocchi spazio aggiungono spazi vuoti a una pagina, creando dei layout minimalisti durante la visualizzazione di un sito sul computer. Sui dispositivi mobili, però, i Blocchi spazio sono solitamente nascosti. Questo può causare variazioni indesiderate nei layout sui dispositivi mobili. Invece di utilizzare molti Blocchi spazio, valuta se modificare il padding per aggiungere più spazi bianchi.

Verifica l'attivazione degli stili per dispositivi mobili (versione 7.0)

Gli Stili per dispositivi mobili sono sempre attivati nella versione 7.1. Per maggiori informazioni, visita Come verrà visualizzato il mio sito sui dispositivi mobili?

La maggior parte dei modelli Squarespace sui dispositivi mobili visualizza i contenuti secondo un layout a colonna per permettere ai visitatori di scorrerli con facilità. Quando gli Stili per dispositivi mobili sono disattivati, i visitatori devono avvicinare le dita o zoomare per navigare nel tuo sito.

Per verificare l'attivazione degli stili per dispositivi mobili:

1. Apri il pannello Design e clicca su Impostazioni Modello.
2. Accertati che Disabilita gli stili per dispositivi mobili non sia selezionato.

Visualizzerai questa impostazione solo se il tuo modello supporta la disattivazione degli stili per dispositivi mobili.

Altri suggerimenti di formattazione

Per altri suggerimenti sulla formattazione per dispositivi mobili, visita Come verrà visualizzato il mio sito sui dispositivi mobili?, che illustra come vengono visualizzati i contenuti sugli schermi più piccoli e come ottimizzare la compatibilità di determinati tipi di contenuto con i dispositivi mobili.