Tutorial WordPress affidabili, quando ne hai più bisogno.
Guida per principianti a WordPress
WPB Cup
25 Milioni+
Siti web che utilizzano i nostri plugin
16+
Anni di esperienza con WordPress
3000+
Tutorial WordPress di esperti

13 modi per creare un sito WordPress ottimizzato per dispositivi mobili (consigli esperti)

Quando abbiamo avviato WPBeginner, l'ottimizzazione per dispositivi mobili non era nemmeno nei nostri pensieri. All'epoca, la maggior parte delle persone navigava sul web da computer desktop. Gli smartphone non erano così comuni come oggi.

Ma, accidenti, quanto sono cambiate le cose! 📱

Al giorno d'oggi, oltre la metà di tutto il traffico web proviene da dispositivi mobili. Molti utenti di WPBeginner hanno imparato a proprie spese quando i loro siti non ottimizzati per dispositivi mobili hanno iniziato a perdere traffico. Non vogliamo che tu commetta gli stessi errori.

Ecco perché abbiamo creato questa guida per rendere il tuo sito WordPress ottimizzato per dispositivi mobili. Abbiamo testato queste 13 strategie su centinaia di siti WordPress.

Non preoccuparti se non sei esperto di tecnologia, poiché questi suggerimenti sono facili da seguire. Non avrai bisogno di assumere sviluppatori costosi o imparare codici complessi.

create-a-mobile-friendly-WordPress-site-OG

Perché rendere il tuo sito web WordPress ottimizzato per dispositivi mobili?

Rendere il tuo sito WordPress ottimizzato per dispositivi mobili significa che i tuoi visitatori possono leggere e navigare comodamente su qualsiasi dispositivo, in particolare telefoni cellulari e tablet. Aiuta anche il tuo sito a comparire più in alto nei risultati di ricerca e a far tornare le persone.

L'ottimizzazione mobile dovrebbe essere una scelta di progettazione WordPress ovvia, ma non tutti se ne rendono conto.

Ogni anno, sempre più persone si rivolgono ai propri smartphone per le ricerche. Infatti, oltre il 55% di tutto il traffico web a livello mondiale proviene da dispositivi mobili, e la ricerca da dispositivi mobili è ancora più popolare in Asia e Africa.

Google utilizza l'indicizzazione mobile-first, il che significa che i suoi crawler web danno priorità all'indicizzazione del contenuto della versione mobile del tuo sito web rispetto a quella desktop.

Quindi, se hai una versione desktop perfetta del tuo sito ma non riesci a ottimizzarla per i dispositivi mobili, i tuoi ranking di ricerca ne risentiranno negativamente.

E dato che la maggior parte delle persone trascorre fino a 6 ore al giorno sui propri telefoni, la tua attività avrà molte opportunità per catturare l'attenzione dei visitatori.

Lavorare per catturare una parte di quel tempo di schermo può portare anche ad altri vantaggi, come:

  • Più acquisti: Il 61% dei consumatori è più propenso ad acquistare da siti ottimizzati per i dispositivi mobili, il che lo rende particolarmente importante per i siti basati su prodotti con negozi online.
  • Più impressioni: Poiché la maggior parte delle ricerche online avviene ora sui telefoni, avere un sito ottimizzato per i dispositivi mobili significa poter raggiungere un pubblico molto più ampio. Questo aiuta più persone a scoprire il tuo marchio.
  • Maggiore tempo di permanenza: Il tempo di permanenza è il tempo che gli utenti trascorrono sul tuo sito web. Catturare la loro attenzione aiuterà ad aumentare il tempo che dedicano alla lettura del tuo blog WordPress o alla consultazione dei tuoi prodotti e servizi.

Ma cosa significa realmente un sito web ottimizzato per i dispositivi mobili?

illustrazione mobile-friendly

L'immagine sopra riassume il concetto.

Il contenuto del tuo sito dovrebbe adattarsi perfettamente allo schermo del dispositivo mobile. In questo modo, i visitatori potranno navigare e accedere facilmente a tutti gli elementi della pagina senza dover ingrandire o rimpicciolire.

Ora, approfondiamo i nostri suggerimenti sui modi più efficaci per creare un sito web WordPress ottimizzato per dispositivi mobili. Sentiti libero di usare i link qui sotto per saltare a qualsiasi parte dell'articolo:

  1. Verifica se il tuo sito è già ottimizzato per dispositivi mobili
  2. Utilizza un tema WordPress ottimizzato per dispositivi mobili
  3. Assumi un'agenzia WordPress per ridisegnare il tuo sito web
  4. Crea moduli ottimizzati per dispositivi mobili
  5. Dai priorità alla velocità del tuo sito web
  6. Ottimizza per le SERP su dispositivi mobili
  7. Ottimizza per la ricerca locale
  8. Utilizza un menu di navigazione responsive per dispositivi mobili
  9. Rendi le tue landing page responsive per dispositivi mobili
  10. Usa dimensioni di font grandi e leggibili
  11. Non aggiungere grandi blocchi di testo
  12. Modifica il posizionamento e le dimensioni del tuo pulsante CTA
  13. Rendi le informazioni importanti facili da trovare
  14. Domande frequenti sui siti web ottimizzati per dispositivi mobili

