Come costruire la home page perfetta con gli ultimi componenti aggiuntivi per Gutenberg? [7 passaggi]

Pubblicato: 2021-10-08

La homepage è, per la maggior parte dei siti, la pagina più importante.

Spesso è quello che riceve la maggior parte del tuo traffico. Ma, sfortunatamente, la maggior parte delle home page non è ottimizzata a causa della mancanza di contenuti o di uno scarso copywriting.

Ma non preoccuparti, oggi Vlad, un consulente di web marketing (visita il sito), spiega in dettaglio come costruire la homepage perfetta con Ultimate Addons per Gutenberg.

Quindi, se vuoi aumentare il traffico e le conversioni, questo articolo fa per te.

Iniziamo.

Sommario
  1. Passaggio 1: inizia con una promessa potente
  2. Passaggio 2: mostra immediatamente la tua prova sociale
  3. Passaggio 3: descrivi brevemente la tua offerta
  4. Passaggio 4: utilizzare la combinazione problema/soluzione
  5. Passaggio 5: descrivi come funziona la tua offerta
  6. Passaggio 6: presenta te stesso o il tuo team
  7. Passaggio 7: inserisci una FAQ
  8. Bonus: SEO per la tua home page
  9. Conclusione: ora tocca a te

Passaggio 1: inizia con una promessa potente

Assicurati che il tuo titolo sia cristallino

Il titolo è la prima cosa che vede il tuo visitatore . In una frase, devi spiegare chiaramente cosa stai offrendo.

Ecco alcuni suggerimenti per scrivere un ottimo titolo:

  • Dai un nome ai tuoi clienti – Ad esempio: “ Docenti: qui i migliori strumenti per organizzare la tua giornata
  • Parla del problema del tuo cliente – Ad esempio: “Hai bisogno di un sito web super veloce? Amerai il nostro plugin”
  • Se necessario, usa parole potenti: potente, migliore, nuovo, sorprendente, unico, veloce, definitivo...
  • Usa la tua parola chiave principale nel titolo
  • Inserisci questo titolo in un tag H1
  • Sii conciso: da 10 a 15 parole

Nell'esempio seguente, lo slogan di Vlad è il seguente:

"Ciao, sono Vlad, un consulente di web marketing che vuole cose buone per la tua attività."

Sito web di Vlad

SUGGERIMENTO PRO:

Umanizza il tuo sito web con una bella foto di te o del tuo team. Questa immagine aiuterà a migliorare la fiducia.

Blocchi UAG da utilizzare: Sezione + Intestazione avanzata

Sito web di Vlad che utilizza l'editor di gutenberg

Usa il video se puoi

Secondo Unbounce, includere un video nella pagina di destinazione può aumentare il tasso di conversione fino all'80%.

Il video è molto efficace nel mostrare direttamente i vantaggi della tua offerta. Ricorda il detto " Mostra, non dire ".

Ecco un esempio: Yellow Leaf Hammocks è un marchio che vende amache realizzate da artigiani locali in Thailandia che guadagnano un reddito stabile.

Esempio di sito Web foglia gialla

La homepage fa un uso perfetto del video per mostrare che l'amaca è l'ideale per rilassarsi. È attraente.

Ecco i diversi tipi di video che puoi visualizzare:

  • Come è fatto il tuo prodotto
  • Come vengono utilizzati i tuoi prodotti nella vita di tutti i giorni
  • Video incentrato sui valori del tuo marchio

Hai bisogno di ispirazione?

Puoi trovare molti esempi di video per la tua home page qui.

Passaggio 2: mostra immediatamente la tua prova sociale

Il tasso medio di conversione del sito web è del 2,35% (Fonte: Wordstream).

Questo basso tasso potrebbe essere spiegato dal fatto che la maggior parte dei visitatori della tua home page scopre il tuo sito web per la prima volta.

È quindi essenziale rassicurarli fin dall'inizio della loro visita.

Ricorda: la fiducia è l'elemento chiave per aumentare le tue conversioni.

La prova sociale può assumere diverse forme:

  • Figure chiave
Aggiungi una prova sociale
  • Loghi di clienti prestigiosi
aggiungi il logo dei clienti prestigiosi
  • Recensioni dei clienti
aggiungi le recensioni dei clienti
  • Raccomandazioni da influencer nel tuo settore
