Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come creare una Sitemap visiva in WordPress (in modo semplice)

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.

How to Create a Visual Sitemap in WordPress

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.

XML sitemaps

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.

New York Times' sitemap example

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:

The Good Guys' sitemap example

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”.

Adding a Simple Sitemap block in the Gutenberg block editor

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”.

Choosing a post type to display in the sitemap in block editor

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”.

Changing the order in which the pages and posts are displayed by the Simple Sitemap plugin

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.

Configuring the Simple Sitemap plugin's general settings

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.

Changing the post type label of the Simple Sitemap plugin

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.

Enabling tabs in the Simple Sitemap plugin

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:

Quando si è pronti, basta fare clic su Salva, Aggiorna o Pubblica.

Saving changes after creating sitemap with the Simple Sitemap plugin

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:

Example of a visual sitemap made with the Simple Sitemap plugin

Suggerimenti per migliorare la navigazione del sito web

Volete rendere il vostro sito web ancora più user-friendly? Verificate le seguenti guide:

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.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

12 commentiLascia una risposta

  1. 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!

  2. 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

  3. 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

  4. Mohd Amir

    Why visual sitemap is not working with current version of word press.

  5. amit

    have other plugin? the slick have problem in rtl lang

  6. 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.

  7. 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.

  8. mahmood

    Hi…
    Thank you so much.

  9. 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?

  10. Adrienne

    Very nice feature. I will try this out! Cheers,

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.