1. Verifica innanzitutto se il tuo sito è ottimizzato per dispositivi mobili

Prima di poter apportare miglioramenti, è bene sapere se il tuo sito soddisfa effettivamente gli standard dei motori di ricerca.

Il modo migliore per verificare se il tuo sito è ottimizzato per dispositivi mobili è utilizzare lo strumento PageSpeed Insights di Google. Analizza le tue pagine web e fornisce un punteggio per dispositivi mobili e desktop. Inoltre, otterrai suggerimenti su come migliorare il tuo punteggio.

Nota: Se vuoi vedere come appare la versione mobile del tuo sito, puoi consultare il nostro articolo su come visualizzare la versione mobile dei siti WordPress dal desktop.

Per iniziare, apri lo strumento, inserisci l'URL del tuo sito web e quindi fai clic su 'Analizza'.

Strumento Google PageSpeed Insights

Noterai due schede: Mobile e Desktop.

Fai clic sul report 'Mobile' per vedere la valutazione dei tuoi Core Web Vitals.

Report Core Web Vitals

In breve, le Core Web Vitals sono metriche che misurano la velocità, l'interattività e la stabilità visiva del tuo sito. Puoi pensarle come una 'pagella' di Google che valuta quanto il tuo sito sia user-friendly nel mondo reale.

Google ha persino incorporato i Core Web Vitals come fattori di ranking per la SEO, il che significa che è importante ottenere un buon punteggio se si desidera posizionarsi più in alto nei risultati di ricerca.

Successivamente, scorri verso il basso fino a 'Diagnostica problemi di performance' per visualizzare il tuo punteggio di compatibilità con i dispositivi mobili. In sostanza, desideri un punteggio di performance compreso tra 90 e 100.

Punteggio di compatibilità con i dispositivi mobili

La buona notizia è che PageSpeed Insights offrirà suggerimenti per migliorare quel punteggio.

Se scorri verso il basso fino a 'Diagnostica', troverai alcune aree di miglioramento. Sotto ogni elemento, puoi fare clic sulla freccia a discesa per ottenere un'analisi dettagliata dell'elemento o dell'area specifica a cui si fa riferimento.

Diagnostica PageSpeed Insights

In questo contesto, possiamo vedere che l'elemento utilizzato qui richiede troppo tempo per il caricamento, quindi dovremo ottimizzare l'immagine riducendo le dimensioni del file o sostituendola con qualcos'altro.

Poiché il report può diventare rapidamente complicato, probabilmente vorrai cercare sul nostro blog per vedere se abbiamo trattato quell'argomento.

Detto questo, la maggior parte dei tuoi problemi di compatibilità con i dispositivi mobili dovrebbe essere risolta se segui il resto di questa guida.

2. Usa un tema WordPress ottimizzato per dispositivi mobili

Secondo la nostra esperienza, il modo più veloce per rendere WordPress compatibile con i dispositivi mobili è scegliere un tema WordPress reattivo.

Molti dei temi WordPress più popolari e migliori sono pronti per i dispositivi mobili, quindi si adatteranno automaticamente al tuo dispositivo mobile. Lo fanno utilizzando le media query per adattarsi in modo fluido a diverse risoluzioni dello schermo.

Puoi trovare un tema reattivo per dispositivi mobili andando su Aspetto » Temi nella tua bacheca di WordPress. Quindi, fai semplicemente clic su 'Aggiungi nuovo tema'.

Aggiungi nuovo tema

Nella casella di ricerca, devi digitare 'Responsive'.

Questo dovrebbe fornirti un intero elenco di temi WordPress gratuiti e responsive che puoi installare immediatamente.

temi responsive

Detto questo, i temi WordPress a pagamento di solito offrono le maggiori opzioni di personalizzazione per darti un sito web più funzionale e visivamente accattivante. Dai un'occhiata alla nostra guida su temi WordPress gratuiti vs premium per saperne di più sulle differenze.

Se desideri temi di qualità superiore, la nostra raccomandazione principale è SeedProd. Tra tutti i costruttori di temi che abbiamo provato, questo plugin è il più facile da usare sul mercato. Ti permette di creare temi WordPress personalizzati senza assumere uno sviluppatore o scrivere una singola riga di codice.

