Responsive web design ≠ mobile friendly. Ecco come funziona l'ottimizzazione mobile

Oliver Pfeil Ultimo aggiornamento 21.10.2020
6 Min.
mobileoptimization
Ultimo aggiornamento 21.10.2020

In questo articolo spiegherò la differenza tra "responsive" e "mobile enabled" e come ottimizzare il vostro sito web per i dispositivi mobili. Imparerete anche alcuni trucchi molto interessanti per migliorare il tempo di caricamento del vostro sito WordPress web 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 n. 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 sul dispositivo mobile, il tuo visitatore rimarrà sulla pagina e prenoterà 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:

  • Il sito web è completamente reattivo?
  • 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.

Qual è la differenza tra responsive e mobile friendly?

Su molti siti web è scritto che basta avere 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 a questo punto puoi ottimizzare perfettamente il tuo sito web per i dispositivi mobili.

La procedura di base è la seguente: Per esempio, un gestore di un sito web installa un Theme responsive per un sito WordPress . Questo è di solito la fine della questione per lui. Secondo me, però, è qui che comincia veramente. Perché un Theme responsive significa solo che il design si adatta automaticamente al rispettivo dispositivo finale. Questo è il requisito di base e di conseguenza molto importante.

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. Perché spesso accade 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, avete un sito web reattivo, che Google valuta positivamente. Tuttavia, dovresti davvero prendere sul serio l'ottimizzazione mobile per i tuoi visitatori e prestare attenzione a questi aspetti e farli ottimizzare dal tuo programmatore.

Responsive web design: consiglio del browser per l'ottimizzazione mobile

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

Potete visualizzare il vostro "responsive web design" per molti dispositivi diversi. Per farlo, cliccate con il tasto destro del mouse e selezionate "ispeziona" dal menu che appare. Si aprirà una console e potrete 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

Sul seguente sito web troverete le istruzioni su come utilizzare questa funzione del browser.

Suggerimenti: Ottimizzare WordPress mobile

Se usate WordPress , i seguenti consigli saranno molto utili per voi. Grazie a WordPress è possibile eseguire 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 Theme con cui si può davvero facilmente creare il design desiderato e quindi ottimizzare WordPress mobile. Gli esempi sono Thrive-Themes o anche Divi.

Se sei nuovo all'argomento di WordPress ma lo trovi interessante, potresti voler controllare quanto segue. In questa pagina troverete un WordPress tutorialdove si possono imparare tutte le basi di questo fantastico sistema di gestione dei contenuti.

Utilizzare link interni nel testo

Ora passiamo a un piccolo consiglio da insider che è enormemente potente: Link a sottopagine interne rilevanti per l'argomento nel testo del tuo sito web. In questo modo, i tuoi visitatori possono navigare facilmente nel tuo sito web. Soprattutto gli utenti di smartphone preferiscono cliccare facilmente su un link nel testo invece di cercare nel menu degli 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.

Tempo di ricarica per i dispositivi mobili

Ora abbiamo parlato molto dell'argomento "Ottimizzare il sito web per i dispositivi mobili". C'è un altro aspetto da considerare: L'argomento "ottimizzazione del tempo di carico". A mio parere, questo argomento è particolarmente importante per due motivi:

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

Soprattutto con i visitatori mobili, questo ha un impatto enorme, poiché i tempi di caricamento sono sempre leggermente più lunghi 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, qui avete la più grande leva. 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'. Per questo consiglio i seguenti due WordPress -Plugins:

ewww ottimizzatore di immagini ottimizza le immagini

Con alcuni Plugins per l'ottimizzazione delle immagini potete anche generare automaticamente immagini WEBP. Questo è un nuovo formato di Google che riduce la dimensione del file mantenendo la stessa qualità.

#2: Caching

Il secondo punto importante riguarda il caching. Non voglio entrare troppo nei dettagli perché non avete 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.

Il mio Plugin-raccomandazione: WP-Rocket. WP-Rocket è facile da usare e completamente impostato in pochi minuti. Inoltre, Plugin offre altre ottimizzazioni con cui è possibile risparmiare ulteriore tempo di caricamento.

#3: Pulire Plugins e Themes

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

Vi consiglio di disinstallare tutti i Plugins e Themes, che non avete 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 puoi trovare una serie di video gratuiti su come accelerare WordPress . Questi tutorial mostrano in diretta sullo schermo quali sono le impostazioni da impostare.

Conclusione: per chi vale davvero la pena di ottimizzare i dispositivi mobili?

Internet si evolve 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 esattamente 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 suo scopo, deve essere lucidato regolarmente. Ms una raccomandazione: lucidate il vostro sito web per i dispositivi mobili e ne trarrete sicuramente beneficio.

Immagine contribuita: Le Buzz @Unsplash

Oliver Pfeil aiuta le persone con libri, e-learning e corsi a creare un sito web di successo e redditizio. Le sue aree di competenza sono il WordPress web design e il marketing online.

Commenti su questo articolo

Scrivi un commento

Il tuo indirizzo e-mail non sarà pubblicato. I campi obbligatori sono contrassegnati con *.