Ottimizza una pagina di destinazione mobile per le campagne ad alto rendimento

Un lander, o una landing page, è una parte cruciale di qualsiasi campagna di performance marketing. Non importa se esegui campagne leadgen, campagne di marketing di affiliazione o un semplice vecchio blog che desideri potenziare, una pagina di destinazione ben progettata è un must.

Ma con un numero maggiore di utenti web che si attengono ai loro telefoni cellulari, le tue pagine di destinazione devono essere ottimizzate per i dispositivi mobili se vuoi vedere un buon ROI.

Ma cosa sono le landing page per dispositivi mobili e come dovresti ottimizzare le tue pagine di destinazione per dispositivi mobili?

Tratteremo tutto questo e altro oggi.

Cosa sono le pagine di destinazione mobili?

Tecnicamente, una pagina di destinazione è una pagina in cui qualcuno arriva (o atterra) sul tuo sito web. Ma usando questa descrizione una homepage è una pagina di destinazione. In termini pratici, le pagine di destinazione di solito si riferiscono a qualcosa di leggermente diverso.

Unbounce descrive una pagina di destinazione come

“ una pagina web autonoma creata appositamente per scopi di marketing o pubblicità ”.

Questa è una descrizione abbastanza buona, ma aggiungiamo un paio di tendenze comuni qui.

• le landing page ricevono traffico mirato (a pagamento, diretto, email, altro)
• le pagine di destinazione desiderano una determinata azione (una vendita, un abbonamento)
• le pagine di destinazione non forniscono una gamma di opzioni o contenuti da esplorare.

Con la prima descrizione, ogni home page o articolo di un sito Web potrebbe essere facilmente incluso. Ma con la seconda descrizione non è così.

Quando parliamo di landing page mobile, ci riferiamo alle landing page per il traffico mobile, che solitamente sono smartphone ma possono includere anche tablet.

A causa delle differenze tra questi dispositivi, ci sono esigenze e requisiti diversi in queste pagine di destinazione.

Vantaggi delle landing page nelle campagne di performance

Le landing page sono perfette per campagne leadgen o promozioni di prodotti e-commerce, perché sono progettate per generare un'azione, come ad esempio:

• Acquistare
• Lascia le informazioni di contatto
• Iscriviti a una newsletter
• Vai all'app store per scaricare un'app
• Iscriviti per una demo della piattaforma

A parte questo, le pagine di destinazione vengono utilizzate per riscaldare il traffico freddo. Pensi che qualcuno acquisti un prodotto sconosciuto solo da un annuncio? No. Devono conoscere i vantaggi del prodotto, le specifiche tecniche, nonché la politica di restituzione e altre cose.

Ma per assimilare tutte queste informazioni, una landing page mobile deve essere ben progettata.

Le pagine di destinazione mobili dovrebbero comunque seguire i buoni principi della pagina di destinazione

Molti articoli che offrono consigli sull'ottimizzazione della pagina di destinazione per dispositivi mobili passeranno attraverso molti consigli che sono ugualmente validi per le pagine di destinazione desktop (ad esempio, utilizzare un invito all'azione convincente).

Sebbene questi principi siano veri, mi concentrerò su ciò che conta davvero per i dispositivi mobili. Puoi e dovresti anche ricercare questi principi, ma non perderò tempo a ripetere punti generali come.

• utilizzare buoni principi di progettazione
• usa un certificato SSL e HTTPS sul tuo lander
• usa una copia efficace sulla tua pagina di destinazione
• condurre test A/B sulle tue campagne

Invece, questo articolo è incentrato solo sui consigli specifici per dispositivi mobili.

I 7 peccati capitali della pagina di destinazione: cosa NON fare

Diamo prima un'occhiata al quadro generale. Ci sono alcuni errori classici che portano a pagine di destinazione mobili con scarse prestazioni. Molti di questi possono essere applicati ugualmente alle pagine di destinazione desktop, ma spesso sono peggiori sulle pagine di destinazione mobili.

Sapere quali sono questi peccati può aiutarti ad attenerti alla retta via e a identificare quale tecnica di ottimizzazione avrà il miglior risultato sulla tua landing page mobile.

Hai bisogno di espiare qualcuno di questi peccati della pagina di destinazione mobile?

1. copia inefficace (vero per la maggior parte delle pagine di destinazione)
2. troppa copia (lo schermo del telefono non è ottimo per leggere grandi porzioni di testo)
3. troppe opzioni (più di 3 pulsanti visti contemporaneamente su uno schermo da 6 pollici sono troppi)
4. nessuna immagine (mille parole...)
5. copy non correlato all'annuncio o al contenuto che ha portato il visitatore alla pagina (la nostra capacità di attenzione sui dispositivi mobili è addirittura inferiore rispetto a quella su un dispositivo desktop)
6. ostacolare le conversioni (moduli di compilazione lunghi)
7. pagine a caricamento lento (anche peggio su landing page mobili)
8. progettato senza considerare i layout mobili (scorrimento laterale su dispositivi mobili – davvero?)

