In che modo Divi può aiutarti a guidare i visitatori attraverso lunghe pagine Web

Non è un segreto che la creazione di ottimi contenuti di lunga durata contribuisca a un migliore posizionamento nei motori di ricerca. Tuttavia, questa strategia può facilmente ritorcersi contro se il materiale è difficile da consumare o navigare, creando così un'esperienza utente scadente. È qui che entra in gioco la navigazione in-page. Per fortuna, Divi è dotato di una serie di funzioni e moduli nativi per aiutarti a guidare i tuoi lettori attraverso tali contenuti.

In questo articolo, spiegheremo prima perché dovresti prendere in considerazione l'utilizzo della navigazione in-page, quindi ti mostreremo tre modi in cui puoi implementarlo utilizzando Divi. Iniziamo!

Perché dovresti considerare l'utilizzo della navigazione in-page

Le schede superiori sono un esempio di navigazione nella pagina. Ogni scheda rappresenta un collegamento a una particolare sezione della pagina.

La navigazione in-page è essenziale in due scenari principali: contenuti di lunga durata in generale e siti Web di una pagina in particolare. Poiché il panorama si è spostato verso contenuti di lunga durata negli ultimi anni, la corretta strutturazione e organizzazione di tali contenuti è diventata più importante che mai. I tempi di attenzione stanno diminuendo e se le persone devono arrancare tra troppe informazioni per ottenere ciò che stanno cercando, è probabile che le perderai.

La navigazione in-page ti consente di presentare i tuoi contenuti in un modo molto più digeribile, aumentando la probabilità che i tuoi visitatori restino in giro per esplorare più dei tuoi contenuti. Ciò può aiutare a migliorare l'esperienza utente complessiva, ridurre le frequenze di rimbalzo e, si spera, portare a un aumento del numero di conversioni.

3 modi per offrire la navigazione in-page utilizzando Divi

Un popolare metodo di navigazione in-page (di cui abbiamo parlato ampiamente in un post precedente) consiste nell'utilizzare collegamenti ipertestuali di testo di ancoraggio che collegano a elementi interni sulla stessa pagina. Tuttavia, Divi offre molti altri modi eccellenti per guidare i tuoi utenti attraverso i tuoi contenuti di lunga durata. Ti presenteremo tre di queste opzioni e ti mostreremo come implementarle.

1. Abilita la navigazione a punti

Come puoi vedere dall'immagine di esempio sopra, una volta abilitata, la funzione di navigazione del punto appare sotto forma di un menu punteggiato sul lato della tua pagina. Ogni punto rappresenta una sezione su quella pagina specifica, il che significa che il tuo visitatore è costantemente consapevole del punto in cui si trova. Inoltre, è un gioco da ragazzi saltare a qualsiasi sezione facendo clic sul punto corrispondente, eliminando la necessità di scorrere un sacco di contenuti.

Puoi facilmente abilitare la navigazione dei punti all'interno di qualsiasi articolo o pagina. Innanzitutto, assicurati di utilizzare Divi Builder e, in caso contrario, abilitalo facendo clic sul pulsante viola Usa Divi Builder .

Nell'angolo in alto a destra, sotto Divi Post Settings ( o Divi Page Settings se ti trovi in ​​una pagina ) , apri il menu a discesa Dot Navigation e scegli On .

Sei pronto! La navigazione a punti dovrebbe ora apparire sul tuo post quando lo visualizzi in anteprima. Man mano che aggiungi più sezioni, i punti corrispondenti verranno aggiunti automaticamente al menu.

Dopo aver abilitato la navigazione a punti, potresti voler dare un'occhiata a questo video con suggerimenti per lo stile del tuo menu.

2. Separare il contenuto utilizzando il modulo Schede

L'utilizzo delle schede può essere un ottimo modo per separare parti di contenuto e puoi crearle utilizzando il modulo Divi Tabs. Solo il contenuto in una scheda attiva (la scheda su cui hanno appena fatto clic) sarà visibile ai tuoi visitatori. Ciò riduce al minimo la possibilità che i visitatori siano sopraffatti dalla quantità di materiale e consente loro di esplorarlo al proprio ritmo facendo clic su ciascuna scheda e consumandone il contenuto separatamente.

