I migliori moduli Drupal 8 (e 9) per la navigazione intuitiva del sito web

Qual è la salsa segreta per un sito web di successo? Bene, ci sono più di 10 fattori a cui posso pensare subito. Come un design accattivante, velocità di caricamento della pagina, qualità dei contenuti, sforzi di marketing e altro ancora. Un elemento significativo ma spesso trascurato per un'ottima esperienza utente che guida un sito Web di successo è una navigazione intuitiva. Drupal 8 ha un ottimo set di moduli per migliorare la struttura di navigazione del tuo sito web. Abbiamo curato un elenco dei migliori moduli Drupal 8 (e 9) che consentono una navigazione del sito Web facile e intuitiva. Continuate a leggere per scoprirlo.

Una buona navigazione del sito Web consente ai visitatori del sito di sapere esattamente da dove ottenere le informazioni non appena arrivano sul tuo sito web. Al contrario, una cattiva navigazione del sito Web danneggia il tasso di conversioni e aumenta le frequenze di rimbalzo. Un sito web dal design accattivante non sempre significa che la navigazione sia intuitiva. Ho visto siti web con design ordinario con ottime strutture di navigazione. E continuo a tornare da loro perché so di poter ottenere ciò di cui ho bisogno senza correre dappertutto. Secondo CrazyEgg, la regola empirica è che non dovrebbero essere necessari più di 3 clic affinché il tuo utente trovi ciò di cui ha bisogno.

Elementi per una navigazione intuitiva nel sito

I visitatori del tuo sito web dovrebbero essere in grado di navigare da una pagina all'altra senza problemi senza distrarsi o confondersi. Gli utenti distratti o confusi lasceranno il tuo sito web prima che tu stabilisca una connessione con loro. Avere un ottimo design è positivo, ma se i tuoi visitatori non sono in grado di trovare il tuo modulo di contatto, non ha senso, vero? Quindi, cosa compensa una buona struttura di navigazione?

1. Barre di navigazione principali

Questo è l'elemento di navigazione più cruciale di un sito web. È una barra orizzontale (a volte verticale) che elenca i collegamenti per indirizzare i visitatori intorno al tuo sito web. Una buona barra di navigazione principale deve essere semplice, breve, coerente, utile e accattivante.

2. Pangrattato

Questi utili strumenti di navigazione aiutano i visitatori del sito a identificare dove si trovano esattamente. Sono una sequenza di collegamenti che inizia dalla pagina principale e termina con la pagina corrente, solitamente separati da un simbolo ">" o "/".

3. Menu a più colonne (e sottomenu)

Un sito Web più complesso con tonnellate di rami e rami secondari dovrebbe utilizzare menu a più colonne. Ancora una volta, questi menu dovrebbero essere semplici e facili da navigare.

4. Mappe del sito

Spesso considerate solo un potenziamento SEO, le Sitemap sono estremamente utili anche come aiuto alla navigazione. Una tipica Sitemap dovrebbe visualizzare una struttura gerarchica dell'intero sito web.