Invece di installare molti file .zip del tema, tutto ciò che devi fare è installare il plugin SeedProd e iniziare a creare il tuo tema all'interno di WordPress.

Nota: Esiste anche una versione gratuita di SeedProd che ti consente di testare il plugin con funzionalità limitate per vedere se è adatto a te.

SeedProd è dotato di oltre 300 modelli, quindi molto probabilmente troverai qualcosa che si adatta alle tue preferenze e al tuo caso d'uso.

Modelli SeedProd

Puoi iniziare facilmente selezionando un modello di tema di avvio predefinito.

Quindi, puoi costruire ogni pagina del tuo tema una alla volta.

Personalizza le pagine del tema in SeedProd

Da lì, puoi personalizzare ogni sezione del tuo sito utilizzando l'editor visivo drag-and-drop. Basta puntare e fare clic sugli elementi da aggiungere per creare layout straordinari e visualizzare le modifiche che si verificano in tempo reale.

L'intero tema è responsive per dispositivi mobili, il che significa che ogni elemento che aggiungi, come testimonianze rotanti e contatori alla rovescia, si adatterà a uno schermo mobile.

Inoltre, all'interno del tema builder, puoi visualizzare in anteprima i design per dispositivi mobili ed effettuare modifiche solo alla versione mobile del tuo sito.

Per maggiori dettagli, puoi consultare il nostro tutorial su come creare un tema WordPress personalizzato.

Puoi anche dare un'occhiata alla nostra recensione Elementor vs Divi vs SeedProd per vedere come il tema builder si confronta con altre opzioni più popolari.

3. Assumi un'agenzia WordPress per ridisegnare il tuo sito web

Forse hai cercato ovunque il giusto design mobile-friendly, ma non soddisfa ancora i tuoi standard. Oppure non vuoi dedicare tempo a imparare come usare un page builder.

In tal caso, ti consigliamo di assumere un'agenzia di sviluppo WordPress professionale per ridisegnare il tuo sito web.

Sebbene assumere un professionista comporti un costo iniziale più elevato, è un investimento valido perché:

  • Ottieni un sito web personalizzato e mobile-friendly che riflette perfettamente il tuo brand.
  • Ti risparmia tempo e frustrazione nel tentativo di farlo da solo.
  • Benefici della conoscenza esperta delle best practice di WordPress e degli standard web attuali.
  • Il tuo sito sarà ottimizzato per velocità, SEO e esperienza utente fin dall'inizio.

Se hai bisogno di raccomandazioni, dai un'occhiata alle nostre scelte delle migliori agenzie di sviluppo WordPress che puoi assumere.

4. Crea moduli ottimizzati per dispositivi mobili

È molto probabile che tu abbia una serie di moduli sul tuo sito web, come moduli di iscrizione alla newsletter, moduli di contatto, sondaggi, moduli di pagamento, moduli di registrazione utente, moduli conversazionali e altro ancora.

I moduli consentono ai visitatori di contattarti e connettersi con te, motivo per cui hai bisogno di moduli responsive per dispositivi mobili che si adattano automaticamente a qualsiasi dispositivo.

La nostra prima scelta per il miglior plugin per moduli di contatto per WordPress è WPForms.

Usiamo questo plugin per moduli da anni e tutti i moduli creati con esso sono sempre stati completamente ottimizzati per dispositivi mobili. Sia che i tuoi visitatori visualizzino il tuo sito web su un laptop, desktop, smartphone o tablet, i tuoi moduli avranno sempre un aspetto fantastico.

Inoltre, tutti i modelli di moduli sono progettati per la compatibilità cross-browser, il che significa che il tuo sito web funzionerà su tutti i browser moderni.

Ecco un esempio di un modulo calcolatrice mutui multipagina creato da WPForms. Durante l'anteprima del modulo, nota che tutti gli elementi e i campi si adattano allo schermo del cellulare. E abbiamo utilizzato un divisore multipagina in modo da non sovraccaricare di informazioni una sola pagina.

esempio schermo mobile wpforms

Soprattutto, non dovrai scrivere codice e potrai personalizzare facilmente i tuoi moduli tramite un costruttore drag-and-drop facile da usare.

Per maggiori dettagli, puoi consultare la nostra recensione completa di WPForms.

Mantieni brevi i moduli di iscrizione e di contatto

Compilare moduli su un normale computer desktop non è un grosso problema. Ma sui siti mobili, moduli lunghi e complicati possono essere davvero difficili da completare.

Dovrai controllare i tuoi moduli e pensare se hai davvero bisogno di tutti i campi.

