La maggior parte dei siti WordPress non dispone di una singola pagina che elenchi tutto in un unico posto, quindi i visitatori devono fare affidamento sui menu o sulla ricerca per imbattersi nei contenuti giusti.
Una sitemap HTML risolve questo problema inserendo tutti i tuoi contenuti importanti in un'unica pagina. In questa guida, ti mostreremo come crearne una con un plugin e senza snippet di codice.
Qual è la differenza tra sitemap XML e HTML?
Una sitemap XML è un file che elenca tutti i contenuti del tuo sito web in un formato che i motori di ricerca come Google possono leggere. Puoi inviarla in Google Search Console per aiutare i motori di ricerca a trovare e scansionare le tue pagine più velocemente.
Una sitemap HTML funziona in modo diverso. Pensala come un pannello informativo in un centro commerciale.
Invece di guidare i motori di ricerca, guida i tuoi visitatori, elencando i tuoi post e le tue pagine su un'unica pagina organizzata in modo che le persone possano trovare rapidamente ciò che cercavano.
Ora che conosci la differenza, vediamo come aggiungere una sitemap HTML al tuo sito WordPress. Puoi utilizzare i collegamenti rapidi qui sotto per passare direttamente al metodo che desideri utilizzare:
Metodo 1: Aggiungere una pagina Sitemap HTML in WordPress con All in One SEO
Utilizzare un plugin SEO per WordPress, come il plugin gratuito All in One SEO, è il modo più semplice per aggiungere una pagina Sitemap HTML in pochi clic.
Poiché il plugin gestisce già la tua sitemap XML e le impostazioni SEO principali, puoi gestirle entrambe dallo stesso posto invece di installare uno strumento separato solo per questo.
Innanzitutto, devi installare e attivare il plugin. Dopo l'attivazione, si aprirà la procedura guidata di configurazione, dove potrai fare clic sul pulsante 'Iniziamo'.
Se desideri una guida completa su ogni impostazione, consulta la nostra guida su come configurare All in One SEO per WordPress.
Una volta terminato, vai su All in One SEO » Sitemap e fai clic sulla scheda 'Sitemap HTML'. Quindi, attiva l'interruttore 'Abilita Sitemap'.
Successivamente, scegli come desideri visualizzare la tua sitemap. Per questo tutorial, selezioneremo l'opzione 'Pagina dedicata'. In alternativa, puoi aggiungerla come shortcode, blocco o widget.
Una volta fatto ciò, inserisci l'URL in cui desideri che appaia la tua sitemap e il plugin creerà automaticamente quella pagina per te.
Nota: Poiché All in One SEO crea questa pagina dinamicamente, non verrà visualizzata nell'elenco delle tue pagine nell'area di amministrazione di WordPress. Puoi sempre tornare a questa schermata delle impostazioni per apportare modifiche.
Quindi, scorri verso il basso fino alla sezione 'Impostazioni Sitemap HTML'. Qui puoi scegliere quali tipi di post e tassonomie, come categorie e tag, visualizzare nella tua sitemap.
Se desideri un maggiore controllo, le 'Impostazioni avanzate' ti consentono di escludere post, pagine o termini specifici dall'elenco.
Puoi anche attivare 'Archivi compatti' se preferisci visualizzare la tua sitemap come un archivio di date compatto invece di un elenco completo. Una volta soddisfatto delle tue impostazioni, fai clic su 'Salva modifiche'.
La tua sitemap HTML è ora attiva. Se hai scelto l'opzione 'Pagina dedicata', puoi visualizzarla facendo clic sul pulsante 'Apri sitemap HTML'.
Metodo 2: Aggiungere una pagina Sitemap HTML in WordPress con il codice
Se non vuoi usare All in One SEO perché non hai bisogno di tutte le sue altre funzionalità, puoi creare una sitemap HTML aggiungendo codice personalizzato al file functions.php del tuo child theme.
Tuttavia, il più piccolo errore può compromettere il tuo intero sito e causare la schermata bianca della morte di WordPress.
Ecco perché ti consigliamo di utilizzare un plugin per snippet di codice come WPCode. La sua versione gratuita ti consente di aggiungere e gestire il tuo codice in modo sicuro senza toccare i file del tuo tema.
La prima cosa da fare è installare e attivare il plugin WPCode. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin WordPress.
Una volta attivo, vai su Code Snippets » + Add Snippet dalla tua bacheca di WordPress. Passa il mouse su 'Add Your Custom Code (New Snippet)' e fai clic su 'Use snippet'.
Nella nuova schermata, seleziona 'PHP Snippet' come tipo di codice e dai un titolo al tuo snippet in modo da poterlo trovare in seguito. Può essere qualcosa come 'HTML Sitemap'.
Quindi, incolla il seguente codice nella casella 'Code Preview'.
function custom_html_sitemap() {
$out = '<ul class="custom-sitemap">';
// Pages
$pages = get_pages(
array(
'sort_column' => 'menu_order,post_title',
'post_status' => 'publish',
)
);
foreach ( $pages as $page ) {
$out .= sprintf(
'<li><a href="%s">%s</a></li>',
esc_url( get_permalink( $page->ID ) ),
esc_html( get_the_title( $page->ID ) )
);
}
// Recent posts
$recent_posts = get_posts(
array(
'posts_per_page' => 50,
'post_status' => 'publish',
'orderby' => 'date',
'order' => 'DESC',
'post_type' => 'post',
'ignore_sticky_posts' => true,
)
);
foreach ( $recent_posts as $p ) {
$out .= sprintf(
'<li><a href="%s">%s</a></li>',
esc_url( get_permalink( $p->ID ) ),
esc_html( get_the_title( $p->ID ) )
);
}
$out .= '</ul>';
return $out;
}
add_shortcode( 'custom_html_sitemap', 'custom_html_sitemap' );
Questo codice elenca prima tutte le tue pagine pubblicate, poi i tuoi 50 post più recenti, e racchiude tutto in uno shortcode chiamato [custom_html_sitemap] che puoi inserire in qualsiasi pagina.
Una volta terminato, sposta l'interruttore in alto da 'Inactive' ad 'Active', quindi fai clic su 'Save Snippet'.
Ora, crea una nuova pagina andando su Pages » Add New, oppure apri una pagina esistente in cui desideri visualizzare la tua sitemap. Aggiungi un blocco 'Shortcode' e incolla il seguente shortcode al suo interno:
[custom_html_sitemap]
Una volta pubblicata la pagina, i tuoi visitatori vedranno un semplice elenco delle tue pagine e dei post recenti, tutti collegati e pronti per essere sfogliati.
FAQ sulla sitemap HTML
Una sitemap HTML fa bene alla SEO?
Sì. Una sitemap HTML aggiunge un link interno a ogni pagina importante del tuo sito, il che aiuta i motori di ricerca a scoprire i tuoi contenuti. Rende anche il tuo sito più facile da navigare per i visitatori.
La sitemap HTML si aggiorna automaticamente quando aggiungo nuovi contenuti?
Sì. Sia che tu utilizzi All in One SEO o il metodo del codice personalizzato sopra descritto, la tua sitemap si aggiorna automaticamente ogni volta che pubblichi un nuovo post o una nuova pagina. Non dovrai fare nulla di extra per mantenerla aggiornata.
Dove dovrei mettere la mia sitemap HTML?
Il posto più comune per collegare la tua sitemap HTML è il footer del tuo sito web. Questo la rende accessibile da qualsiasi pagina senza ingombrare il tuo menu di navigazione principale.
Un altro buon posto è la tua pagina di errore 404. Se un visitatore arriva su un link non funzionante, un link alla tua sitemap HTML può aiutarlo a trovare ciò che stava cercando.
Come aggiungo la mia nuova pagina di sitemap HTML al mio menu di navigazione?
Una volta pubblicata la tua sitemap, vai su Appearance » Menus nella tua bacheca di amministrazione di WordPress per aggiungerla a qualsiasi menu. Se hai utilizzato il metodo del codice personalizzato, seleziona la casella accanto alla tua nuova pagina.
Tuttavia, se hai utilizzato All in One SEO, la tua pagina creata dinamicamente non apparirà nell'elenco delle Pagine. Dovrai fare clic sulla scheda 'Custom Links' per incollare l'URL della tua sitemap.
Se stai usando un tema a blocchi, dovrai aggiungere il link tramite l'Editor del sito.
Tutorial video
Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere una pagina sitemap HTML in WordPress. Potresti anche voler vedere come visualizzare la navigazione breadcrumb in WordPress e la nostra guida completa alla SEO per WordPress.
Se ti è piaciuto questo articolo, iscriviti al nostro Canale YouTube per tutorial video su WordPress. Puoi trovarci anche su Twitter e Facebook.
Linh
Finora questi 2 metodi non si applicano al mio sito web poiché vorrei scegliere solo una categoria specifica da mostrare nella sitemap HTML. Né AIOSEO né SimpleSitemap me lo permettono. Ovviamente ho provato le Impostazioni Avanzate (solo AIO le ha) ma poi devo scegliere manualmente ogni singolo Post o Pagina che verrà esclusa dalla Sitemap. Questo requisito manuale uccide semplicemente lo scopo di utilizzare plugin per creare una sitemap HTML.
Un'altra cosa riguardo questo AIO (che wpbeginner promuove ogni volta e mi fa sentire come se fosse un plugin onnipotente) riguarda il Breadcrumb:
Questa funzionalità di AIO semplicemente NON segue la logica dell'URL! Più specificamente, si mostra bene sul tuo sito web solo finché non ci clicchi sopra per tornare alla pagina precedente (o alla pagina genitore), cosa che ogni essere umano fa mentre naviga su qualsiasi sito web. AIO ti porterà ad altre pagine (che sono le pagine di archivio). Personalmente non capisco.
Per me, a parte gli strumenti SEO, AIO offre una funzionalità troppo basilare, per non dire inutile, quando si tratta di siti web self-hosted.
Supporto WPBeginner
Grazie per il tuo feedback, se desideravi solo alcuni dei tuoi post e pagine su una pagina specifica invece di una raccolta di tutti i tuoi post e pagine, ti consigliamo di creare manualmente l'elenco che desideri e questo dovrebbe raggiungere ciò che desideri, a meno che non stiamo fraintendendo l'obiettivo che stai cercando.
Per quanto riguarda la tua affermazione sui breadcrumb, i breadcrumb sono lì per collegarsi all'organizzazione dei tuoi contenuti e non specificamente per essere un pulsante indietro, normalmente ciò verrebbe fatto dal browser o con un metodo alternativo.
Amministratore
Jiří Vaněk
Ho sempre considerato una sitemap uno strumento per migliorare la SEO e mostrare a Google o ad altri bot dei motori di ricerca il contenuto delle mie pagine. È interessante come a volte ci si concentri così tanto sui motori di ricerca da dimenticare di rendere il sito web più accessibile agli utenti normali. Ho creato una sitemap HTML e l'ho inserita sul sito web in modo che le persone possano navigare più facilmente i contenuti, se lo desiderano. Grazie per la nuova prospettiva che una sitemap possa servire gli utenti tanto quanto i robot.
Dennis Muthomi
Ciao WPBeginner, grazie per questo articolo informativo
Ho sempre puntato sulle sitemap XML per i motori di ricerca, ma ora vedo il valore delle sitemap HTML per la navigazione degli utenti.
Grazie per le istruzioni per l'utilizzo di All in One SEO.
Robert Thompson
WordPress vuole che paghi loro 300 dollari solo per passare al loro piano business in modo da poter accedere ai loro plugin. Ignorerò la loro offerta.
Supporto WPBeginner
Sarebbe una limitazione se fossi su WordPress.com, i nostri tutorial sono per siti WordPress.org. Puoi vedere la differenza tra i due nel nostro articolo qui sotto!
https://014.leahstevensyj.workers.dev/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Amministratore
faraz ahmed
Come posso mostrare la sitemap per categoria?
Supporto WPBeginner
Il secondo plugin di questo articolo dovrebbe permetterti di separare i contenuti per categoria.
Amministratore
Carol
Non riesco a far visualizzare i POST come le pagine, quindi è inutile per me. Sul mio sito, le pagine sono cose statiche, Chi siamo, ecc. Ma i post sono i nuovi elementi che le persone vogliono vedere subito. Faccio ricerche su vari argomenti e quello è il cuore e l'anima del mio blog. Voglio che vedano le novità in ordine per argomento, in un elenco. Non mi interessano affatto le Pagine, Privacy, Cookie, Chi siamo, cose che guardi una volta, forse, se mai.
Ho sperimentato con il codice, ottengo solo il CODICE sulla pagina finita.
Cosa posso fare?
Supporto WPBeginner
Ciao Carol,
Consulta il nostro articolo su come aggiungere argomenti nei menu di navigazione di WordPress.
Amministratore
Shawn
Vorrei generare una pagina sitemap con tutte le categorie e i prodotti del mio negozio WooCommerce. Questo plugin può farlo?
Raghvendra singh Jadon
non possiamo creare una pagina sitemap come la privacy policy o contattaci
deepa
è possibile creare la nostra sitemap
shirish
articolo davvero molto bello e utile.
ibu solihatun
L'articolo è molto interessante. Mi ha aiutato a capire molte cose e sarò felice presto di scrivere di nuovo così.
Memoria
Grazie mille, questa mappa del sito è incredibilmente ben calibrata, assolutamente perfetta e mi ha fatto risparmiare un sacco di tempo.
srekanth
come posso creare la sitemap xml come il sito html ci sono possibilità
adilop
Signore, la sitemap del plugin yoast non è sufficiente?
Supporto WPBeginner
Si prega di leggere la sezione sulla differenza tra sitemap XML e HTML.
Amministratore
adilop
Grazie per il suo suggerimento, signore.
Blane Beckwith
Ho aggiunto una mappa del sito HTML alla mia pagina web, e ha creato una pagina di archivio dall'aspetto molto gradevole e funzionale.
Connor Rickett
Non è mai una cattiva idea avere una sitemap per i tuoi visitatori. Come nota a margine, quando/se invii la tua sitemap a Google, assicurati che sia quella XML!
Natascha
Quello che mi manca però è, perché qualcuno avrebbe bisogno di una sitemap HTML o quando è raccomandata? Forse un breve elenco pro e contro potrebbe aiutare. Grazie
Supporto WPBeginner
È più utile per siti con contenuti statici e non cronologici, cioè pagine. Una pagina sitemap può aiutare gli utenti a vedere tutte le pagine nel loro ordine gerarchico.
Amministratore