Aggiungi la recensione degli influencer

Ricorda, i best seller sono i tuoi clienti .

Conosciamo tutti l'esempio del ristorante.

Un locale affollato attira naturalmente i clienti mentre uno vuoto no.

Su Amazon, le recensioni dei clienti sono un fattore di acquisto molto importante. Infatti il ​​79% dei consumatori è influenzato dai prodotti con le migliori valutazioni e recensioni (Fonte). Siamo naturalmente attratti dai prodotti con 5 stelle.

Quindi assicurati di ottenere il massimo delle recensioni dei clienti e pianifica una pagina dedicata sul tuo sito come nell'esempio seguente:

Esempio di recensione del cliente

SUGGERIMENTO PRO:

Se scegli le recensioni dei clienti, includi le foto per rendere le tue testimonianze ancora più autentiche.

Esempio di testimonianza

Blocco UAG da usare: Testimonianza

Blocco testimonianza UAG

Come posso ottenere la prova sociale se non ho o ho pochi clienti?

In questa situazione, ti consigliamo di far provare alle persone il tuo prodotto o servizio anche gratuitamente per ottenere alcune recensioni.

Passaggio 3: descrivi brevemente la tua offerta

Ricordati di suddividere la tua offerta in blocchi distinti .

Assicurati che anche il tuo titolo sia chiaro. Vlad, ad esempio, ha il seguente titolo per descrivere la sua offerta: “Competenze: specialista piuttosto che generalista

Descrivi i tuoi servizi

Dal punto di vista SEO, questo è il modo giusto per collegarsi alle tue pagine più importanti.

SUGGERIMENTO PRO:

Aggiungi pittogrammi SVG per illustrare la tua offerta.

Blocco UAG da utilizzare: colonne avanzate e invito all'azione

Colonne avanzate UAG e call to action

Per un sito e-commerce, puoi inserire un link alle categorie principali. Assicurati di utilizzare elementi visivi accattivanti come casper.com :

sito web casper

Passaggio 4: utilizzare la combinazione problema/soluzione

Ecco un consiglio per il copywriting: descrivi il problema del tuo cliente target e segui la tua soluzione . Questo consiglio è molto efficace nel convertire un potenziale cliente.

Asphalte.com, un marchio francese di abbigliamento online, utilizza questa tecnica per tutti i prodotti che offre.

Ecco un esempio con i jeans.

Il marchio descrive brevemente i problemi generali con i jeans:

Esempio di sito web in asfalto

E poi presenta il loro jeans perfetto con le diverse caratteristiche:

Esempio di sito Web di asfalto 2

Sul sito web di Vlad, descrive i 3 problemi principali nella scelta di un libero professionista:

  • Fidarsi di qualcuno che non conosci
  • Mancanza di comunicazione
  • Scadenze non rispettate
Esempio di sito web Vlad

E dettaglia la sua soluzione sotto forma di chiari vantaggi:

  • Paghi solo se sei soddisfatto
  • Una disponibilità precisa solo per te
  • Partner piuttosto che libero professionista
Esempio di sito web Vlad 2

Sentiti libero di illustrare con pittogrammi, è più piacevole da leggere.

Blocco UAG da utilizzare: colonne avanzate

Blocco colonne avanzato UAG

Passaggio 5: descrivi come funziona la tua offerta

È tempo di spiegare passo dopo passo come funziona la tua offerta. Sii il più diretto possibile.

ManyPixels, un servizio di progettazione grafica su richiesta, fa un ottimo lavoro nello spiegare come funziona il servizio.

Quando si fa clic su un passaggio, i dettagli vengono visualizzati di seguito. Molto carino!

Esempio di sito Web Manypixels

Sul sito Web di Vlad, il servizio è descritto in 3 passaggi:

  • Passaggio 1: compili un modulo rapido
  • Fase 2: consulenza telefonica di 30 minuti – Nessun impegno
  • Passaggio 3: piano d'azione
Esempio di contenuto della sequenza temporale Manypixels

SUGGERIMENTO PRO:

Inserisci un potente CTA come "Diamo una spinta al tuo business "

Blocco UAG da utilizzare : contenuto della sequenza temporale

Esempio di contenuto della sequenza temporale UAG

Passaggio 6: presenta te stesso o il tuo team