5. Pulsanti CTA (chiamata all'azione)

È qui che si svolge tutta l'azione! Il corretto posizionamento di questi pulsanti CTA svolge un ruolo importante tra gli altri come colore, stile del carattere, dimensione, testo, ecc.

6. Barre laterali

Questo è un buon posto per aggiungere collegamenti specifici della pagina per migliorare l'esperienza utente per i visitatori del tuo sito. Le buone barre laterali dovrebbero essere semplici, non troppo lunghe, contenere un CTA ed essere ordinate in modo appropriato.

7. Collegamenti ipertestuali

Qui stiamo parlando più di collegamenti interni che esterni. Un collegamento ipertestuale dovrebbe essere intuitivo e condurre il visitatore alla pagina che si aspetta (nessuna sorpresa per favore). Sebbene avere collegamenti interni sia un bene per la SEO, non esagerare o potresti rischiare di perdere l'attenzione sulla pagina.

8. Piè di pagina

I piè di pagina sono facili da ignorare e vengono spesso utilizzati solo per visualizzare solo i dettagli del copyright. Il mito secondo cui le persone non scorrono fino alla fine di una pagina è ora sfatato. Un tipico piè di pagina dovrebbe contenere collegamenti che non puoi visualizzare nelle sezioni dell'intestazione o della barra laterale. Potrebbe anche avere i tuoi dettagli di contatto e i mini moduli di iscrizione alla mailing list.

I migliori moduli Drupal 8 (e 9) per una navigazione intuitiva

1. Blocco menu

Il design del modulo Drupal 8 Menu Block segue lo stile di navigazione ad albero standard di Drupal ma fornisce funzionalità più avanzate rispetto a quelle offerte nei moduli Menu principali. È possibile configurare facilmente blocchi di collegamenti di menu e specificare il livello con cui si desidera iniziare e terminare. Non c'è limite al numero di livelli che puoi visualizzare. Puoi scegliere di mantenere espansi gli elementi del menu figlio. Alcune funzionalità di base di questo modulo sono portate su Drupal 8 core. Il modulo Blocco menu supporta anche Drupal 9.

2. Pangrattato facile

Il modulo Drupal 8 Easy Breadcrumb funziona estraendo segmenti di posizione dall'URL corrente della pagina web. Offre tantissime opzioni configurabili e può sostituire il modulo breadcrumb di Drupal esistente. Puoi scegliere di nascondere completamente il collegamento alla home page o qualsiasi altro collegamento specificato. Il modulo Easy breadcrumb supporta anche Drupal 9!

3. Superpesce

Il modulo Drupal 8 Superfish è l'ideale quando si dispone di menu a discesa a più colonne e a più livelli. Il modulo si integra con il plug-in jQuery Superfish che è un plug-in di menu altamente versatile che funziona per touchscreen, lettori di schermo e altre interazioni con la tastiera. Può essere configurato per aggiungere ritardi all'uscita del mouse, animazioni, nascondere e rivelare collegamenti ai menu, aggiungere frecce se vengono rilevati sottomenu e molto altro. È anche compatibile con Drupal 9.

4. Mappa del sito

Il modulo Drupal 8 Sitemap è semplice, pulito e facile da usare. Può visualizzare l'intera struttura del sito in una struttura gerarchica pulita. Puoi anche scegliere di generare e visualizzare feed RSS per blog e categorie. Il modulo Sitemap supporta Drupal 9.

5. Accesso al ruolo della voce di menu

Questo modulo ti consente di aggiungere il controllo degli accessi ai tuoi menu. È possibile abilitare e disabilitare le voci di menu a seconda dei ruoli dell'utente. Il modulo di accesso al ruolo delle voci di menu di Drupal 8 ti consente di inserire il campo del ruolo (opzionale) per le voci di menu. Supporta anche Drupal 9.

6. Menu Cheeseburger

Se pensavi che i menu di hamburger fossero fantastici, aspetta di dare un'occhiata al menu di Cheeseburger. Il modulo menu Drupal 8 Cheeseburger è dotato di alcune fantastiche funzionalità e non si limita solo alla visualizzazione mobile, ma funziona anche con visualizzazioni desktop e varie dimensioni dello schermo. Ti dà la flessibilità di scegliere le voci di menu che vuoi che appaiano nel menu Cheeseburger e anche di modificare i titoli del menu. Se stai utilizzando Drupal Commerce, puoi scegliere di visualizzare il carrello o il numero di telefono del negozio nel menu. Le tassonomie possono essere scelte come struttura per il tuo menu di Cheeseburger. Il modulo menu Cheeseburger supporta anche Drupal 9!

7. Menu Semplifica

Il modulo Drupal 8 Simplify Menu ti consente di eseguire il rendering dei menu nel tuo modello Twig. Consente la personalizzazione del markup del menu che consente l'accessibilità e la compatibilità con gli standard. Puoi eseguire il rendering dell'albero del menu come un array nel modello ramoscello e avere il pieno controllo sull'array del menu. Questo modulo non supporta ancora Drupal 9.

8. Cruscotto di amministrazione del controllo totale

La dashboard di amministrazione di Drupal 8 Total Control è un utile strumento di navigazione amministrativa. Funge da hub centralizzato per tutti gli strumenti di amministrazione. La dashboard mostra riquadri di amministrazione e collegamenti rapidi a utenti, tassonomie, menu, tipi di contenuto, statistiche del sito, riquadri del pannello di visualizzazione e altro ancora. I riquadri del pannello delle viste possono essere ulteriormente personalizzati. Questo modulo funziona anche con Drupal 9.

9. Footermap: una mappa del sito a piè di pagina

Come suggerisce il nome, il modulo Drupal 8 Footermap fornisce una mappa del sito per il tuo sito web Drupal che può essere posizionata nel blocco piè di pagina. Consente la generazione dinamica di una mappa del sito e può essere facilmente configurato per supportare la traduzione e la memorizzazione nella cache. Puoi scegliere i menu da visualizzare, impostare il limite del livello di menu (menu figlio), abilitare l'intestazione del menu, modificare il CSS in modo che corrisponda al layout del tuo sito e molto altro. Il modulo Footermap funziona anche con Drupal 9.