Ad esempio, ecco il nostro modulo di iscrizione per accedere alla nostra formazione gratuita su WordPress. Spiega rapidamente i principali vantaggi e chiede solo il nome e l'indirizzo email del visitatore.

modulo di opt-in wpbeginner

Per i moduli che trasformano gli utenti in clienti, non è necessario conoscere cose come il loro colore preferito. Basta ottenere le loro informazioni di fatturazione e l'indirizzo di spedizione.

Un processo di checkout lungo e complicato fa spesso sì che le persone abbandonino i propri carrelli della spesa. Quindi, se vuoi evitare che ciò accada, semplifica i tuoi moduli mobili.

5. Dai priorità alla velocità del tuo sito web

Ottimizzare la velocità di caricamento delle pagine è una parte fondamentale della SEO mobile. Google considera il tempo di caricamento della tua pagina come un fattore di ranking, il che significa che i siti web con velocità lente si posizioneranno più in basso.

Puoi utilizzare qualsiasi strumento di test di velocità online, come Pingdom, per scoprire facilmente quanto velocemente si caricano le tue pagine web.

Questo software ti consente persino di impostare la posizione specifica in modo da poter controllare la velocità della pagina nel paese del tuo pubblico.

test di velocità pingdom

Inserisci semplicemente il tuo URL e scegli la tua destinazione. Quindi premi 'Avvia Test' e vedrai i tuoi risultati qui sotto.

Dovresti assicurarti che il tempo di caricamento della tua pagina sia compreso tra 0,5 e 2 secondi.

tempo di caricamento

La ricerca di Google suggerisce che anche un ritardo di 3 secondi può causare l'abbandono del tuo sito da parte di oltre la metà dei visitatori del sito web. E all'aumentare dei tempi di caricamento, aumenta anche il tuo tasso di rimbalzo.

La nostra regola generale per mantenere il tuo sito il più veloce possibile è semplificare il tuo web design. Ma se hai seguito i passaggi precedenti, non dovresti avere troppi problemi.

Alcune altre cose che puoi fare per aumentare la velocità del tuo sito web includono:

Se vuoi massimizzare la velocità del tuo sito, consulta la nostra guida definitiva per aumentare la velocità e le prestazioni di WordPress.

Scegli un provider di hosting veloce

Il modo più semplice per migliorare la velocità è scegliere l'hosting WordPress più veloce. Questo perché gli utenti mobili hanno in genere connessioni Internet più lente rispetto agli utenti desktop. Se il tuo hosting è lento, aumenterà solo il tempo necessario affinché le tue pagine web vengano caricate sui dispositivi mobili.

Abbiamo eseguito test di performance su tutti i provider di hosting WordPress più diffusi e abbiamo scoperto che SiteGround ha i tempi di caricamento più rapidi. Infatti, utilizziamo SiteGround per alimentare il sito web WPBeginner.

Soprattutto, offrono ai nostri lettori di WPBeginner uno sconto enorme dell'81% sull'hosting, più un nome di dominio gratuito.

Hosting web SiteGround

Per maggiori dettagli, puoi consultare la nostra guida su perché utilizziamo SiteGround su WPBeginner.

In alternativa, Hostinger è un'altra ottima opzione se stai cercando un hosting WordPress più conveniente ma comunque veloce. Offrono anche ai nostri lettori uno sconto enorme, più un nome di dominio gratuito.

6. Ottimizza per le SERP mobile

Le pagine dei risultati dei motori di ricerca (SERP) mobile differiscono dalle versioni desktop. Quando cerchi una parola chiave scelta, è importante controllare sia i risultati mobile che quelli desktop.

ricerca mobile vs desktop

Inoltre, gli snippet in primo piano su mobile hanno un aspetto diverso rispetto a quelli su desktop.

Per la ricerca desktop, potresti vedere risultati piuttosto standard con il tag title e la meta description.

snippet avanzato desktop

Tuttavia, nei risultati mobili, nota come Google accompagni il testo di anteprima anche con immagini how-to.

Questo rende il risultato di ricerca più coinvolgente e più propenso a essere cliccato.

snippet avanzato mobile

Ottenere questi rich snippet in primo piano è molto importante per aiutare i tuoi articoli a distinguersi dalla massa.

Per ottimizzare la tua ricerca mobile e darti la migliore possibilità di vincere rich snippet per le tue pagine, dovrai aggiungere lo schema markup. Questo organizza i contenuti in modo che Google possa comprenderli e visualizzarli facilmente.

Può aggiungere elementi come recensioni, domande frequenti, stelle per le ricette e altri elementi ai tuoi risultati nei SERP.

Nella nostra esperienza, il modo più semplice per aggiungere lo schema markup è utilizzare un plugin SEO come All in One SEO. Altrimenti, di solito è necessario conoscere un po' di codice per abilitare la funzionalità schema.