Un esempio di buon uso delle schede è quando si desidera visualizzare servizi diversi sulla stessa pagina. Ad esempio, se sei un'agenzia digitale che offre servizi di web design, marketing digitale e branding, puoi creare una scheda per ciascuno. Ciò elimina la necessità per l'utente di scorrere verso il basso fino al servizio pertinente, offrendo un'esperienza complessiva migliore.

Per inserire un modulo Schede, in Divi Builder, seleziona Inserisci colonne e scegli quante colonne desideri aggiungere. (Si noti che è necessario solo un modulo Schede per creare una serie di schede affiancate.)

Ora fai clic su Inserisci modulo/i e scegli Schede .

Arriverai alla schermata delle impostazioni del modulo, dove puoi fare clic su Aggiungi nuova scheda .

Questo ti porterà alla schermata delle impostazioni delle singole schede. Qui dovresti inserire il titolo e il contenuto, quindi fare clic su Salva .

Hai finito di creare la tua prima scheda. Puoi ripetere questo processo finché non hai aggiunto tutte le schede richieste e il loro contenuto.

3. Inserisci fisarmoniche o interruttori

Le fisarmoniche sono molto simili alle schede, con la differenza principale che il contenuto viene visualizzato in un elenco verticale. Ogni volta che fai clic su un elemento a fisarmonica, qualsiasi altro elemento espanso si comprime e viene visualizzato il contenuto dell'elemento cliccato.

Anche i toggle sono di natura simile, tranne per il fatto che facendo clic su un elemento toggle non si comprimeranno gli altri. Invece, il contenuto di tutti i toggle selezionati verrà visualizzato contemporaneamente.

Un luogo popolare per utilizzare questi elementi è nelle pagine delle domande frequenti. Sono convenienti perché le persone possono visualizzare tutte le domande contemporaneamente ed espandere solo le risposte rilevanti per loro. Sia le fisarmoniche che i toggle possono essere facilmente aggiunti in Divi utilizzando rispettivamente il modulo Accordion e il modulo Toggle.

L'inserimento di una fisarmonica in Divi è simile all'aggiunta di schede, poiché è possibile aggiungere più elementi in ciascun modulo. Segui i passaggi per l'inserimento di un modulo sopra, tranne che questa volta, seleziona Accordion invece di Tabs .

Nella schermata delle impostazioni risultante, fai clic su Aggiungi nuovo elemento .

Nella schermata seguente, inserisci il titolo e il contenuto e premi Salva . Puoi quindi ripetere questa operazione per ogni elemento della tua fisarmonica.

Anche la creazione di una serie di toggle in Divi è simile all'aggiunta di schede, ma la differenza principale qui è che creerai un nuovo modulo Toggle per ogni riga di contenuto. Per inserire il primo interruttore, dopo aver fatto clic su Inserisci modulo/i , selezionare Attiva/disattiva .

Ora ti verrà presentata la schermata delle impostazioni del modulo in cui puoi aggiungere il titolo, scegliere uno stato predefinito (se l'interruttore deve essere aperto o chiuso per impostazione predefinita quando il visitatore atterra per la prima volta sulla tua pagina) e inserisci il tuo contenuto. Al termine, fai clic su Salva ed esci .

Per aggiungere il modulo successivo, fai clic su Inserisci modulo/i sotto il primo, quindi seleziona nuovamente Attiva/disattiva e inserisci i dettagli appropriati. Continua ad aggiungere moduli fino al completamento del set di interruttori.

Conclusione

La ricerca e la scrittura di contenuti di lunga durata che forniscono valore al tuo lettore è spesso un'attività che richiede molte risorse. Di conseguenza, è molto frustrante fare tutto questo sforzo solo per vedere i tuoi contenuti abbandonati a metà a causa della scarsa struttura e usabilità.

In questo articolo, abbiamo spiegato perché potresti prendere in considerazione la navigazione in-page per i tuoi contenuti e abbiamo offerto tre diversi modi per affrontarlo utilizzando Divi. Ricapitoliamo rapidamente questi metodi:

1. Abilita la navigazione a punti sui tuoi post e sulle tue pagine.
2. Separare il contenuto utilizzando il modulo Schede.
3. Inserisci fisarmoniche o interruttori utilizzando il modulo Accordion o il modulo Toggle.

Hai qualche consiglio per guidare i visitatori attraverso lunghe pagine web? Condividili con noi nella sezione commenti qui sotto!

Immagine in miniatura dell'articolo di Graphic farm / shutterstock.com