Una navigazione chiara è uno degli elementi più importanti di un sito web WordPress. Tramite il menu principale, i visitatori trovano le tue pagine, i tuoi servizi, prodotti o articoli più importanti e possono orientarsi rapidamente sul tuo sito.
In WordPress puoi creare i menu autonomamente, aggiungere pagine, modificarne l'ordine, creare sottomenu e rimuovere singoli elementi. Tuttavia, l'aspetto della gestione dei menu dipende dal tema utilizzato Tema WordPress ab.
Nei temi classici la gestione avviene solitamente tramite Design → Menù. I moderni block-theme utilizzano invece il Editor di siti web e il blocco di navigazione. Per questo motivo in questa guida ti mostriamo entrambe le varianti.
Breve spiegazione: Se usi un tema WordPress classico, di solito trovi la navigazione sotto Design → Menù. Nel caso di un tema a blocchi moderno, apri Design → Editor e lì modifichi la navigazione del tuo sito web.
Cos'è un menu di WordPress? #
Un menu WordPress è una raccolta strutturata di link che consente ai visitatori di accedere a diverse aree del tuo sito web.
Un tipico menu principale del sito web di un'azienda potrebbe essere strutturato così, ad esempio:
- Pagina iniziale
- Chi siamo
- Servizi
- Referenze
- Blog
- Contatto
Nelle siti web più grandi, i singoli elementi del menu possono a loro volta contenere sottovoci.
Sotto Servizi potrebbero comparire ad esempio le seguenti voci:
- Web design
- Hosting web
- WordPress
- SEO
In questo modo si crea una navigazione gerarchica che consente ai visitatori di esplorare in modo chiaro anche siti web più estesi.
Quali contenuti possono essere utilizzati in un menu di WordPress? #
Un menu di WordPress non deve necessariamente consistere esclusivamente di pagine. A seconda dell'installazione e dei plugin utilizzati, è possibile integrare diversi contenuti.
A ciò appartengono, ad esempio:
- Pagine
- Contributi
- Categorie
- link individuali
- Categorie di prodotti WooCommerce
- Prodotti
- altri Custom Post Types
Le opzioni visualizzate dipendono dalla tua installazione di WordPress.
Dove posso trovare la gestione dei menu in WordPress? #
Qui c'è una differenza importante tra i temi WordPress classici e i moderni temi a blocchi.
Durante un tema classico trovi di solito:
Design → Menù
Durante un Tema a blocchi questo elemento di menu potrebbe non esistere. Invece, la navigazione avviene tramite:
Design → Editor
gestito.
Se non sai quale tema è attivo sul tuo sito web, di solito puoi verificarlo in Design → Temi verificare.
Ti spiegheremo come effettuare l'accesso alla gestione di WordPress su Accesso a WordPress: come effettuare il login nell'area amministrativa.
Creare un menu di WordPress con un tema classico #
Se utilizzi un tema classico con la gestione dei menu tradizionale, puoi creare un nuovo menu direttamente nell'area di amministrazione di WordPress.
Crea nuovo menu #
- Accedi alla tua bacheca di WordPress.
- Apri Design → Menù.
- Fai clic sulla funzione per creare un nuovo menu.
- Assegna un nome di menu significativo, ad esempio Navigazione principale.
- Clicca su Crea menu.
- Aggiungi quindi le pagine desiderate e le altre voci di menu.
- Assegna al menu una posizione di visualizzazione fornita dal tema, se necessario.
- Salva il menu.
Il nome del menu interno è principalmente destinato alla tua gestione. Di solito i visitatori non hanno bisogno di vedere questo nome.
Che cos'è una voce di menu? #
I temi WordPress classici possono definire diverse posizioni in cui è possibile visualizzare un menu.
A seconda del tema, questi potrebbero chiamarsi, ad esempio:
- Menu principale
- Menu principale
- Menu dell'intestazione
- Menu a piè di pagina
- Navigazione mobile
- Menu secondario
Quali posizioni di menu sono presenti è determinato dal tema attivo.
Un tema può possedere una sola posizione, mentre un altro supporta diverse aree di navigazione differenti.
Importante: Un menu creato non viene necessariamente visualizzato automaticamente sul tuo sito web. Con i temi classici, spesso devi anche definire in quale posizione fornita dal tema deve comparire il menu.
Aggiungere pagine a un menu di WordPress #
Dopo aver creato un menu, puoi aggiungere pagine WordPress esistenti.
Aggiungi pagina al menu #
- Apri Design → Menù.
- Seleziona il menu desiderato.
- Apri nel pannello di sinistra Pagine.
- Contrassegna le pagine desiderate.
- Clicca su Aggiungi al menu.
- Le pagine selezionate compaiono successivamente nella struttura del menu.
- Ordina le voci nell'ordine desiderato.
- Clicca su Salva menu.
Se una pagina necessaria non esiste ancora, dovresti crearla prima. Spiegheremo come funziona nella nostra guida Creare nuove pagine in WordPress.
Modifica l'ordine delle voci di menu #
L'ordine delle voci può essere modificato tramite trascinamento nella gestione classica dei menu.
Fai clic su una voce di menu, tieni premuto il pulsante del mouse e trascinala nella posizione desiderata.
Se il tuo menu, ad esempio, appare attualmente così:
- Pagina iniziale
- Contatto
- Chi siamo
- Servizi
Puoi semplicemente riordinare le voci:
- Pagina iniziale
- Chi siamo
- Servizi
- Contatto
Salva il menu in seguito, in modo che venga applicato il nuovo ordine.
Creare un sottomenu o un menu a tendina #
WordPress supporta i menu gerarchici. In questo modo puoi subordinare una voce di menu a un'altra.
Un esempio:
- Servizi
- Web design
- Hosting web
- SEO
Se questi sottopunti appaiano effettivamente come un menu a tendina classico sul sito Web dipende dalla visualizzazione del tema.
Creare un sottomenu in un tema classico #
- Apri Design → Menù.
- Aggiungi tutte le voci di menu necessarie.
- Trascina la sottovoce desiderata sotto la sua voce di menu principale.
- Spostalo leggermente a destra finché WordPress non mostra il rientro.
- Ripeti questo per ulteriori sotto-punti.
- Salva il menu.
- Controlla quindi la navigazione sul tuo sito web.
Tramite il rientro, WordPress riconosce che la voce in questione è subordinata alla voce di menu sovrastante.
Quanti livelli dovrebbe avere un menu? #
WordPress è in grado di gestire tecnicamente anche strutture di menu più complesse. Ciò non significa però che tu debba utilizzare il maggior numero possibile di livelli.
Una navigazione come:
Prodotti → Software → Sicurezza → E-mail → Filtro antispam → Impostazioni
risulta rapidamente confuso per i visitatori e difficile da usare sugli smartphone.
Per i normali siti web aziendali, una navigazione il più semplice e comprensibile possibile è solitamente la soluzione migliore.
Consiglio pratico: Se hai bisogno di più livelli nidificati per una voce di menu, verifica prima se l'architettura delle informazioni del tuo sito web può essere semplificata.
Rinominare la voce di menu senza modificare il titolo della pagina #
Una funzionalità di WordPress molto utile è la possibilità di impostare il nome visibile di una voce di menu indipendentemente dal titolo effettivo della pagina.
Una pagina potrebbe intitolarsi, ad esempio:
Webhosting professionale per aziende svizzere
Nel menu principale questo testo sarebbe probabilmente troppo lungo. Lì puoi semplicemente:
Hosting web
visualizzare.
In un menu classico, apri la voce di menu corrispondente e modifichi il Etichetta di navigazione.
Il titolo effettivo della pagina rimane invariato.
L'etichetta di navigazione modifica l'URL della pagina? #
No.
Se modifichi solo l'etichetta di navigazione di una voce di menu, l'indirizzo di destinazione della pagina collegata rimane invariato.
Questo è importante perché ti consente di utilizzare nomi di menu brevi e comprensibili senza dover modificare il titolo della pagina o lo slug dell'URL.
Aggiungere un link personalizzato al menu di WordPress #
Non ogni destinazione di navigazione deve essere una pagina WordPress. Con un link personalizzato puoi includere praticamente qualsiasi indirizzo web valido nel tuo menu.
Per i temi classici trovi questa opzione sotto Design → Menù di solito l'area Link personalizzati.
Lì inserisci l'indirizzo di destinazione completo e il testo del link desiderato.
Ciò può essere utile, ad esempio, per:
- un sito web esterno
- un centro clienti separato
- una piattaforma di prenotazione esterna
- un documentario
- un altro Sottodominio
Attenzione: Controlla i singoli link con particolare attenzione. WordPress non può sapere se hai fatto un errore di digitazione in un indirizzo esterno inserito manualmente.
Creare un link a una specifica sezione di una pagina #
Puoi anche collegare un menu a una specifica sezione di una pagina. A questo scopo vengono utilizzati i cosiddetti Collegamenti ipertestuali interni utilizzato.
Un tale indirizzo di destinazione può ad esempio apparire così:
All'avvio, il browser passa direttamente all'elemento con l'ID corrispondente.
Ciò è utile, ad esempio, nel caso di landing page più lunghe, quando una voce di menu deve condurre direttamente ai prezzi, alle funzioni o a un'area di contatto.
Aggiungere categorie al menu di WordPress #
Se il tuo sito web ha un blog, puoi anche integrare le categorie nella navigazione.
Un blog potrebbe ad esempio avere categorie come:
- WordPress
- Hosting web
- SEO
- Sicurezza
Tramite un link di categoria, i visitatori arrivano alla rispettiva pagina d'archivio con i relativi post assegnati.
Spieghiamo come le categorie sono strutturate e utilizzate nella nostra guida Creare categorie e sottocategorie in WordPress.
Non vedo la sezione „Categorie“ o altri contenuti #
Nella gestione dei menu classici, alcune aree potrebbero essere nascoste.
Se, ad esempio, non trovi categorie, determinati tipi di contenuto o opzioni di menu avanzate, controlla la Impostazioni di visualizzazione in alto nella pagina.
Lì puoi mostrare elementi aggiuntivi per la gestione dei menu, a seconda della configurazione di WordPress.
Rimuovi voce di menu #
Se un link non deve più comparire nella navigazione, puoi rimuoverlo dal menu.
Rimuovere una voce di menu in un tema classico #
- Apri Design → Menù.
- Scegli il menu corretto.
- Apri la voce di menu desiderata.
- Clicca su Rimuovi.
- Salva il menu.
Questo serve unicamente a Voce di menu rimosso.
La pagina sottostante, l'articolo o la categoria non vengono cancellati in questo modo.
Importante: „Rimuovi dal menu“ e „Elimina pagina“ sono due azioni completamente diverse. Se vuoi semplicemente che una pagina non compaia più nella navigazione, non è necessario eliminare la pagina stessa.
Cosa succede quando una pagina collegata viene eliminata? #
Quando elimini una pagina, dovresti anche controllare la navigazione.
A seconda della configurazione, una vecchia voce di menu potrebbe altrimenti portare a un vicolo cieco o essere contrassegnata come non valida.
Questo non è solo spiacevole per i visitatori, ma può anche generare errori 404 interni non necessari.
Spieghiamo come modificare ed eliminare correttamente le pagine su Modificare o eliminare pagine in WordPress.
Mostra il menu in un'altra posizione #
Nei temi classici, spesso puoi assegnare un menu a diverse posizioni del tema.
Un menu esistente potrebbe ad esempio essere utilizzato come navigazione principale, mentre un secondo menu compare nel footer.
A seconda del tema, l'assegnazione avviene direttamente sotto Design → Menù o tramite un'area separata per le voci di menu.
Poiché le posizioni disponibili sono definite dal tema, il nome e il numero possono variare notevolmente.
Posso creare più menu di WordPress? #
Sì. Puoi gestire diversi menu differenti.
Questo è utile, ad esempio, per:
- Navigazione principale
- Navigazione del piè di pagina
- Menu di servizio
- pagine legali
- navigazione mobile
Se e dove questi menu possono essere visualizzati dipende a sua volta dal tema utilizzato o dalla struttura del tuo sito web.
Crea menu piè di pagina #
Un menu footer separato è adatto, ad esempio, per le pagine che devono essere raggiungibili, ma che non devono necessariamente fare parte della navigazione principale.
A seconda del sito Web, ciò può includere, ad esempio:
- Note legali
- Informativa sulla privacy
- Termini e condizioni
- Contatto
- Supporto
Puoi verificare se il tuo tema offre una posizione autonoma per il menu del footer nelle posizioni di menu disponibili o nell'editor del sito.
Menu nei moderni temi a blocchi di WordPress #
I moderni temi a blocchi non utilizzano necessariamente la classica gestione in Design → Menù.
Invece, la navigazione è parte integrante del layout del sito web basato su blocchi.
Apri:
Design → Editor
Lì puoi modificare la navigazione all'interno dell'intestazione o dei modelli utilizzati.
L'elemento centrale per questo è il Blocco di navigazione.
Cos'è il blocco di navigazione di WordPress? #
Il blocco di navigazione è un blocco di WordPress per la creazione e la visualizzazione della navigazione del sito web.
Può contenere, ad esempio:
- Link alle pagine
- link individuali
- Sottomenu
- ulteriori elementi di navigazione supportati
A differenza della gestione classica dei menu, con questo metodo modifichi la navigazione direttamente nell'editor di siti web basato su blocchi.
Modificare la navigazione in un tema a blocchi #
Modifica la navigazione nell'editor del sito web #
- Apri Design → Editor.
- Apri la sezione o il modello con la tua navigazione.
- Scegli Blocco di navigazione Australia.
- Se necessario, apri la vista elenco per comprendere meglio la struttura.
- Aggiungi nuovi elementi di navigazione o modifica i link esistenti.
- Modifica l'ordine delle voci secondo necessità.
- Crea sottomenu se necessario.
- Salva le modifiche.
- Controlla quindi la navigazione sul sito web.
L'interfaccia utente esatta può variare leggermente tra le versioni di WordPress. Tuttavia, il principio di base rimane lo stesso: con un block theme, la navigazione fa parte dell'editor del sito.
Utilizzare la visualizzazione a elenco per navigazioni complesse #
Se il tuo menu ha più livelli, la Vista elenco dell'editor a blocchi può essere molto utile.
Lì vedi la struttura dei blocchi utilizzati in modo gerarchico e puoi riconoscere più facilmente quale voce di menu è associata a quale elemento superiore.
Soprattutto per i sottomenu, questa visualizzazione è spesso più chiara della modifica puramente visiva.
Intestazione e navigazione nei block theme appartengono alla stessa categoria #
In un tema a blocchi, il blocco di navigazione fa spesso parte dell'intestazione.
Quindi, se desideri modificare non solo i link, ma anche il logo, lo sfondo o altri elementi dell'intestazione, potresti trovarti a modificare la stessa sezione del template.
Spiegheremo la gestione di base degli header nella nostra guida Modificare l'immagine di intestazione in WordPress: come adattare correttamente logo, header e immagine di copertina.
Cos'è un mega-menù? #
Uno Mega menu è una navigazione più ampia in cui, all'apertura di una voce di menu principale, non viene visualizzato un semplice elenco, ma un'area strutturata più grande.
Ad esempio, potrebbero comparire più colonne, categorie, descrizioni, icone o altri contenuti.
I mega menu non fanno parte delle funzioni di base della gestione classica dei menu di WordPress. A seconda del sito web, vengono realizzati tramite:
- il tema
- un plugin speciale
- un page builder
- sviluppo individuale
fornito.
Il fatto che un mega menu sia utile dipende dalle dimensioni e dalla struttura del sito web. Per un sito web con cinque pagine principali, un mega menu complesso sarebbe perlopiù inutile.
Menu nei siti web Elementor #
Se il tuo sito web è stato realizzato con Elementor, l'intestazione visibile potrebbe essere stata creata come un modello di Elementor separato.
In questo header si trova quindi un elemento di navigazione o di menu, la cui visualizzazione è gestita tramite Elementor.
A seconda della struttura, questo elemento utilizza una navigazione WordPress esistente o viene configurato tramite le relative funzioni di Elementor.
Se tu sotto Design → Menù se modifichi qualcosa e non vedi alcun cambiamento sul sito web, dovresti quindi verificare se l'intestazione viene creata tramite Elementor o un altro builder.
Menu modificato, ma il sito web mostra ancora la versione precedente #
Se hai salvato una navigazione ma continui a visualizzare la vecchia versione, ci sono diverse possibili cause.
- Hai modificato il menu sbagliato.
- Il menu è assegnato a un'altra posizione.
- L'intestazione utilizza un menu diverso.
- Un page builder genera una propria navigazione.
- Una cache mostra ancora una versione precedente.
Verifica prima di tutto se hai effettivamente modificato il menu utilizzato sul sito web.
Testa quindi la pagina in una finestra di navigazione privata. Se anche lì dovesse comparire la vecchia navigazione, dovresti controllare l'assegnazione del menu o la struttura dell'intestazione.
Il menu funziona sul desktop ma non sullo smartphone #
Molti temi visualizzano la navigazione in modo diverso sugli schermi piccoli. Al posto di una barra dei menu orizzontale, ad esempio, compare il cosiddetto menu hamburger.
Se la navigazione causa problemi solo sui dispositivi mobili, verifica, tra le altre cose:
- se il tema utilizza un menu per dispositivi mobili separato
- se tutti i sottomenu sono utilizzabili
- se le voci di menu sono troppo lunghe
- se un page builder utilizzi le proprie impostazioni responsive
- se le modifiche CSS influenzano la navigazione
Non testare quindi le modifiche importanti solo sul desktop.
La voce di menu apre la pagina sbagliata #
Se una voce di menu porta alla pagina sbagliata, controlla la destinazione impostata.
Con un normale link di pagina, la pagina WordPress è già collegata alla voce di menu. Con un link personalizzato, invece, l'indirizzo è stato inserito manualmente e di conseguenza potrebbe essere errato.
Fai particolare attenzione ai link personalizzati esistenti dopo modifiche al dominio, migrazioni o variazioni delle strutture degli URL.
La voce di menu non deve essere cliccabile #
A volte, una voce di menu principale deve servire unicamente da etichetta per un sottomenu e non deve aprire alcuna pagina di contenuto propria.
Questo può variare a seconda del tema e del sistema di navigazione.
Nei menu classici, a tale scopo viene talvolta utilizzato un link individuale come elemento principale. Tuttavia, non dovresti usare link civetta discutibili senza considerare il loro impatto sull'usabilità e sull'accessibilità.
Se un elemento apre semplicemente un sottomenu, dovrebbe funzionare in modo comprensibile anche per l'uso da tastiera e touch.
Apri le voci di menu in una nuova scheda #
Nei menu classici di WordPress, per i singoli link può essere disponibile un'opzione per l'apertura in una nuova scheda o finestra del browser.
Se non vedi questa impostazione, controlla Impostazioni di visualizzazione della gestione dei menu.
Tuttavia, una nuova scheda del browser non è utile per ogni link interno.
I normali collegamenti di navigazione interna dovrebbero solitamente essere aperti nella stessa scheda. Per determinati servizi esterni, invece, una nuova scheda può avere senso a seconda del contesto di utilizzo.
Navigazione e SEO #
Una buona navigazione non aiuta solo i tuoi visitatori. Costituisce anche una parte importante della struttura di link interni del tuo sito web.
I motori di ricerca possono scoprire importanti aree di un sito web tramite i link interni e comprendere meglio le loro relazioni strutturali.
Ciò tuttavia non significa che il maggior numero possibile di parole chiave debba essere inserito nel menu principale.
Una buona navigazione dovrebbe innanzitutto:
- essere comprensibile
- rendere accessibili le aree importanti
- essere strutturato logicamente
- utilizzare denominazioni brevi e chiare
- funzionare sia su desktop che su dispositivi mobili
Un menu sovraccarico di termini di ricerca non aiuta né i visitatori né la qualità del tuo sito web.
Nomi di menu brevi o dettagliati? #
Per la navigazione principale, termini brevi e chiari sono solitamente più adatti rispetto a titoli di pagina completi.
Invece:
I nostri servizi professionali per le aziende
è nel menu per esempio:
Servizi
molto più rapidamente comprensibile.
Il vero titolo della pagina può comunque essere formulato in modo più dettagliato e preciso per il contenuto.
Evitare troppe voci di menu #
Se ogni singola sottopagina compare direttamente nel menu principale, la navigazione perde rapidamente la sua funzione di orientamento.
La navigazione principale dovrebbe riflettere le sezioni più importanti del sito web e non rappresentare automaticamente l'indice completo dei contenuti.
Su siti Web di grandi dimensioni, puoi strutturare i contenuti tramite sottomenu, pagine di categoria, landing page o navigazioni aggiuntive.
Le pagine legali non devono necessariamente essere inserite nel menu principale #
Pagine come l'impronta (note legali) e l'informativa sulla privacy devono essere facilmente accessibili per i visitatori. Ciò non significa però automaticamente che debbano occupare un posto di primo piano nella navigazione principale.
Su molti siti web, tali pagine vengono utilmente collegate nel footer.
Tratteremo come configurare un'informativa sulla privacy all'interno di WordPress nella nostra guida separata all'informativa sulla privacy di WordPress.
Testare sempre la navigazione dopo le modifiche #
Dopo aver modificato un menu, non dovresti dare per scontato che tutto funzioni correttamente in automatico.
Apri il sito web pubblico e controlla:
- se tutte le voci del menu principale sono visibili
- se tutti i link portano alla destinazione giusta
- se i sottomenu funzionano
- se l'ordine è corretto
- se la navigazione sui telefoni cellulari è utilizzabile
- se non sono presenti link a pagine vecchie o eliminate
In caso di una modifica radicale, dovresti verificare diversi tipi di pagine importanti, poiché un sito Web può utilizzare intestazioni o template differenti.
Errori tipici nei menu di WordPress #
- Crea menu ma non assegnarlo a nessuna posizione
- Apportare modifiche e non salvare il menu
- modificare il menu sbagliato
- utilizzare troppe voci di menu principale
- creare troppi livelli di sottomenu
- continuare a collegare le pagine eliminate
- utilizzare etichette di navigazione inutilmente lunghe
- inserire URL esterni in modo errato
- testare solo la navigazione desktop
- secondo un tema a blocchi Design → Menù cercare
- modificare l'intestazione di WordPress, anche se un page builder genera l'intestazione visibile
Nota: Una buona navigazione non mostra quanti più link possibile. Guida i visitatori verso le aree più importanti del tuo sito web facendo sforzare loro il cervello il meno possibile.
Quando dovresti contattare il supporto di CURIAWEB? #
Se come cliente CURIAWEB non riesci a scoprire quale menu utilizza il tuo sito web o perché le modifiche non vengono visualizzate, puoi contattare il nostro supporto.
A tal fine sono utili le seguenti informazioni:
- il dominio interessato
- il tema WordPress utilizzato
- quale menu o voce di menu è interessato
- sia che si utilizzi Elementor o un altro page builder
- quello che vuoi cambiare
Questo consente di determinare più rapidamente se la navigazione è gestita tramite WordPress, il tema o un page builder.
Riepilogo #
Con WordPress puoi organizzare pagine, categorie e link personalizzati in una chiara navigazione del sito web. Nei temi classici questo avviene solitamente tramite Design → Menù. Lì puoi aggiungere voci di menu, modificarne l'ordine, creare sottomenu e assegnare il menu a una posizione fornita dal tema.
Nei moderni block-theme, la navigazione viene invece gestita tramite Design → Editor e il Blocco di navigazione gestito. Se Elementor o un altro page builder genera l'intestazione, a sua volta potrebbe essere rilevante il suo sistema di navigazione.
Mantieni la navigazione principale il più possibile chiara, usa etichette comprensibili e testa le modifiche sia su dispositivi desktop che mobili. Se desideri anche modificare il logo o l'immagine dell'intestazione, troverai le relative istruzioni alla voce Modificare l'immagine di intestazione in WordPress.