11 modi per ottimizzare la tua pagina di destinazione mobile

1. Accelera il tempo di caricamento

Una delle cose più importanti che puoi fare su una pagina di destinazione mobile è accelerare il tempo di caricamento. Sebbene una pagina Web a caricamento lento sia punita dai navigatori Web desktop, è un peccato imperdonabile per qualcuno sul proprio telefono.

Un semplice passaggio per migliorare le prestazioni della tua pagina di destinazione mobile è velocizzare la tua pagina di destinazione mobile.

A seconda della tecnologia che utilizzi e se hai un problema specifico con la tua pagina di destinazione, potrebbero essere necessari alcuni passaggi (come l'utilizzo di un server più veloce), ma ci sono alcuni principi generali che aiuteranno la maggior parte delle persone.

• Usa soluzioni ben codificate
• Ottimizza le tue immagini (consigli più specifici di seguito)
• Usa una CDN (controlla la sezione strumenti)
• Non sovraccaricare il tuo sito web di contenuti

A. Utilizzare soluzioni ben codificate

I siti Web e gli strumenti per i siti Web codificati in modo errato eseguono processi aggiuntivi e sono più pesanti sul motore di rendering di un browser Web. Javascript richiede più tempo per essere caricato rispetto a HTML e CSS e Javascript scritto male richiede ancora più tempo per essere caricato.

Se ottieni una soluzione (come un tema WordPress, un plug-in o un motore di siti Web) che non segue le migliori pratiche di codifica, il rendering sarà molto più lento.

B. Ottimizza la tua grafica

Le immagini contribuiscono molto al tempo di caricamento del tuo sito web. Occupano molto più spazio del testo e possono anche richiedere più tempo per il caricamento rispetto a un video inizialmente, a condizione che il video non venga riprodotto automaticamente o occupi l'intera pagina.

Il primo passo verso l'ottimizzazione è essere selettivi nella scelta delle immagini.

Se hai cinque immagini su una pagina, il caricamento richiederà più tempo di una. Considera se hai davvero bisogno di quelle immagini extra.

Il secondo passaggio consiste nel ridurre le dimensioni dell'immagine .

Un buon CMS ridimensionerà la tua immagine in modo che sia più adatta al sito web (anche se ne carichi una gigante da 4000 x 3000px in primo luogo), ma è meglio caricare un'immagine ridotta in modo da avere la certezza che un file più piccolo venga caricato e non non deve essere ridimensionato dal dispositivo.

Puoi avere immagini che hanno lo stesso numero di pixel, eppure una occupa molto meno spazio di un'altra. Ciò è dovuto a una varietà di informazioni sull'immagine che potrebbero occupare un articolo da sole.

La chiave da asporto è utilizzare uno strumento di ottimizzazione dell'immagine che ti consentirà di risparmiare spazio mantenendo la qualità dell'immagine.

Infine, l'utilizzo di una CDN aiuterà anche a velocizzare la consegna delle immagini e a risparmiare tempo di caricamento. E può aiutare con il resto della tua pagina web.

C. Utilizzare una CDN

CDN sta per Content Distribution Network . Invece di servire un sito Web da un server in un'unica posizione, distribuisce i tuoi contenuti in tutto il mondo.

Ciò significa che hai meno pressione su un server o posizione e il tuo contenuto proverrà da una posizione più vicina alla richiesta. Questo aiuta a fornire i tuoi contenuti più velocemente.

È possibile utilizzare una CDN per l'intera pagina Web oppure può essere utilizzata per elementi della pagina Web come l'immagine o i video.

D. Non sovraccaricare di contenuti la tua landing page mobile

Più contenuti hai, più tempo ci vorrà per caricarli. Questo non si applica al testo, ma più a immagini, video ed elementi animati. Visto che uno dei buoni principi di una pagina di destinazione è quello di rimanere al punto e presentare la tua tesi in modo chiaro e rapido, questo principio è un utile promemoria per non aggiungere più del necessario.

Se trovi che la tua pagina di destinazione si carica lentamente, guarda quante immagini, video o elementi animati che richiedono script complessi hai sulla pagina. Prova a rimuoverne uno o più.

2. Usa colonne singole

Il design a colonna singola è diventato più comune nelle pagine desktop per gli articoli, ma più colonne sono ancora comuni nelle pagine di destinazione, specialmente quando si evidenziano caratteristiche chiave, vantaggi o nelle tabelle dei prezzi.

In un sito Web mobile, queste colonne diventano compresse e difficili da leggere e premere.

Il web design reattivo di solito modifica questi blocchi in modo che si sovrappongano l'uno all'altro. Mentre funziona, assicurati che questi elementi siano nell'ordine corretto su una pagina mobile o utilizza una pagina di destinazione mobile separata.

In alternativa, crea una landing page per dispositivi mobili con una sola colonna.

3. Usa pulsanti CTA grandi

A differenza del puntatore del mouse, i pollici e le dita non sono strumenti precisi. Non è così facile premere con precisione un pulsante su un dispositivo mobile.

Se i pulsanti Call To Action non sono sufficientemente grandi da poter essere premuti facilmente, rischi di frustrare i tuoi utenti.

Ciò può portare a un calo dei tassi di conversione e a un aumento dell'abbandono del carrello quando qualcuno, infine, fa clic su un pulsante.

4. Ricorda, i telefoni sono fatti per chiamare

So che può essere difficile da credere, ma c'è stato un tempo in cui la funzione telefono era l'elemento più utilizzato su un telefono cellulare. Sì, ora alcune persone non useranno mai l'app del telefono, ma è ancora lì e anche profondamente integrata. Quando una pagina web contrassegna correttamente un numero, è a portata di tocco da una telefonata.

Non ignorare l'opzione per portare qualcuno a un numero di telefono per completare una conversione. Alcune offerte si basano sul costo per chiamata, quindi una campagna incentrata sui dispositivi mobili con pagine di destinazione e offerte per il traffico mobile ha molto senso.

5. Fare clic per scorrere

Sebbene gli utenti siano più abituati a scorrere sui propri dispositivi intelligenti, il vecchio adagio di " above the fold " ha ancora la verità. Se non è ovvio che puoi o devi scorrere, potresti non farlo. Un'opzione per aggirare questo problema è avere un'opzione "fai clic per scorrere" ( nota: questo non deve dire fare clic per scorrere ).

In sostanza, vuoi dimostrare che puoi trovare ulteriori informazioni premendo questo pulsante. Potrebbe iniziare a far scorrere un utente verso il basso nella pagina o portarlo a una pagina con ulteriori informazioni.

Anche se scegli di non utilizzare questa opzione, assicurati che ci sia un segnale visivo che ci sia più contenuto o puoi scorrere.

6. Intestazioni (e piè di pagina) permanenti

Un'intestazione appiccicosa è quando la parte superiore della tua pagina è sempre visibile anche mentre scorri. Ciò ti consente di mostrare costantemente un invito all'azione a un visitatore della pagina di destinazione mentre scorrono ulteriori informazioni.

Un'intestazione appiccicosa fornisce un modo semplice per convertire un visitatore una volta che è stato convinto.

Questo è importante per i browser mobili poiché tornare alla posizione di un pulsante di invito all'azione può essere problematico.

7. Usa il targeting geografico

La posizione è ancora più importante con la navigazione mobile e i dispositivi poiché è più probabile che gli utenti siano in movimento e apprezzino maggiormente le informazioni locali.

Le landing page mobili possono avere elementi dinamici che si adatteranno alla posizione dell'utente.

Questo potrebbe essere semplice come cambiare il titolo per includere la città o la città locale del visitatore, per mostrare il negozio più vicino all'utente.

Questo può aiutare gli utenti a fidarsi di un sito in quanto è più facilmente riconoscibile a loro e può fornire conversioni più facili. Potresti essere più felice di acquistare un articolo se ritieni che verrà consegnato rapidamente. Se vedi che proviene da un altro paese, potresti continuare a cercare.

8. Non tutte le dimensioni dello schermo sono uguali

Solo perché qualcuno è su un dispositivo mobile, non significa che le dimensioni dello schermo siano le stesse. La differenza tra un vecchio schermo per iPhone e uno schermo Android 4K ad altissima definizione è enorme.

Se ottimizzi per quest'ultimo e non controlli il primo, il tuo design potrebbe non essere efficace o addirittura utilizzabile.

9. Non utilizzare moduli troppo lunghi

È un dato di fatto che su qualsiasi landing page, mobile o desktop, se aumenti il ​​numero di campi del modulo da compilare, la conversione cala (con pochissime eccezioni). Ma con i dispositivi mobili, il risultato è molto più pronunciato.

È molto più difficile compilare i moduli su un telefono cellulare poiché la tastiera è meno facile da usare ed è più difficile spostarsi tra i campi.

Se hai bisogno di una maggiore quantità di dati, ci sono due trucchi che puoi usare per prevenire una riduzione delle conversioni.

A. Dai una mano con il completamento automatico

Se imposti correttamente una pagina web contrassegnando correttamente i tuoi campi, l'utente avrà opzioni di completamento automatico. Ciò consente di risparmiare tempo e fatica per l'utente e potrebbe non dover nemmeno digitare nulla. Hanno semplicemente lasciato che il loro dispositivo riempisse tutto.

B. Opt-in in due fasi

Potresti essere in grado di dividere il tuo modulo di adesione in due fasi. Il primo dovrebbe contenere le informazioni assolutamente vitali di cui hai bisogno, il secondo può richiedere ulteriori informazioni. Una volta avviata una canalizzazione, creiamo la sensazione che dovremmo finire (abbiamo già "votato" con le nostre azioni che vale la pena farlo).

Dividendo i passaggi, può rendere l'intero processo meno opprimente poiché ogni passaggio è piccolo. E se un utente non riesce a completare il secondo passaggio, avrai i suoi dettagli di contatto per seguire e ottenere quella conversione.

Se combini questi due trucchi, i campi modulo multipli sono molto meno minacciosi.

10. Usa punti elenco invece di frasi lunghe

Se hai un gruppo di criteri, caratteristiche o vantaggi, dovresti prendere in considerazione l'utilizzo di punti elenco.

• Risparmiano spazio
• Sono facili da sfogliare
• Catturano l'attenzione

11. O fisarmoniche per risparmiare spazio prezioso

Le fisarmoniche sono sezioni espandibili su una pagina Web che sono condensate per impostazione predefinita. Questi possono essere molto efficaci per fornire ulteriori informazioni senza far sembrare la pagina web eccessivamente grande.

Un modo per usare le fisarmoniche è per le FAQ. La fisarmonica può mostrare la domanda e con un tocco si espande per rivelare una risposta. Molto utile per superare le obiezioni.

Strumenti per ottimizzare la tua landing page mobile

Ci sono alcuni ottimi strumenti sul mercato che possono aiutarti a ottimizzare le tue landing page mobili. Questi vanno da strumenti all-in-one che ti aiutano a creare una pagina di destinazione completa e ottimizzata a quelli che aiutano con un aspetto specifico dell'ottimizzazione della pagina di destinazione.

1. Creatori di pagine di destinazione mobili

Come accennato in precedenza, esiste una selezione di piattaforme per la creazione di landing page che aiutano nella costruzione di landing page efficaci sia per dispositivi mobili che desktop.

Questi servizi di solito forniscono modelli e hosting per le tue pagine, ma possono anche integrarsi con servizi di posta elettronica, CDN (più avanti), servizi di foto d'archivio e offrono funzionalità uniche per migliorare le tue pagine di destinazione.

Alcuni esempi di servizi includono

• Leadpage
• Non rimbalzare
• Laghetto dei desideri
• Instapage
• Landingi

2. Strumenti per ridurre le dimensioni delle immagini

Ridurre le dimensioni delle tue immagini può aiutare a velocizzare la tua pagina di destinazione. Puoi trovare questi strumenti in una gamma di forme a seconda delle tue esigenze.

• applicazioni autonome
• plugin per Photoshop
• plugin per WordPress e altri CMS
• sito web e servizi API

A seconda degli altri strumenti che utilizzi (e delle tue preoccupazioni sulla privacy) puoi sceglierne uno piuttosto che un altro.

Tiny PNG offre un servizio online, plug-in Photoshop e WordPress, nonché un'API che lo rende un'ottima opzione da considerare indipendentemente dalle tue esigenze esatte.

3. CDN

Una rete di distribuzione di contenuti è una raccolta di server in tutto il mondo in cui ciascuno memorizza una copia di una pagina Web o singoli file. Fornendo la distribuzione distribuita delle risorse, i contenuti possono essere visualizzati più velocemente e con un rischio ridotto di sovraccaricare i server.

• AWS
• Cloudflare
• Rack
• Stackpath
• Incapsula

4. Tester di velocità della pagina di destinazione

Dovresti eseguire dei test per assicurarti che la tua pagina di destinazione mobile sia in esecuzione e si carichi rapidamente.

Un buon strumento ti mostrerà non solo la velocità di caricamento, ma anche ciò che lo sta facendo caricare lentamente.

Pingdom offre un ottimo strumento gratuito per il test della velocità che ti consentirà di vedere cosa sta rallentando la tua pagina di destinazione (e funziona anche sulle pagine desktop).

5. Tester del contenuto della pagina di destinazione

Varvy.com offre un test SEO mobile. Questo controlla il rendimento della tua pagina in una varietà di fattori che includono la velocità di caricamento, ma include anche la leggibilità e l'analisi dei target di tocco. Questo è un ottimo strumento per eseguire il tuo sito per assicurarti di aver ottimizzato correttamente.

Mettiti al lavoro ottimizzando la tua landing page mobile

Con tutto ciò che è coperto, è ora di mettersi al lavoro e aumentare i tassi di conversione da dispositivi mobili. Identifica le aree che potrebbero migliorare maggiormente le tue landing page per dispositivi mobili e inizia ad apportare modifiche. Ricordati di testare e utilizzare Voluum per assicurarti che i tuoi miglioramenti portino i loro frutti.