La prima piega del tuo web

La prima piega del tuo sito web è la sezione più importante. Tutti i visitatori che atterrano sulla tua pagina finiscono per vedere quel blocco. E questo li farà continuare a navigare nel tuo sito Web, scorrere per saperne di più o semplicemente andarsene.

Quando abbiamo parlato di mappe di calore, abbiamo visto che la prima piega del web è quella che riceve più rilevanza nella maggior parte dei casi. Sia nella heatmap che nella scrollmap che abbiamo analizzato lì, la quantità di attività nel primo blocco del web era maggiore.

Molti visitatori vedranno solo la prima piega e non scorreranno la pagina verso il basso. L'ottimizzazione di ciò che mostriamo è la chiave per migliorare il tasso di conversione. Ecco perché questo mese parleremo dell'ottimizzazione della prima piega di una landing page del nostro sito web.

L'ipotesi: concentrarsi sul messaggio

In Nelio abbiamo due plugin premium per WordPress: Nelio Content e Nelio A/B Testing. Oggi ci concentreremo sul secondo, che è anche quello che utilizziamo per eseguire i test in questa sezione del nostro sito web. Analizziamo la prima piega della landing page di Nelio A/B Testing.

L'obiettivo di questa pagina è mostrare il prodotto ai potenziali utenti in modo che finiscano per visitare la pagina dei prezzi. Più visitatori passano da questo approdo alla pagina dei prezzi, maggiori sono le possibilità che finiscano per acquistare il prodotto, che è quello che vogliamo.

I dati che abbiamo grazie allo strumento che utilizziamo per l'analisi web ci dicono che questa pagina sta già andando abbastanza bene. Per essere più precisi, sappiamo che metà dei visitatori che visitano la nostra pagina di destinazione finiscono per visitare la pagina dei prezzi. Non male, vero? Ora la domanda è: possiamo migliorare questi numeri?

Lo screenshot sopra mostra ciò che vedi nella prima piega di quella pagina. Il suo titolo principale è il nome del prodotto: Nelio A/B Testing. Poi abbiamo un sottotitolo che cerca di creare un senso di urgenza per gli utenti in modo che inizino a testare i loro siti.

Tuttavia, se ripensiamo il testo e proviamo a cambiare il messaggio per suscitare curiosità anziché urgenza, potremmo riuscire a migliorare questi numeri che ti stavo appena presentando. Inoltre, per evitare distrazioni, possiamo modificare il primo blocco del web in modo che utilizzi l'intera prima piega e quindi nasconda la seconda sezione della pagina, che qui non contribuisce al nostro scopo.

Quindi, l'ipotesi del test che creeremo qui è che se concentriamo la prima sezione del nostro sito Web per inviare un messaggio chiaro, la conversione deve migliorare. Ci riusciremo? Vediamo…

Creazione di una variante della prima piega

La prima cosa che faremo è andare su Nelio A/B Testing in WordPress e creare un nuovo A/B test delle pagine. Ti incoraggio a fare lo stesso con la tua landing page e a condividere i tuoi risultati con noi nei commenti. Puoi fare questo test gratuitamente semplicemente installando Nelio A/B Testing dalla directory dei plugin di WordPress.

Ora dobbiamo nominare il test e la variante che andremo a creare. L'obiettivo del test è visitare la pagina dei prezzi. Pertanto, aggiungiamo un'azione di conversione che tiene traccia delle visite alla pagina dei prezzi come conversioni. L'impostazione di tutto questo test richiederà meno di un minuto. Ora modificheremo la variante con le modifiche.

Quando modifichiamo la variante andiamo all'editor di pagina che abbiamo configurato di default in WordPress. Usiamo l'editor di blocchi di Gutenberg. Ti consiglio di usare questo o qualsiasi altro con cui ti senti a tuo agio.

Nel seguente confronto puoi vedere le modifiche che abbiamo apportato nel primo blocco della nostra pagina di destinazione. Tieni presente che se passi il mouse sopra il blocco puoi spostare il divisore a destra o a sinistra per vedere la versione originale della pagina che andremo a testare o la sua variante.