Con AIOSEO, hai accesso a molte opzioni di Schema Catalog per adattarsi al tuo tipo di pagina specifico. Ad esempio, se vuoi posizionare il tuo post del blog di ricette, puoi selezionare lo schema per ricette.

markup schema AIOSEO

Per una guida più approfondita, consulta il nostro tutorial completo su come aggiungere lo schema markup in WordPress e WooCommerce.

7. Ottimizza per la ricerca locale

Una parte enorme della popolarità della ricerca mobile ruota attorno alla ricerca locale. Infatti, un terzo degli utenti di Internet cerca aziende locali alcune volte alla settimana.

ricerca locale mobile

Ci sono molti modi per dare priorità ai risultati locali nelle SERP. Ma per cominciare, puoi sfruttare la funzionalità Local SEO di All in One SEO.

Qui puoi aggiungere tutte le sedi della tua attività e gli orari di apertura. Quindi AIOSEO fa tutto il lavoro pesante per te e organizza correttamente il codice HTML in un formato di dati strutturati in modo che i motori di ricerca possano visualizzare tali informazioni ai potenziali clienti.

posizione SEO locale

Inoltre, puoi aggiungere tutte le informazioni aziendali che i clienti dovrebbero conoscere.

Ciò include il nome dell'azienda, l'indirizzo commerciale, le informazioni di contatto, le informazioni di pagamento e così via.

informazioni aziendali AIOSEO

8. Utilizza un menu di navigazione responsive per dispositivi mobili

Uno dei maggiori errori che abbiamo riscontrato nei proprietari di siti web che utilizzano strumenti heatmap è che i visitatori hanno difficoltà a fare clic sui pulsanti sui loro dispositivi mobili.

Questo si risolve facilmente quando crei menu di navigazione responsive.

Sugli schermi dei dispositivi mobili, potresti voler evitare pagine intermedie e ridurre il numero di opzioni.

Ad esempio, nota come il menu di navigazione su WPForms si apre sullo schermo. Non devi ingrandire e i pulsanti sono facilmente visibili agli utenti mobili.

schermo mobile wpforms

La maggior parte dei temi WordPress moderni fornirà menu responsive già pronti. Tuttavia, se non lo fanno, puoi utilizzare un plugin come Responsive Menu per aggiungerli al tuo sito.

Per maggiori dettagli su come fare ciò, consulta la nostra guida su come creare un menu WordPress responsive pronto per dispositivi mobili.

9. Rendi le tue landing page responsive per dispositivi mobili

Molti proprietari di siti web utilizzano strumenti o plugin di terze parti per creare landing page in WordPress. Questo è ottimo per aumentare le conversioni, ma è molto importante che le tue pagine funzionino bene sui dispositivi mobili.

Quindi, vorrai assicurarti di utilizzare un page builder per WordPress che includa impostazioni "mobile-friendly".

Se utilizzi SeedProd, non dovrai preoccuparti della reattività. Questo plugin per la creazione di pagine ha un'enorme libreria di modelli ottimizzati per dispositivi mobili che puoi utilizzare con un solo clic. Successivamente, puoi personalizzare la tua pagina facilmente utilizzando il costruttore di pagine visuale.

Le impostazioni delle landing page di SeedProd ti consentono inoltre di passare facilmente tra la versione desktop e quella mobile. Ciò significa che puoi perfezionare il tuo design tutto nello stesso posto.

pagina di destinazione mobile SeedProd

Infine, quando sei pronto per pubblicare la tua pagina, puoi visualizzarla in anteprima sullo schermo di anteprima mobile live ed apportare le modifiche necessarie.

Per maggiori dettagli, consulta la nostra guida su come creare una landing page con WordPress.

10. Evita popup intrusivi

I popup distrattivi e intrusivi frustrano i visitatori. Possono essere ancora più irritanti per gli utenti mobili perché occupano una porzione maggiore dello schermo.

Spesso scoprirai che i popup di grandi dimensioni abbassano i tassi di conversione e riceverai anche un pollice verso da Google.

Come parte della lunga lista di segnali di ranking di Google, approvano popup più discreti rispetto a quelli più grandi e intrusivi.

popup approvati da Google

Ti consigliamo di utilizzare OptinMonster, che è il miglior plugin popup che ti consente di creare interstitial belli e ottimizzati per dispositivi mobili. È quello che usiamo per gestire le nostre campagne di vendita ed eventi su tutti i nostri siti web aziendali.

OptinMonster è dotato di oltre 75 modelli progettati da esperti e puoi filtrarli per 'Ottimizzati per dispositivi mobili' per ottenere popup che si adattano allo schermo del cellulare e non sono invadenti.