Descrivi rapidamente il motivo di ciò che fai . È essenziale mostrare la tua passione ed entusiasmo per far lavorare le persone con te o utilizzare il tuo prodotto/servizio.

Considera di includere un link alla tua pagina "Informazioni" a questo punto.

Se fai parte della narrativa della tua organizzazione, parlane un po' alle persone come teaser, incoraggiandole a saperne di più.

Ancora una volta, il video è ottimo per umanizzare il tuo marchio e creare fiducia.

Founders Brewing Co. ha un fantastico video "su di noi".

Passaggio 7: inserisci una FAQ

Le FAQ sono un ottimo modo per aggiungere contenuti alla tua home page e quindi migliorare la tua SEO . È anche un'eccellente opportunità per rispondere alle domande comuni degli utenti prima, durante e dopo la conversione.

Come trovare le tue domande?

Puoi chiedere ai tuoi attuali clienti inviando un modulo Google via email.

Puoi utilizzare la sezione " Anche le persone chiedono " di Google per trovare le domande più poste.

Anche le persone di Google chiedono un esempio

Oppure Quora:

Sito web di Quora

O la sezione delle domande di Amazon. Ecco un esempio per un'amaca:

Domande e risposte Amazon

Costruisci una struttura di navigazione perfetta

Se hai molte domande a cui rispondere, è molto interessante per il tuo SEO creare una pagina per ogni domanda .

Inizia creando una pagina pilastro in cui raggrupperai tutte le tue domande per categoria. Ogni domanda rimanda ad una pagina dedicata dove risponderai in dettaglio.

Mint, un'app per gestire i tuoi soldi usa questa strategia:

Esempio di domande frequenti sulla menta

Controlla regolarmente le analisi

È fondamentale controllare la tua soluzione di analisi per assicurarti che le tue FAQ rispondano alle richieste dei tuoi consumatori.

Inoltre, guarda altri indicatori come il tempo trascorso sulla pagina, il percorso che stanno prendendo dopo aver guardato la pagina delle domande frequenti.

Con queste informazioni puoi rielaborare le tue FAQ.

Schema delle domande frequenti UAG

Blocco dello schema delle domande frequenti

Sai cosa c'è di bello nel nostro blocco schema FAQ? Ti consente di aggiungere facilmente domande e utilizza automaticamente i dati strutturati corretti .

SUGGERIMENTO PRO:

Per migliorare la tua SEO, scegli il tag H2 o H3 per le tue domande.

Per saperne di più, leggi il nostro articolo sullo Schema delle FAQ.

Bonus: SEO per la tua home page

La tua home page e il tuo sito web nel loro insieme devono soddisfare requisiti tecnici specifici per avere un buon posizionamento in Google.

Ecco una lista di controllo per ottenere un buon SEO sulla pagina:

Scrivi il miglior tag del titolo e la meta descrizione che puoi

Prestare attenzione al titolo e alla meta descrizione è fondamentale, perché è la tua unica possibilità per incoraggiare gli utenti a visitare il tuo sito Web dai risultati di Google.

Con l'implementazione di Google Rank Brain, il CTR (click-through rate) è un criterio essenziale per classificare i risultati.

Se molte persone fanno clic sul tuo articolo, Google lo considera un ottimo segnale.

La differenza di CTR tra 2 titoli può essere significativa. Cambiare alcune parole può avere un impatto reale.

Guarda ad esempio queste 2 versioni:

  • Versione 1:
Titolo della pagina Web e meta descrizione
  • Versione 2:
Titolo della pagina Web e meta descrizione 2

Cambia tutto, non credi?

Ecco alcuni suggerimenti per ottenere il titolo e la meta descrizione corretti:

  • Inserisci la tua parola chiave principale nel tag Titolo e nella meta descrizione
  • Descrivi con precisione il contenuto della tua pagina
  • Usa i verbi d'azione: "Scopri", "Divertiti", "Ecco il"...
  • Evidenzia i tuoi vantaggi: "Spedizione gratuita", "Pagamento semplice"...
  • Sii conciso: circa 60 caratteri per il tuo titolo e 200 caratteri per la tua meta descrizione
  • Rispetta se possibile la regola delle 4 U: Unica, Ultraspecifica, Utile, Urgente

SEO per immagini

