mobileoptimization

Responsive web design: come funziona l'ottimizzazione mobile

In questo articolo, spiego la differenza tra responsive e mobile-ready e come ottimizzare il tuo sito web per i dispositivi mobili. Imparerai anche alcuni trucchi molto interessanti per migliorare il tempo di caricamento del tuo sito WordPress in modo che si carichi rapidamente.

Sempre più persone vanno su internet in mobilità. Questo crea nuove opportunità e naturalmente anche un ripensamento, per quanto riguarda i temi "responsive web design" e "ottimizzazione mobile per il sito web".

Perché l'ottimizzazione mobile?

Prima di mostrarvi possibilità concrete di ottimizzazione, vorrei discutere brevemente il "perché" con voi. Nel farlo, approfondirò le due ragioni più importanti:

Motivo #1

Sempre più persone usano dispositivi mobili (smartphone e tablet). Al contrario, i computer e i notebook vengono usati sempre meno. Questo è particolarmente vero per l'uso privato quando si cerca un problema specifico, un argomento, una soluzione, un ristorante, un prodotto o un servizio.

Ogni operatore di siti web dovrebbe adattarsi a questo cambiamento. Perché solo se il tuo sito web è visualizzato in modo ottimale sui dispositivi mobili, i tuoi visitatori rimarranno sul sito e prenoteranno un prodotto o un servizio con te.

Motivo #2

Per Google, come il tuo sito web si comporta sui dispositivi mobili è un criterio di ranking. I seguenti due aspetti sono estremamente importanti:

  1. Il sito web è completamente reattivo?
  2. Qual è il tempo di caricamento del tuo sito web?

Meglio fai in questi due aspetti, più punti di vantaggio otterrai e, in definitiva, migliore sarà il tuo posizionamento nei risultati di ricerca.

Differenza: Responsive o mobile-compatibile

Molti siti web dicono che hai solo bisogno di un design reattivo e poi tutto va bene. Tuttavia, io ho un'opinione completamente diversa ed è per questo che vorrei concentrarmi su questo punto in particolare. Perché è proprio qui che puoi ottimizzare perfettamente il tuo sito web per i dispositivi mobili.

La procedura è fondamentalmente la seguente: Un gestore di un sito web installa un tema reattivo per un sito WordPress, per esempio. Per la maggior parte, questa è la fine della questione. Secondo me, però, è qui che comincia veramente. Perché un tema reattivo significa solo che il design si adatta automaticamente al rispettivo dispositivo finale. Questo è il prerequisito di base e di conseguenza essenziale.

Un Theme responsive significa solo che il design si adatta automaticamente al rispettivo dispositivo finale.

Il passo successivo è quello di visualizzare il tuo sito web su un tablet e uno smartphone. Vedrete rapidamente se il design reattivo ha un aspetto professionale e invitante. Succede spesso che l'ottimizzazione mobile non sia stata effettuata nonostante un design reattivo.

Per questo vorrei darvi alcuni esempi, che sicuramente avrete notato su alcuni siti web:

  • Il carattere del titolo è troppo grande.
  • Il carattere del corpo del testo è troppo grande o troppo piccolo.
  • L'interlinea è troppo grande.
  • Le immagini sono visualizzate troppo grandi o troppo piccole.
  • Alcune formattazioni non vengono visualizzate correttamente sul dispositivo mobile.
  • La navigazione è difficile da usare.

Questa lista potrebbe essere molto più lunga, naturalmente, ma penso che abbiate capito il mio punto.

Anche se questi aspetti non sono ottimizzati, hai un sito web reattivo, che Google valuta positivamente. Tuttavia, dovreste davvero prendere sul serio l'ottimizzazione mobile per i tuoi visitatori e prestare attenzione a questi aspetti e farli ottimizzare dal vostro programmatore.

Web design responsivo e ottimizzazione dei dispositivi mobili

Di solito hai uno smartphone e forse un tablet. Tuttavia, se volete controllare il vostro sito web con diversi dispositivi mobili, raggiungerete rapidamente i tuoi limiti. Tuttavia, c'è una soluzione molto semplice per questo. Se usate il browser Google Chrome, hai una funzione integrata per questo.

Potete visualizzare il vostro "responsive web design" per molti dispositivi finali diversi. Per farlo, cliccate con il tasto destro del mouse e selezionate "ispeziona" dal menu che appare. Si apre una console e si possono selezionare i dispositivi mobili (vedi schermata). Il browser vi mostrerà quindi come il vostro sito web viene visualizzato su determinati dispositivi.

webdesign reattivo dispositivi mobili test

Suggerimenti: Ottimizzare WordPress mobile

Se usate WordPress, i seguenti consigli saranno certamente molto utili per voi. Grazie a WordPress, è possibile effettuare molte ottimizzazioni con un plugin o una funzione interna. Questo rende il vostro lavoro più facile e vi fa risparmiare tempo:

  • Il requisito di base è un Theme reattivo. Vi consiglio di scegliere un premium Theme per WordPress . Questo costa qualche dollaro, ma si hanno molte più possibilità. Inoltre, un premium Theme è di solito meglio programmato, di cui beneficiate anche voi.
  • Se il tuo Theme ha bisogno di ottimizzazione nella vista mobile, hai 2 opzioni. O si cambia il sito Theme o si ottimizza l'esistente Theme. Per l'ottimizzazione potete usare un bambino Theme . Chiedete a un programmatore di implementare le ottimizzazioni per voi.
  • Nel frattempo, ci sono molti costruttori di temi con cui è possibile creare facilmente il design desiderato e quindi ottimizzare WordPress per l'uso mobile. Esempi sono Thrive Themes o Divi.