popup ottimizzati per dispositivi mobili

Per un tutorial completo, leggi la nostra guida su come creare popup mobili che convertono (senza danneggiare la SEO).

11. Rendi i tuoi contenuti ottimizzati per dispositivi mobili

Grandi blocchi di testo sono difficili da leggere su schermi piccoli e possono far sembrare il tuo sito disordinato.

Gli utenti mobili preferiscono informazioni rapide e facili da leggere, quindi lunghi paragrafi possono essere opprimenti.

Ecco perché, quando costruisci il tuo sito web, vorrai suddividere il testo in paragrafi piccoli e leggibili.

Ad esempio, usa titoli e sottotitoli per aiutare i lettori a trovare ciò di cui hanno bisogno.

Ecco un esempio di come Healthline utilizza paragrafi brevi e titoli per rendere il proprio articolo più scorrevole. È meglio evitare paragrafi con più di 4 o 5 righe poiché appariranno ancora più lunghi sui dispositivi mobili.

paragrafi Healthline

Oltre a ciò, puoi seguire anche questi suggerimenti:

  • Crea una gerarchia visiva. Aggiungi intestazioni per evidenziare i punti principali. Per i testi del sito web, puoi utilizzare intestazioni e brevi descrizioni per ogni blocco.
  • Attieniti a un'idea per blocco di testo. Evita testi lunghi sulla tua homepage o sul tuo blog. Mantieni i paragrafi brevi e usa le intestazioni per separare il contenuto nei post del blog.
  • Usa spazi bianchi e spazi negativi. Lo spazio bianco previene il disordine e può migliorare la comprensione fino al 20%.

Sebbene si tratti di piccole modifiche, possono fare una grande differenza nel decidere se i tuoi visitatori rimangono o se ne vanno.

esempio di spazio bianco

Puoi consultare la nostra guida su come aggiungere e migliorare il punteggio di leggibilità in WordPress per ulteriori suggerimenti sul miglioramento della leggibilità.

12. Cambia il posizionamento e le dimensioni del tuo pulsante CTA

Quando crei la tua homepage o una landing page, è importante considerare attentamente i tuoi pulsanti di call-to-action (CTA).

Se vuoi che il tuo design per dispositivi mobili sia efficace, allora la tua CTA deve essere facile da vedere. È meglio mantenere i tuoi pulsanti CTA sopra la piega in modo che i visitatori non se li perdano, il che aiuta ad aumentare i tassi di conversione.

dimensione pulsante

Quando si progettano pulsanti per siti web, le dimensioni contano. Pulsanti troppo piccoli sono difficili da premere, mentre pulsanti eccessivamente grandi occupano troppo spazio su uno schermo piccolo.

Come regola generale, una dimensione minima di circa 44 per 44 pixel è un buon obiettivo. Questo rende il pulsante abbastanza grande da poter essere facilmente toccato con il dito su un touchscreen.

13. Rendi le informazioni importanti facili da trovare

Quando le persone prendono in mano i loro telefoni e si rivolgono ai motori di ricerca, di solito hanno in mente un obiettivo specifico. Potrebbe essere quello di trovare risposte, scoprire ristoranti locali o ottenere il numero di telefono di un'attività commerciale locale attività commerciale.

Assicurati di avere tutte le informazioni che i tuoi visitatori stanno cercando. Dovrai considerare le parole chiave che stanno cercando e assicurarti che la tua pagina corrisponda all'intento di ricerca.

Per saperne di più, leggi il nostro post sul blog su come comprendere l'intento dei visitatori del sito web WordPress.

Inoltre, vuoi rendere le informazioni chiave facilmente accessibili. Ecco alcuni suggerimenti che potresti voler considerare:

I migliori plugin responsive per dispositivi mobili per WordPress

Quando aggiungi nuove funzionalità al tuo sito con i plugin, vuoi essere sicuro che non compromettano il tuo design mobile.

The plugins we recommend below are great examples of tools that add powerful features while also being fully mobile-responsive.

They work seamlessly on smartphones and tablets so that your site doesn’t slow down or prevent users from finding what they are looking for.

