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 aggiungere una pagina Sitemap HTML in WordPress (2 modi)

Nota editoriale: guadagniamo una commissione dai link dei partner su WPBeginner. Le commissioni non influenzano le opinioni o le valutazioni dei nostri redattori. Per saperne di più su Processo editoriale.

Volete aggiungere una sitemap HTML in WordPress?

A differenza delle sitemap XML, che vengono inviate ai motori di ricerca per migliorare il crawling, le sitemap HTML presentano un elenco organizzato di pagine e post per i visitatori del sito.

In questo articolo vi mostreremo come aggiungere una pagina sitemap HTML in WordPress.

How to add an HTML sitemap page in WordPress

Qual è la differenza tra sitemap XML e HTML?

Una sitemap XML è un file che elenca i contenuti del vostro sito web in formato XML per i motori di ricerca come Google e altri.

È possibile inviare la sitemap XML negli strumenti per webmaster per migliorare e controllare il modo in cui i motori di ricerca effettuano il crawling del sito.

D’altra parte, una sitemap HTML è destinata ai visitatori del sito web. Si tratta di una semplice pagina che elenca tutti i vostri post e le vostre pagine in modo organizzato.

Ora che conoscete la differenza, vediamo come aggiungere una sitemap HTML a WordPress utilizzando due diversi plugin per WordPress. Potete utilizzare i collegamenti rapidi qui sotto per passare direttamente al metodo che desiderate utilizzare:

Video tutorial

Subscribe to WPBeginner

Se preferite le istruzioni scritte, continuate a leggere.

Metodo 1: Aggiungere una pagina Sitemap HTML in WordPress con All in One SEO

Vi consigliamo di utilizzare il plugin All in One SEO per aggiungere una pagina sitemap HTML in WordPress. È il miglior plugin SEO per WordPress sul mercato, utilizzato da oltre 3 milioni di siti web, e consente di creare una sitemap HTML con un paio di clic.

Nota: è disponibile una versione gratuita di All in One SEO Lite, che include la funzione sitemap HTML riportata di seguito, ma nei nostri screenshot utilizzeremo la versione premium perché include potenti funzioni come le sitemap intelligenti, il gestore dei reindirizzamenti, lo schema SEO e altro ancora.

La prima cosa da fare è installare il plugin All in One SEO. Per maggiori dettagli, consultate la nostra guida passo passo su come installare un plugin di WordPress.

Dopo l’attivazione, si aprirà la procedura di configurazione guidata di AIOSEO, che vi guiderà nella configurazione del plugin e nelle impostazioni SEO.

È sufficiente fare clic sul pulsante “Cominciamo” e seguire la procedura.

AIOSEO setup wizard

Successivamente, verrete portati nella dashboard di amministrazione di WordPress, dove avrete una nuova opzione di menu chiamata “All in One SEO”.

Quindi, è necessario andare in All in One SEO ” Sitemaps, fare clic sull’opzione di menu ‘HTML Sitemap’ e assicurarsi che la levetta ‘Enable Sitemap’ sia attivata.

Enable HTML sitemap

Successivamente, si può scegliere come visualizzare la sitemap HTML.

Per questo tutorial, selezioneremo l’opzione “Pagina dedicata”, ma è possibile aggiungerla anche come shortcode, blocco, widget e altro ancora.

Quindi, inserire l’URL della pagina in cui si desidera visualizzare la sitemap HTML. Il plugin creerà automaticamente una nuova pagina.

Enter URL for HTML sitemap page

Una volta fatto ciò, scorrere verso il basso fino alla sezione “Impostazioni Sitemap HTML”.

Qui è possibile personalizzare la visualizzazione della sitemap HTML. È possibile controllare quali post e pagine verranno visualizzati, le tassonomie come le categorie e i tag, l’ordine di ordinamento e altro ancora.

Customize HTML sitemap settings

È anche possibile attivare “Archivi compatti” per visualizzare la sitemap HTML in un formato compatto di archivio di date.

Questo è simile al modo in cui visualizziamo i nostri archivi compatti nelle nostre pagine 404 qui su WPBeginner.

Una volta terminata la personalizzazione delle impostazioni della sitemap HTML, assicurarsi di fare clic sul pulsante “Salva modifiche”.

Save custom HTML page settings

Ora i visitatori possono visualizzare la sitemap HTML e navigare più facilmente all’interno del sito web.

Se si è scelta l’opzione “Pagina dedicata”, è possibile visitare la pagina facendo clic sul pulsante “Apri Sitemap HTML”.

HTML sitemap example page

Metodo 2: Aggiungere una pagina Sitemap HTML in WordPress con Simple Sitemap

Simple Sitemap è un plugin gratuito che consente di aggiungere facilmente una sitemap HTML al vostro sito web WordPress.

La prima cosa da fare è installare e attivare il plugin Simple Sitemap. Per maggiori dettagli, consultate la nostra guida per principianti su come installare un plugin di WordPress.

Una volta attivato il plugin, è possibile aprire una pagina esistente o creare una nuova sitemap HTML navigando su Pagine ” Aggiungi nuovo.

Aggiungere una Sitemap HTML con Simple Sitemap utilizzando i blocchi

Questo plugin dispone di blocchi Gutenberg che si possono utilizzare per aggiungere semplicemente una sitemap HTML.

È sufficiente fare clic sull’icona “+” e selezionare l’opzione “Sitemap semplice”.

Add simple sitemap block

Un altro blocco incluso in questo plugin è il “Simple Sitemap Group” che crea una sitemap visiva ramificata. Per questo tutorial utilizzeremo il blocco “Simple Sitemap”.