Se sei nuovo all'argomento WordPress, ma lo trovi interessante, puoi dare un'occhiata a quanto segue. In questa pagina troverete un tutorial di WordPress in cui imparerete tutte le basi importanti su questo ingegnoso sistema di gestione dei contenuti.

Ora veniamo a un piccolo suggerimento segreto che è enormemente potente: Link a sottopagine interne rilevanti per l'argomento nel testo sul tuo sito web. Questo rende facile per i tuoi visitatori navigare nel tuo sito web. Perché gli utenti di smartphone in particolare preferiscono cliccare facilmente su un link nel testo invece di cercare faticosamente nel menu dell'hamburger.

Facendo questa semplice ottimizzazione, stai creando diverse cose positive in una volta sola:

  • Il linking interno è un fattore di ranking su Google.
  • Collegandoti internamente, rendi le cose più facili per i tuoi visitatori e loro si sentono più a loro agio sul tuo sito.
  • In media, i tuoi visitatori visualizzano diverse sottopagine del tuo sito, il che aumenta il tempo che passano sul tuo sito. E questo è anche un fattore di ranking che avrà un effetto positivo.
Consenso*
Questo campo è per la convalida e non deve essere modificato.

Tempo di ricarica per i dispositivi mobili

Ora abbiamo parlato molto di "ottimizzazione dei siti web per i dispositivi mobili". Ma c'è un altro aspetto che dovreste considerare: L'argomento "ottimizzazione del tempo di carico". A mio parere, questo argomento è particolarmente importante per due motivi:

  • Il tempo di caricamento del tuo sito web è un fattore di ranking di Google.
  • Più lungo è il tempo di caricamento del tuo sito web, più visitatori avrai.

Questo è particolarmente evidente con i visitatori mobili, poiché i tempi di caricamento sono sempre un po' più lunghi qui rispetto all'ambiente desktop. Ecco 3 consigli concreti su come ottimizzare WordPress in termini di tempo di caricamento per i dispositivi mobili:

1: Immagini:

Le immagini occupano la percentuale maggiore del tempo di caricamento. Di conseguenza, hai anche la più grande leva qui. La cosa più importante è che tu carichi le immagini su WordPress nella dimensione esatta in cui incorporerai anche la grafica. Questo risparmia già la dimensione del file e riduce il tempo di caricamento.

Inoltre, ci sono ora strumenti giganteschi con cui è possibile ridurre ulteriormente le dimensioni dei file delle immagini in modo completamente automatico. Potete stabilire voi stessi se la qualità deve essere mantenuta o ridotta un po'. Raccomando i seguenti due plugin per WordPress:

ewww ottimizzatore di immagini ottimizza le immagini

Con alcuni plug-in per l'ottimizzazione delle immagini, è anche possibile generare automaticamente immagini WebP. Questo è un nuovissimo formato di Google che riduce ulteriormente le dimensioni del file pur mantenendo la stessa qualità.

2: Caching

Il secondo punto importante riguarda il caching. Non voglio entrare troppo nei dettagli perché non hai bisogno di conoscenze di base.

Il punto è che le query al database non sono fatte ogni volta che il tuo sito web (o una sottopagina) viene richiamato. Grazie al "caching", una copia di ogni sottopagina è immagazzinata sul tuo server ed è quindi disponibile molto più velocemente perché non devono essere eseguite query separate.

La mia raccomandazione di plugin: WP Rocket. WP Rocket è facile da usare e può essere completamente impostato in pochi minuti. Inoltre, il plugin offre ulteriori ottimizzazioni con cui è possibile risparmiare ulteriore tempo di caricamento.

3: Pulire i plugin e i temi

Certo, questo consiglio tuona molto banale, e lo è. Tuttavia, è efficace:

Vi consiglio di disinstallare tutti i Plugins e Themes, che non hai in uso. La sola disabilitazione non è sufficiente.

Questo mantiene anche il vostro sistema pulito e ogni estensione aggiuntiva comporta un certo rischio per la sicurezza. Nel corso del tempo, molti Plugins e Themes si insinuano che non si ha realmente bisogno.

Sul mio sito web troverete una serie di video gratuiti su come velocizzare WordPress. Queste spiegazioni mostrano in diretta sullo schermo quali impostazioni dovete impostare dove.

Conclusione: l'ottimizzazione mobile vale la pena?

Internet si sta sviluppando alla velocità della luce. Ci sono molti argomenti interessanti e forse ora ti stai chiedendo: l'ottimizzazione mobile vale davvero la pena per me? Beh, ovviamente dovete decidere da soli. Tuttavia, ti consiglio di ottimizzare il tuo sito web in questa direzione:

  • Ottimizzare il sito web per i dispositivi mobili
  • Migliorare e ottimizzare il tempo di caricamento

Un sito web è LA polena che lavora per voi 365 giorni all'anno. E perché il vostro fiore all'occhiello serva al tuo scopo, deve essere lucidato regolarmente. Quindi la mia raccomandazione è: lucidate il vostro sito web per i dispositivi mobili e ne trarrete sicuramente beneficio.

Responsive web design - le vostre domande

Che domande hai per Oliver? Sentitevi liberi di usare la funzione di commento. Vuoi essere informato sui nuovi articoli sul marketing online? Allora seguici su Twitter, Facebook, LinkedIn o tramite il nostro Newsletter.

Ti è piaciuto l'articolo?

Con la tua valutazione ci aiuti a migliorare ancora di più il nostro contenuto.

Scrivi un commento

Il tuo indirizzo e-mail non sarà pubblicato.