Here is our top recommended list of mobile-responsive plugins that you may want to consider adding to your site:

  • SeedProd is the best WordPress theme and landing page builder for designing all pages of your site, including landing pages, thank you pages, coming soon pages, and more.
  • WPForms is the best form builder plugin with over 1500 pre-built form templates.
  • RafflePress è un plugin per concorsi WordPress che ti permette di gestire giveaway e concorsi virali. Può aiutarti ad aumentare il traffico del tuo sito web, acquisire iscritti via email o ottenere più follower sui social media.
  • Smash Balloon è il plugin per feed social numero 1, che ti permette di visualizzare feed personalizzati di Instagram, Facebook, TikTok, YouTube e Twitter sul tuo sito web.
  • OptinMonster è un popolare software di ottimizzazione delle conversioni che aiuta a trasformare i visitatori abbandonati del sito web in nuovi iscritti via email e clienti.
  • PushEngage è un potente strumento per notifiche push web che ti aiuta a fidelizzare i visitatori anche dopo che hanno lasciato il tuo sito. Le notifiche funzionano su tutti i browser più diffusi, oltre che sui dispositivi iOS e Android.
  • FunnelKit è un plugin per la creazione di pagine che ti aiuta a creare funnel di vendita responsive per dispositivi mobili, inclusi upsell con 1 clic e carrelli laterali scorrevoli per aumentare le conversioni.

Sebbene questo non sia un elenco esaustivo, è un ottimo punto di partenza. Questi plugin possono aiutare ad aggiungere funzionalità al tuo sito che generano più traffico e vendite, garantendo al contempo che il tuo sito sia ottimizzato per i dispositivi mobili.

E, naturalmente, ci sono versioni gratuite disponibili per ciascuno di questi plugin.

Domande frequenti sui siti web ottimizzati per dispositivi mobili

Ecco le risposte ad alcune delle domande più comuni che riceviamo riguardo all'ottimizzazione di un sito WordPress per i dispositivi mobili.

Cosa rende esattamente un sito web ottimizzato per i dispositivi mobili?

Un sito web ottimizzato per i dispositivi mobili regola automaticamente il suo layout per adattarsi allo schermo di qualsiasi dispositivo, come uno smartphone o un tablet. Ciò garantisce che i visitatori possano leggere facilmente i contenuti e toccare i pulsanti senza dover pizzicare o ingrandire.

Come posso verificare se il mio sito attuale è ottimizzato per i dispositivi mobili?

Il modo migliore per verificarlo è con lo strumento PageSpeed Insights di Google. Basta inserire l'URL del tuo sito web e ti fornirà un rapporto completo sulle prestazioni del tuo sito sui dispositivi mobili, insieme a suggerimenti per il miglioramento.

Cambiare il mio tema WordPress cancellerà i miei contenuti?

No, cambiare tema in WordPress non cancellerà i tuoi post, pagine o file multimediali. I tuoi contenuti sono memorizzati separatamente. Tuttavia, il tema controlla il design del tuo sito, quindi l'aspetto cambierà. Raccomandiamo sempre di effettuare un backup completo prima di cambiare tema.

Un tema responsive è tutto ciò di cui ho bisogno per essere ottimizzato per i dispositivi mobili?

Un tema responsive è la parte più critica, ma contano anche altri elementi. Per un'ottima esperienza mobile, hai anche bisogno di una velocità di caricamento rapida delle pagine, menu di navigazione facili da usare, font leggibili e moduli semplici.

Speriamo che questo articolo ti abbia aiutato a imparare come creare un sito WordPress ottimizzato per dispositivi mobili. Potresti anche voler consultare la nostra guida su come ridisegnare un sito WordPress e il nostro elenco di domande sul feedback dell'esperienza utente da porre ai visitatori del sito web.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.

Dichiarazione: Il nostro contenuto è supportato dai lettori. Ciò significa che se fai clic su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come è finanziato WPBeginner, perché è importante e come puoi supportarci. Ecco il nostro processo editoriale.

Il Toolkit WordPress Definitivo

Ottieni l'accesso GRATUITO al nostro toolkit - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Interazioni del lettore