Ecco alcuni suggerimenti per la SEO delle tue immagini:

  • Nome file descrittivo
  • Presenza di un tag alternativo
  • Inserisci la semantica appropriata prima e dopo l'immagine
SEO per immagini

Inserisci da 3 a 5 collegamenti interni

È essenziale collegare insieme i tuoi contenuti. La tua home page è spesso la pagina più potente del tuo sito .

Approfittane per inviare “SEO juice” alle pagine più importanti.

Ad esempio, per un sito di eCommerce, puoi evidenziare le categorie popolari. Questo è quello che fa Zappos, ad esempio:

Esempio di sito web Zappos

Ottieni un eccellente punteggio semantico

Se i giorni del "keyword stuffing" sono finiti, l'ottimizzazione semantica è ancora d'obbligo. Google comprende il contenuto come mai prima d'ora e il contenuto lungo con parole chiave semanticamente correlate è un fattore chiave per il posizionamento .

Pertanto, è necessario scrivere abbastanza contenuti per la tua home page.

La buona notizia è che esistono molti strumenti per semplificare questo compito.

Ad esempio, puoi utilizzare lo strumento Semrush "SEO content template":

Semrush

Digita la tua parola chiave e lo strumento analizzerà i primi risultati di ricerca dei competitor per fornirti tanti consigli:

Informazioni su Semrush

L'elenco delle parole semanticamente correlate è molto utile. Non esitate a integrarli nel vostro testo.

Hai anche indicazioni sulla lunghezza del contenuto a cui dovresti mirare.

Ottimizza il tuo testo con WordPress

Se utilizzi WordPress per il tuo sito web, puoi installare un plugin SEO per aiutarti con l'ottimizzazione semantica.

Puoi utilizzare Yoast SEO :

Suggerimenti per il miglioramento dei contenuti di Yoast SEO

O classifica :

Classifica i suggerimenti per il miglioramento dei contenuti matematici

Struttura il tuo tag Hn

I tag Hn sono usati come “riepilogo” dai motori di ricerca. In pratica, questi tag sono i titoli e i sottotitoli dei tuoi contenuti.

Per la tua codifica Hn, inserisci:

  • Un singolo H1 sulla tua home page
  • Diversi H2 e H3 che si susseguono in una gerarchia logica

SUGGERIMENTO PRO:

ottieni la struttura Hn dei tuoi concorrenti con l'estensione Chrome SEO META 1 click.

Estensione SEO Meta Chrome

Ottimizza la velocità della tua home page e del tuo sito

La velocità di caricamento è un criterio sempre più importante sia per gli utenti di Internet che per i motori di ricerca .

Google ha recentemente implementato il suo aggiornamento "Google Page Experience" che tiene conto del tempo di caricamento. È quindi fondamentale offrire un sito web veloce ai propri utenti.

Ecco alcune azioni che puoi intraprendere:

  • Usa un tema WordPress leggero come Astra
  • Comprimi le tue immagini
  • Usa il formato webp o svg ove possibile
  • Crea una CDN
  • Ospita il tuo sito su un server veloce

Puoi anche leggere il nostro articolo "Esperienza pagine Gutenberg più veloci con codice ottimizzato".

I migliori plugin per WordPress per la velocità

I seguenti plugin hanno molte funzioni per migliorare la velocità del tuo sito web.

WP Rocket:

Plugin di memorizzazione nella cache per WordPress WP Rocket

Nitropack:

Ottimizzazione delle prestazioni di NitroPack

Conclusione: ora tocca a te

Ci auguriamo che questi suggerimenti ed esempi ti aiutino a creare un'ottima home page!

La struttura che abbiamo visto è chiara e convincente, ma ricorda che la chiave è conoscere le esigenze dei tuoi clienti per proporre contenuti che convertano.

Assicurati anche di offrire una semplice soluzione di contatto come un chatbot. Questo è molto importante per generare fiducia.

Tecnicamente, non è mai stato così facile creare un sito. Come abbiamo visto, puoi creare rapidamente la tua home page con gli Ultimate Addons gratuiti per Gutenberg.

Ora dicci, cosa proverai prima?

Integrare più prove sociali?

Utilizzare la combinazione di soluzione del problema?

Inserire una FAQ?

Non dimenticare di condividere la tua opinione nei commenti qui sotto!