Nella variante abbiamo cambiato il titolo e al posto del nome del prodotto, che già compare nel logo, abbiamo aggiunto un messaggio che invita a stimolare la curiosità del visitatore. Vogliamo che pensino alle modifiche al loro sito Web che potrebbero funzionare meglio. Un colore diverso? Un'altra forma per i bottoni? Una location alternativa a tutto questo?

Successivamente, cambiamo il sottotitolo in qualcosa che indica che abbiamo la soluzione per soddisfare la tua curiosità: "crea e testa diverse versioni del tuo WordPress per scoprire cosa piace di più al tuo pubblico e migliorare le tue conversioni".

Creare il test A/B e modificare la variante della nostra pagina è qualcosa che ci mette solo pochi minuti. Quello che possiamo ottenere in cambio è molto più grande dello sforzo dedicato.

Infine, poiché abbiamo il sito Web in spagnolo e inglese, facciamo lo stesso con la pagina in spagnolo. Puoi vedere le modifiche per la variante della pagina spagnola nel seguente confronto:

Una volta che abbiamo tutto pronto, non ci resta che avviare i due test di pagina, uno per ogni lingua, e attendere che arrivino i risultati. Ricorda che Nelio A/B Testing è responsabile della suddivisione del traffico tra le diverse varianti in prova e del conteggio delle visite e delle conversioni. Non devi fare nient'altro... aspetta e basta.

Analizzare i risultati: i nostri cambiamenti hanno funzionato meglio?

Iniziamo con i risultati per il test della pagina in inglese. Puoi vedere tutti i dettagli nel seguente screenshot:

Questo test è durato 26 giorni e sono stati analizzati quasi 1000 visitatori in totale. Come puoi vedere, in questo momento il test è stato in grado di identificare che la versione B è la vincitrice.

Come già sapevamo, la versione originale ha un tasso di conversione che in questo caso è del 54%. Questo corrisponde ai dati dello strumento di analisi web che ho menzionato prima. La variante ha invece raggiunto un tasso di conversione superiore al 60%, che rappresenta un miglioramento del 12,3%.

Il dato è statisticamente significativo, con un valore di confidenza superiore al 95%. Pertanto, possiamo confermare che la variante con la nuova copia che utilizza l'intera prima piega della pagina è migliore di quella che avevamo finora. La nostra ipotesi era giusta. Dobbiamo essere felici, allora.

Come applicare la variante vincente

Una volta che sappiamo che abbiamo una versione alternativa della nostra pagina che è migliore di quella attuale, dobbiamo fare in modo che questa variante diventi quella che tutti i visitatori vedono. Per fare ciò dobbiamo prima interrompere il test. Quindi, andiamo alla sezione in cui abbiamo i risultati della variante e premiamo il pulsante per applicarla.

Quello che fa è sostituire la pagina che avevamo con la variante che abbiamo trovato che funziona meglio. È così facile, con un solo clic. E nel caso ne avessi bisogno, puoi sempre riapplicare la versione originale e tornare allo stato precedente.

Che dire del test per la pagina in spagnolo?

Bene, hai i risultati qui sotto:

Dopo 26 giorni, il test non è giunto ad alcuna conclusione a causa del basso traffico della pagina in test. Il numero di visitatori è così basso che testare questa pagina non aveva senso. Pertanto, l'unica conclusione che possiamo trarre da qui è che il nostro pubblico in spagnolo non ha molto interesse a fare test A/B.

Questo è interessante, perché dimostra che sullo stesso sito web possiamo avere un pubblico molto diverso. In questo caso, il fatto differenziante non è solo la lingua, ma il fatto che nei paesi anglofoni questo tipo di tecniche di ottimizzazione della conversione sono più diffuse e mature che nelle aree di lingua spagnola.

Quindi il nostro compito qui è continuare a spiegare i vantaggi dei test A/B al nostro pubblico spagnolo. In questo modo, speriamo di ottenere più traffico e interesse sull'argomento.

Questo è tutto per questo mese. Non dimenticare di visitare regolarmente il nostro sito per conoscere i test che analizzeremo nei prossimi mesi.

Immagine in primo piano di Matthew T Rader su Unsplash.