43 CommentsLeave a Reply

  1. Ciao. Sulla base dell'esperienza che ho maturato negli ultimi anni, molti utenti accedono a Internet tramite dispositivi mobili e navigano sui siti web. In alcuni settori, il numero di visitatori da dispositivi mobili supera persino gli utenti desktop. Pertanto, è fondamentale che un sito web sia ottimizzato, compatibile e reattivo per gli utenti mobili. Uno dei siti web su cui stavamo lavorando non aveva un aspetto appropriato, il che ha portato alla perdita di utenti mobili. Con alcuni piccoli aggiustamenti, le visite giornaliere al sito sono aumentate in modo significativo.

    • Ho un'esperienza simile. Secondo le mie misurazioni, circa il 60% dei miei utenti utilizza dispositivi mobili e solo il 38% utilizza dispositivi desktop. Interessante notare che il restante 2% sono tablet, che sono praticamente minori e piuttosto rari sui miei siti web. Ho anche riscontrato problemi perché ho testato principalmente il mio sito web su desktop e ho scoperto molto più tardi che alcuni elementi visibili sul desktop non erano visibili sui dispositivi mobili e viceversa: elementi che non avrebbero dovuto esserci erano d'intralcio. Pertanto, ho imparato a testare sia tramite simulazioni software di dispositivi mobili su un PC desktop sia direttamente su dispositivi mobili. Come hai menzionato, i dispositivi mobili oggi sono quasi un sostituto dei computer desktop. Le persone cercano informazioni su di essi ogni volta che non hanno accesso a un computer tradizionale, rendendo i dispositivi mobili molto importanti per l'ottimizzazione dei siti web. L'esperienza mi ha insegnato, proprio come te, a non sottovalutare questa ottimizzazione, perché più della metà degli utenti potrebbe abbandonare immediatamente il sito web. E questa è una cosa che nessun blogger o proprietario di sito web desidera :).

  2. Ottimo post! Ma come rendi il tuo sito scalabile al 100% sui dispositivi mobili? Voglio dire, i tuoi layout desktop e mobili sono gli stessi senza cambiare l'URL del tuo sito. Ci piacerebbe sapere come gestisci questo aspetto.

  3. Sono un marketer legale e mi è piaciuto molto scoprire temi WordPress compatibili con i dispositivi mobili.
    Grazie per avermi dato un così buon consiglio per rendere il tema mobile.

  4. wordpress per android è un'ottima soluzione, ci si aspetta che raggiunga tutti gli utenti di smartphone con sistema operativo Android, grazie per averli presentati...

  5. Ho appena caricato wordpress mobilepack sul mio sito WP.mobi e i temi non vengono visualizzati, solo testo, cosa succede?

  6. Uso mobile smart. WPTouch non funziona per i miei temi che creo con Artisteer. Con Mobile smart puoi scegliere un tema desktop e un tema mobile e i tuoi utenti possono passare al mobile e tornare al desktop, indipendentemente dal fatto che siano su mobile o desktop.

  7. Esiste un servizio web in cui posso vedere come appare il mio sito su un telefono cellulare?

    Se qualcuno lo sa, per favore condivida!

  8. Ho provato la maggior parte di questi plugin, tuttavia l'unico problema è ottenere traffico dai motori di ricerca per il tuo sito mobile.

    Trovo che crearli manualmente e reindirizzare dal mio sito WordPress sia molto meglio.

    Li ho messi in un sottodominio m.miodominio.com e poi uso le solite tattiche SEO, funziona molto meglio.

    Mettere la tua attività su uno dei siti template è semplicemente folle perché stai inviando tutto il tuo prezioso traffico a un sito altrui e pagando loro per il privilegio.

  9. ho appena provato il primo che hai elencato, mobify, tuttavia quando l'abbiamo provato sul nostro iPhone il captcha era mancante dalla pagina di registrazione, qualcuno di questi altri permette il captcha?

  10. Utilizzo i temi/plugin di WPtap su molti dei miei siti. Sono davvero belli. Ottimo design e funzionalità, e soprattutto, hanno una vera passione per sviluppare i migliori prodotti. Dovresti assolutamente dare un'occhiata ai loro temi.

  11. Con così tanti blogger di WP là fuori, questo è un pezzo eccellente per capire il valore di avere una versione mobile per il tuo blog WP. Anche il Local Search Marketing è un'area che i blogger WP devono tenere d'occhio.

    Ho pensato di usare un paio di questi strumenti per convertire il mio blog WP, ma ho optato invece per costruire una versione "companion" rispetto all'approccio MoFuse o plugin e finora, sta andando bene.

    • È un ottimo plugin mobile per la pubblicazione su WordPress, ma è meglio scrivere il proprio codice in modo da poterlo gestire e renderlo più compatibile con qualsiasi dispositivo mobile, ricorda che non tutti gli utenti mobili utilizzano dispositivi touch, quindi qualsiasi effetto touch che utilizzi sul tuo plugin mobile, come JQuery o altro, non funzionerà su di esso...

  12. Uso il plug-in WordPress Mobile Edition per Wordpress, è un tema mobile che si installa come plug-in e rileva il tipo di browser, mostrando un sito del blog molto semplificato per Blackberry, iPhone o telefoni cellulari, e puoi personalizzare a quali telefoni mostrare il tema mobile. Quindi posso capire perché è in cima alla lista.

  13. Ottimi consigli ragazzi... non ci avevo mai pensato molto finché non ho visto questo post ed è sicuramente qualcosa che dovrei tenere a mente in futuro.

    Punti interessanti spiegati a fondo e facili da capire.

    Luke Etheridge

Lascia un commento

Grazie per aver scelto di lasciare un commento. Tieni presente che tutti i commenti sono moderati secondo la nostra politica sui commenti, e il tuo indirizzo email NON verrà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avviamo una conversazione personale e significativa.