Una volta aggiunto il blocco, verrà creata automaticamente la sitemap HTML.

Nel menu di destra sono disponibili opzioni di personalizzazione che consentono di scegliere se visualizzare i “Post” o le “Pagine”, o entrambi insieme.

Nella casella “Seleziona i tipi di post da visualizzare”, è sufficiente inserire “Post” o “Page” per scegliere ciò che si desidera visualizzare.

Sitemap created add posts or pages

Successivamente, è possibile modificare la visualizzazione dell’elenco cambiando i menu a tendina “Orderby” o “Order”.

È inoltre possibile visualizzare l’estratto delle pagine o dei post elencati e attivare o disattivare i collegamenti. Tuttavia, manterremo le impostazioni predefinite del plugin per mantenere la nostra sitemap HTML semplice e facile da consultare.

Customize sitemap order and appearance

Una volta terminata la personalizzazione della sitemap HTML, fare clic su “Pubblica” o “Salva” se si sta aggiornando una pagina precedente.

Quando i visitatori accedono alla sitemap HTML, vedranno una pagina di navigazione simile a quella qui sotto.

Final block sitemap example

Aggiunta di una Sitemap HTML con Simple Sitemap utilizzando gli shortcode

Un altro modo per aggiungere una sitemap HTML a WordPress è utilizzare uno shortcode. In questo modo si ha un maggiore controllo sul posizionamento della sitemap HTML e funziona per chi utilizza l’editor classico.

È sufficiente creare una nuova pagina navigando su Pagine ” Aggiungi nuovo, quindi assegnare un nome alla nuova pagina.

Add new block for HTML sitemap

Successivamente, fare clic sull’icona “Più” per aggiungere un nuovo blocco alla pagina.

Quindi, digitare “shortcode” nella casella di ricerca e selezionare il blocco “Shortcode”.

Add shortcode block

Dopodiché, è sufficiente copiare e incollare uno dei seguenti shortcode nell’editor di testo. Il primo shortcode elencherà i post per categoria, mentre il secondo shortcode elencherà le pagine.

[simple-sitemap-group]

[simple-sitemap]
Paste shortcode and publish

Una volta fatto ciò, fare clic su “Pubblica” o “Aggiorna” per salvare le modifiche.

Se avete bisogno di ulteriore aiuto, consultate la nostra guida su come aggiungere uno shortcode a WordPress.

In questo modo il plugin mostrerà la sitemap ai visitatori del sito web.

HTML sitemap posts and pages

Creare una Sitemap HTML con Simple Sitemap solo per le pagine principali

Molti proprietari di siti utilizzano WordPress come CMS, con i contenuti principali pubblicati come pagine anziché come post. Per maggiori dettagli, vedere la differenza tra post e pagine in WordPress.

In questo caso, si desidera che la sitemap HTML mostri le pagine nell’ordine gerarchico corretto.

Ecco come aggiungere una sitemap HTML con le sole pagine.

È sufficiente aggiungere questo shortcode alla pagina in cui si desidera visualizzare la sitemap HTML. Seguite la stessa procedura sopra descritta per aggiungere lo shortcode a una nuova pagina di WordPress:

[simple-sitemap]

In questo modo viene visualizzata la sitemap HTML con tutte le pagine di WordPress elencate in un elenco gerarchico.

HTML sitemap page example

Include anche le pagine padre e figlio elencate in modo annidato. Per maggiori dettagli, consultate la nostra guida su come creare una pagina figlio in WordPress.

Guide di esperti sul miglioramento della navigazione di WordPress

Ora che sapete come aggiungere una sitemap HTML, potreste voler vedere altre guide relative al miglioramento della navigazione di WordPress.

Speriamo che questo articolo vi abbia aiutato a capire come aggiungere una sitemap HTML in WordPress. Potreste anche voler consultare le nostre scelte degli esperti sulle migliori app per numeri di telefono aziendali virtuali e la nostra guida su come scegliere la migliore piattaforma di blogging.

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

21 commentiLascia una risposta

  1. Syed Balkhi says

    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. Robert Thompson says

    WordPress wants me to pay them $300 just to upgrade to their business plan so that I can have access to their plugins. I’ll pass on their offer.

    • WPBeginner Support says

      The second plugin from this article should allow you to separate the content by category.

      Admin

  3. Carol says

    Cannot get POSTS to show like pages do, so it’s useless for me. On my site, pages are static stuff, About, etc. But posts are the new items that people want to see right away. I do research on various topics and that is the heart and soul of my blog. I want them to see the new stuff in order on that subject, in a list. I really don’t care about Pages, Privacy, Cookies, About, stuff you look at once, maybe, if ever

    I have experimented with the code, get only the CODE on the finished page.

    What can I do?

  4. Shawn says

    I’d like to generate a sitemap page with all my woocommerce shop categories and products. Can this plugin do that?

  5. ibu solihatun says

    The article is very interesting. Helped me understand many things and will be happy soon to write like again.

  6. Memory says

    Thank you so very much, this site map is amazingly fine-tuned, absolutely perfect, and saved me a great deal of time.

  7. Blane Beckwith says

    I added an HTML site map to my webpage, and it made a very nice looking, and functional archive page.

  8. Connor Rickett says

    Never a bad idea to have a sitemap for your visitors. Just as a side note, when/if you submit your sitemap to Google, make sure it’s the XML one!

  9. Natascha says

    What I do miss though is, why would someone need a HTML sitemap or when is it recommended? Maybe a short pro and cons list would help. Thanks

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.