Vi è mai capitato di visitare un sito web grande e complesso e di sentirvi persi nel tentativo di trovare ciò che vi serve? Abbiamo notato questo problema su molti siti importanti, come le testate giornalistiche o i negozi online, anche se dispongono già di un pratico menu di navigazione.
La buona notizia è che abbiamo scoperto una soluzione semplice a questo problema: una sitemap visuale. Si tratta di una guida di facile utilizzo che aiuta i visitatori a navigare nella struttura di un sito.
In questa pubblicazione vi mostreremo come creare una sitemap visiva in WordPress con un plugin facile da usare.
Il mio sito web ha davvero bisogno di una Sitemap visiva?
Una sitemap è come una mappa del sito web, che mostra tutte le pagine importanti e come sono collegate tra loro.
Se avete familiarità con i principi SEO di WordPress, probabilmente conoscete già il termine XML sitemaps. Queste sono pensate per i motori di ricerca, per aiutarli a trovare e comprendere i vostri contenuti.
D’altra parte, esiste anche la sitemap HTML.
In questo post ci concentreremo sulle sitemap visuali, che sono un tipo di sitemap HTML che visualizza la struttura del sito in un formato più accattivante e facile da capire rispetto a una sitemap XML.
Se avete un sito web che si rivolge a diversi tipi di utenti, una sitemap visiva può aiutare a guidare ogni visitatore verso la pagina o la pubblicazione più attinente ai suoi interessi. È come avere una guida amichevole che indica a tutti dove andare.
Le sitemap visive possono essere ottime anche per i siti web educativi o i corsi online. Possono mostrare il percorso di apprendimento e aiutare gli studenti a capire come i diversi argomenti sono collegati tra loro.
Per i negozi online con molte categorie di prodotti, una sitemap visiva può aiutare gli acquirenti a capire la vostra gamma di prodotti a colpo d’occhio e a trovare più facilmente le categorie a cui sono interessati. Ecco un ottimo esempio trovato sul sito web di The Good Guys:
Tenendo presente questo, vediamo come creare una sitemap visuale in WordPress.
Come creare una Sitemap visiva in WordPress senza codice (facile per i principianti)
In passato suggerivamo il plugin Slick Sitemap per la creazione di sitemap visuali, ma non viene aggiornato da molto tempo. E quando lo abbiamo testato di recente, abbiamo scoperto che non funziona più bene come un tempo.
Abbiamo anche provato a utilizzare Gutenberg e alcuni CSS personalizzati per creare una sitemap. All’inizio ha funzionato, ma quando abbiamo aggiunto altre pagine al nostro sito, la sitemap ha iniziato ad avere un aspetto strano perché il CSS non riusciva a tenere il passo con le modifiche.
A noi di WPBeginner piace trovare soluzioni semplici che salvino il tempo e non complichino le cose. E fortunatamente abbiamo trovato un ottimo plugin sostitutivo chiamato Simple Sitemap che fa bene il suo lavoro.
Per iniziare, è necessario installare e attivare il plugin di WordPress sul proprio sito web. Una volta fatto ciò, si può procedere alla creazione di una nuova pagina o post per la sitemap. Oppure, potete aprirne una esistente utilizzando l’editor a blocchi di Gutenberg.
Nel nostro caso, abbiamo deciso di creare una nuova pagina chiamata “Sitemap”.
Con l’editor a blocchi aperto, fare clic sul pulsante “+” in qualsiasi punto della pagina e selezionare il blocco “Sitemap semplice”.
Di default, il plugin crea una sitemap delle pagine e delle loro sottopagine, ma non delle pubbliche.
Se si desidera aggiungere le pubblicazioni alla sitemap, si può andare in “Impostazioni generali” nella scheda “Blocco”. Qui, nel campo “Seleziona i tipi di contenuto da visualizzare” si deve inserire “Post”.
Una volta fatto, troverete tutte le vostre pubblicazioni visualizzate sotto la sezione delle pagine della sitemap.
Quindi, personalizziamo l’ordine in cui sono elencate le pagine e le pubblicazioni. È possibile scegliere tra titolo, data, ID, autore, nome, modificato, ordine del menu, ordine casuale o numero di commenti. È inoltre possibile scegliere tra l’ordine “crescente” o “decrescente”.
Scorrendo verso il basso, si può scegliere di:
- Mostrare l’etichetta post type per distinguere chiaramente tra pagine e pubbliche nella sitemap.
- Mostra i riassunti delle pagine e dei post. Abbiamo deciso di disabilitare questa opzione perché potrebbe allungare la sitemap.
- Abilita i link della sitemap. Se si disabilita questa opzione, gli utenti non potranno cliccare sui link della sitemap.
- Fate in modo che ogni link si apra in una nuova scheda ogni volta che viene cliccato, in modo che gli utenti non lascino la pagina della sitemap.
L’impostazione scelta dipende dalle preferenze dell’utente e dalle esigenze del sito web, quindi è bene considerare attentamente queste opzioni. Inoltre, è sempre possibile abilitare o disabilitare queste impostazioni se si cambia idea.
Sotto questa sezione si trova “Etichette dei tipi di contenuto”. Qui è possibile sostituire l’etichetta predefinita del post type con un altro testo.
Nel nostro esempio, abbiamo deciso di sostituire l’etichetta “Pagine” con “Esplora le nostre pagine” come invito all’azione.
Infine, è possibile aprire le “Impostazioni scheda”.
Qui è possibile abilitare le schede per visualizzare i link della sitemap. Di default, i link della sitemap saranno suddivisi in base al post type. Questa può essere un’ottima opzione se non si vuole rendere la pagina della sitemap troppo lunga.
Una volta soddisfatti dell’aspetto della pagina della sitemap, si può continuare a personalizzare la pagina a proprio piacimento. Se avete bisogno di aiuto, ecco alcune guide per iniziare:
- Come modificare un sito web WordPress (guida definitiva)
- Come aggiungere font personalizzati in WordPress
- Come aggiungere una barra di scorrimento personalizzata a qualsiasi elemento in WordPress (se il blocco della sitemap è un po’ lungo)
Quando si è pronti, basta fare clic su Salva, Aggiorna o Pubblica.
Assicuratevi di visualizzare la vostra nuova pagina su mobile, desktop e tablet per verificare se è buona su tutti i dispositivi o meno.
Ecco come appare la nostra sitemap visiva:
Suggerimenti per migliorare la navigazione del sito web
Volete rendere il vostro sito web ancora più user-friendly? Verificate le seguenti guide:
- Come aggiungere un menu responsive a schermo intero in WordPress – Imparate a creare un menu che sia perfetto su tutti i dispositivi.
- Come visualizzare i breadcrumb link di navigazione in WordPress – Aiutate i visitatori a capire dove si trovano sul vostro sito.
- Come aggiungere la navigazione da tastiera con i tasti freccia in WordPress – Rendete il vostro sito più accessibile agli utenti della tastiera.
- Come creare una directory del personale in WordPress (con profili dei dipendenti) – Organizzate le informazioni del vostro team in modo efficace.
- Trucchi per la barra laterale di WordPress per ottenere i massimi risultati – Ottimizzate la vostra barra laterale per migliorare la navigazione e l’engagement.
Speriamo che questo articolo vi abbia aiutato a capire come creare una sitemap visuale in WordPress. Potreste anche voler dare un’occhiata alle nostre scelte degli esperti sui migliori builder per pagine WordPress trascina e rilascia e alla nostra guida su come mettere in evidenza i nuovi post per i visitatori restituiti in WordPress.
Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Clay Ravin
The Slick Sitemap plugin hasn’t been updated for 4 years. Is there an alternative we could use?
WPBeginner Support
While we don’t have a specific alternative to recommend at the moment, we will certainly keep an eye out
Admin
Trapti
I read both articles; xml sitemap & HTML sitemap. I already created xml sitemap in Google webmaster. Xml sitemap for crawling & HTML sitemap for users according to the article. So which sitemap should I put in my WordPress footer? I saw lot of websites put sitemap in WordPress footer.
WPBeginner Support
That would be a question of personal preference for which you would want
Admin
Mohd Amir
Why visual sitemap is not working with current version of word press.
amit
have other plugin? the slick have problem in rtl lang
Hemang Rindani
Nice article. Sitemap is still important for a website and can help to boost the search results. WordPress, a powerful enterprise web content management service, allows users to create sitemap easily by implementing plugins like Simple Sitemap, as mentioned in the article. This can be implemented by implementing a shortcode on a post, page, custom post type or text widget. There are various attributes in this plugin that allows to set values for type of page, label, links etc..
It is important to ensure that sitemap is updated each time any page or link in added or removed from a site. For this purpose I feel Google XML sitemap is a better plugin for WordPress sites.
Matija
While it can look nice I dont see much benefits of this feature.
Also you are recommending using plugin which is last updated 8 months ago.
mahmood
Hi…
Thank you so much.
Bobby
Neat article. Just a couple of quick questions.
Is there any really good reason to do an html sitemap on a page for your site? I don’t recall really seeing those anymore like I used to years ago.
Is it better for larger websites? I only have approximately 20 pages total on my main navigation menu.
Or would it simply be a personal choice for website layout?
Adrienne
Very nice feature. I will try this out! Cheers,