Tutorial WordPress affidabili, quando ne hai più bisogno.
Guida per principianti a WordPress
WPB Cup
25 Milioni+
Siti web che utilizzano i nostri plugin
16+
Anni di esperienza con WordPress
3000+
Tutorial WordPress di esperti

Come creare un indice nei post e nelle pagine di WordPress

Quando un visitatore arriva su uno dei tuoi post dettagliati, vuoi che si senta guidato e in controllo. Vuoi che trovi facilmente le risposte che sta cercando.

È qui che imparare come creare un indice dei contenuti nei post e nelle pagine di WordPress diventa così utile. È uno dei modi più efficaci per migliorare il percorso del lettore sul tuo sito.

Agisce come un cordiale benvenuto, mostrando loro esattamente cosa hai in serbo. Trasforma uno scorrimento lungo in un semplice sommario cliccabile.

Dare ai tuoi lettori questo tipo di controllo li aiuta a interagire più profondamente con i tuoi contenuti. Apprezzano la possibilità di navigare direttamente alle parti che contano di più per loro.

Mettiamo a punto insieme. Ti mostreremo come aggiungere questa funzionalità e rendere i tuoi migliori contenuti ancora più accessibili.

Come creare un indice nei post e nelle pagine di WordPress

Perché aggiungere un indice dei contenuti a post e pagine in WordPress?

Potresti aver visto l'indice dei contenuti su siti web come Wikipedia. Li usiamo anche su WPBeginner per i nostri lunghi articoli, come la nostra guida definitiva per aumentare la velocità e le prestazioni di WordPress.

Puoi aggiungere un indice dei contenuti ai post sul tuo sito web WordPress per facilitare il passaggio tra le sezioni di un lungo articolo.

Non solo migliorano l'esperienza utente, ma aiuteranno anche il tuo SEO WordPress. Questo perché Google può utilizzare l'indice dei contenuti per aggiungere automaticamente link 'vai alla sezione' nei risultati di ricerca.

Google include le voci della tabella dei contenuti nei risultati di ricerca

Un indice dei contenuti può anche aiutare il tuo post a essere elencato come uno snippet in primo piano in cima alla pagina dei risultati del motore di ricerca.

Questo ti aiuterà a ottenere il massimo traffico SEO.

Le tabelle dei contenuti vengono utilizzate anche negli snippet in primo piano

Detto questo, diamo un'occhiata a come creare un indice dei contenuti facile nei post e nelle pagine di WordPress. Ti mostreremo come farlo automaticamente con un plugin, manualmente usando collegamenti di ancoraggio e con codice:

Metodo 1: Aggiungere un indice dei contenuti automaticamente in WordPress

AIOSEO, noto anche come All in One SEO, è il miglior plugin SEO per WordPress e viene fornito con un blocco indice dei contenuti integrato per WordPress.

Raccomandiamo questo metodo perché ti fa risparmiare tempo generando automaticamente l'indice dei contenuti in base alle tue sottosezioni, rendendolo anche completamente personalizzabile con collegamenti modificabili.

Per ulteriori informazioni, consulta la nostra recensione completa di AIOSEO.

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

Ti basta la versione gratuita per aggiungere facilmente un indice, ma AIOSEO Pro offre ancora più funzionalità per aiutarti a posizionarti meglio nei risultati dei motori di ricerca.

Dopo l'attivazione, dovrai configurare il plugin utilizzando la procedura guidata di configurazione di AIOSEO. Per istruzioni dettagliate, consulta la nostra guida su come configurare correttamente All in One SEO per WordPress.

Aggiungere un indice con All in One SEO

Dovrai creare o modificare il post o la pagina in cui desideri aggiungere l'indice. Dopodiché, fai clic sull'icona blu '+' nell'editor a blocchi e cerca il blocco 'AIOSEO – Table of Contents'.

Aggiungi un blocco Tabella dei contenuti di AIOSEO al post o alla pagina

Trascina semplicemente il blocco nel post o nella pagina in cui desideri che appaia l'indice dei contenuti.

Nota: Una volta aggiunto un indice dei contenuti, potresti notare che il blocco ‘AIOSEO – Indice dei contenuti’ sarà in grigio. Questo perché puoi avere un solo indice dei contenuti per post o pagina.

Il plugin identificherà automaticamente le intestazioni nella pagina e le aggiungerà al tuo indice. Se utilizzi diversi livelli di intestazione (ad esempio H2 e H3), le intestazioni di livello inferiore verranno rientrate per mostrare la struttura del tuo contenuto.

Se stai ancora scrivendo il contenuto del tuo post o della tua pagina, tutte le intestazioni aggiunte al documento verranno automaticamente aggiunte all'indice dei contenuti.

Personalizzazione dell'indice dei contenuti con All in One SEO

Ci sono diversi modi per personalizzare l'indice dei contenuti in base alle tue esigenze. Ad esempio, puoi fare clic su un'intestazione per rinominarla. Questo rinominerà l'intestazione nell'indice dei contenuti ma non nell'articolo.

Personalizzazione del sommario

AIOSEO creerà automaticamente collegamenti di ancoraggio per ogni intestazione. Puoi fare clic sull'icona del collegamento per modificare il testo dell'ancoraggio, e questo verrà modificato sia nell'indice dei contenuti che nell'intestazione nel contenuto del post.

Puoi anche fare clic sull'icona dell'occhio accanto a una qualsiasi delle intestazioni per nasconderla. Gli utenti AIOSEO Pro possono riordinare le intestazioni nel blocco dell'indice dei contenuti. Ciò riorganizzerà le intestazioni nell'indice dei contenuti ma non nell'articolo.

Troverai anche un'impostazione per il blocco nella barra laterale. Qui puoi scegliere uno stile di elenco puntato o numerato per il tuo indice dei contenuti.

La tua tabella dei contenuti può essere in un elenco puntato o numerato

Infine, quando hai finito di personalizzare il tuo indice dei contenuti di WordPress, devi fare clic sul pulsante ‘Fatto’ per salvare le modifiche.

Ora sarai in grado di vedere come apparirà l'indice dei contenuti ai tuoi visitatori.

Il tuo sommario è un elenco di collegamenti alle intestazioni del post o della pagina

È una buona idea aggiungere un'intestazione o un paragrafo sopra l'indice dei contenuti. Questo renderà chiaro ai tuoi lettori che stanno guardando un indice dei contenuti.

Quando i tuoi visitatori fanno clic su un collegamento nell'indice dei contenuti, verranno portati immediatamente a quell'intestazione nell'articolo. Ciò consente agli utenti di saltare alla sezione che più li interessa.

Anteprima link di ancoraggio

Il motivo per cui ci piace la funzionalità della tabella dei contenuti di AIOSEO è che ti consente di personalizzare le intestazioni e nascondere selettivamente le intestazioni secondo necessità.

Questa è una funzionalità fondamentale che la maggior parte degli altri plugin per la tabella dei contenuti semplicemente non hanno.

Metodo 2: Aggiungere una tabella dei contenuti manualmente in WordPress

Puoi anche creare una tabella dei contenuti manualmente utilizzando collegamenti di ancoraggio senza bisogno di un plugin. Tuttavia, ciò richiederà più tempo e impegno.

Puoi saperne di più sui collegamenti di ancoraggio nella nostra guida su come aggiungere collegamenti di ancoraggio in WordPress.

Scrivere la tabella dei contenuti

Innanzitutto, devi aggiungere un blocco 'Elenco' dove puoi aggiungere le intestazioni per la tabella dei contenuti. Puoi digitare le intestazioni nell'elenco o copiarle e incollarle una per una dal contenuto del tuo articolo.

Devi digitare un elenco di intestazioni

Come aggiungere testo di ancoraggio ai blocchi di intestazione

Successivamente, dovrai aggiungere un attributo di ancoraggio a ciascuna intestazione a cui desideri fare riferimento nella tabella dei contenuti. Ciò farà sapere a WordPress dove saltare quando un visitatore fa clic sull'intestazione nella tabella dei contenuti.

Dovresti prima fare clic sull'intestazione, come H2 o H3. Quindi, devi fare clic sulla freccia 'Avanzate' nel pannello delle impostazioni del blocco per visualizzare le impostazioni avanzate.

Dopodiché, inserisci una parola o una frase univoca senza spazi nel campo 'Ancoraggio HTML'. Se lo desideri, puoi usare i trattini per separare ogni parola.

Devi creare un attributo anchor HTML per ogni intestazione

Quindi, ripeti semplicemente questo per tutte le altre intestazioni che saranno incluse nella tabella dei contenuti.

Suggerimento: Se incolli l'intestazione in questo campo, i trattini verranno aggiunti automaticamente. Questo è un modo semplice per creare un ID univoco che rappresenti anche chiaramente l'intestazione.

Aggiungere collegamenti di ancoraggio alla tabella dei contenuti

L'ultimo passaggio consiste nel collegare le intestazioni nella tabella dei contenuti agli ancoraggi HTML che hai creato.

Dovresti evidenziare la prima voce nel tuo blocco Elenco e quindi fare clic sull'icona 'Link' nella barra degli strumenti.

Evidenzia il testo dell'intestazione e fai clic sull'icona del collegamento

Successivamente, dovresti digitare un cancelletto (#) e poi digitare o incollare il testo di ancoraggio per quella intestazione.

Il # dice a WordPress di saltare a quella sezione del post corrente. Non aggiungere il nome del dominio o altri parametri dell'URL.

Digita un cancelletto (#) e poi il testo dell'anchor

Una volta fatto ciò, è necessario premere ‘Invio’ o fare clic sull’icona ‘Invia’ per creare il collegamento.

Il collegamento di ancoraggio verrà aggiunto all’elenco del sommario. Quando i visitatori fanno clic su questo collegamento, verranno immediatamente portati a quella intestazione nel contenuto del post o della pagina.

Viene aggiunto un collegamento anchor alla tabella dei contenuti

È possibile ripetere questi passaggi per aggiungere collegamenti di ancoraggio alle altre intestazioni nel sommario.

Metodo 3: Aggiungere un sommario in WordPress utilizzando il codice

È anche possibile aggiungere un sommario in WordPress tramite uno snippet di codice utilizzando il plugin WPCode.

WPCode ti consente di aggiungere facilmente codice personalizzato in WordPress senza dover modificare i file del tuo tema. Inoltre, viene fornito con una libreria di snippet di codice pronti all’uso, incluso uno che aggiunge automaticamente un sommario basato sulle intestazioni del tuo post.

Non è flessibile come gli altri metodi e potrebbe non funzionare per tutti i siti web, ma è una buona opzione per gli utenti che hanno familiarità con l’uso del codice per apportare personalizzazioni a WordPress.

Innanzitutto, è necessario installare e attivare il plugin gratuito WPCode. Se hai bisogno di aiuto, consulta il nostro tutorial su come installare un plugin WordPress per istruzioni dettagliate.

Dopo l'attivazione, vai su Snippet di codice » Libreria dalla dashboard di amministrazione di WordPress.

Da lì, cerca lo snippet ‘Simple Table of Contents’. Una volta trovato, passaci sopra con il mouse e fai clic sul pulsante ‘Usa snippet’.

Seleziona lo snippet Tabella dei contenuti semplice dalla libreria WPCode

Successivamente, WPCode aggiungerà automaticamente il codice per te e selezionerà il metodo di inserimento corretto per visualizzare il sommario.

WPCode aggiunge automaticamente il codice per la tabella dei contenuti

Dopodiché, è sufficiente spostare l'interruttore da 'Inattivo' ad 'Attivo' e fare clic sul pulsante 'Aggiorna' in cima alla pagina.

Attiva l'interruttore su 'Attivo' e fai clic sul pulsante 'Aggiorna'

Ecco fatto. Ora puoi visitare i tuoi post per vedere che è stata aggiunta una tabella dei contenuti di base.

Gli utenti possono fare clic sui collegamenti per saltare direttamente a una sezione specifica dell'articolo.

Indice automatico creato con WPCode

Domande frequenti sulla creazione di un indice dei contenuti

Sappiamo che potresti avere ancora qualche domanda sull'aggiunta di una tabella dei contenuti al tuo sito WordPress. Abbiamo raccolto alcune delle più comuni qui per darti risposte rapide e chiare.

Qual è il modo più semplice per aggiungere una tabella dei contenuti in WordPress?

Il metodo più semplice è utilizzare un plugin che genera automaticamente la tabella dei contenuti dalle tue sottosezioni. Consigliamo di utilizzare il blocco della tabella dei contenuti integrato nel plugin All in One SEO (AIOSEO) perché è veloce, automatico e altamente personalizzabile.

Una tabella dei contenuti migliora la SEO?

Sì, una tabella dei contenuti può migliorare significativamente la tua SEO. Google la utilizza spesso per creare collegamenti 'salta alla sezione' direttamente nei risultati di ricerca, il che può aumentare il tuo tasso di clic. Aiuta anche i tuoi contenuti a essere scelti per gli snippet in primo piano in cima alla pagina di ricerca.

Posso creare una tabella dei contenuti senza un plugin?

Assolutamente. Puoi creare manualmente una tabella dei contenuti creando un elenco e quindi collegando ogni elemento all'intestazione corrispondente nel tuo articolo utilizzando collegamenti di ancoraggio HTML. Questo metodo ti dà il pieno controllo ma richiede più lavoro manuale.

Una tabella dei contenuti si aggiornerà automaticamente quando aggiungo nuove intestazioni?

Se utilizzi un plugin come AIOSEO, sì. Il blocco della tabella dei contenuti di AIOSEO rileverà e aggiungerà automaticamente nuove intestazioni dal tuo articolo mentre scrivi. Se ne crei una manualmente, dovrai aggiornare l'elenco tu stesso ogni volta che aggiungi o modifichi un'intestazione.

Posso scegliere quali intestazioni appaiono nella tabella dei contenuti?

Sì, con lo strumento giusto. Il plugin AIOSEO ti consente di nascondere facilmente titoli specifici dalla tabella dei contenuti con un solo clic. Questo ti dà il controllo su ciò che appare nella tua struttura senza dover modificare la struttura del tuo articolo.

Speriamo che questo tutorial ti abbia aiutato a imparare come creare una tabella dei contenuti nei post e nelle pagine di WordPress. Potresti anche voler consultare la nostra guida su come aumentare il traffico del tuo blog o la nostra selezione di esperti dei migliori plugin FAQ per WordPress.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.

Dichiarazione: Il nostro contenuto è supportato dai lettori. Ciò significa che se fai clic su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come è finanziato WPBeginner, perché è importante e come puoi supportarci. Ecco il nostro processo editoriale.

Il Toolkit WordPress Definitivo

Ottieni l'accesso GRATUITO al nostro toolkit - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Interazioni del lettore

73 CommentsLeave a Reply

  1. Ottimo articolo! Ho seguito "Metodo 2: Aggiungere una tabella dei contenuti manualmente in WordPress" in uno dei miei lunghi post del blog. Sembra perfetto e i link sembrano corretti, ma quando visito il mio sito web, dopo aver salvato, e clicco su una qualsiasi delle voci della tabella dei contenuti, non mi indirizza all'intestazione a cui mi sono ancorato. Invece, mi dà un errore "Impossibile raggiungere questo sito". Il mio sito web non è ancora online, è questo il motivo per cui i link non funzionano per ora? Grazie per la vostra assistenza anticipata.

  2. Scrivo spesso contenuti lunghi e stavo cercando modi per migliorare la navigazione all'interno dei miei post. Le tue istruzioni sia per il metodo con plugin che per l'approccio manuale sono incredibilmente utili. Personalmente userò il metodo AIOSEO.

    Apprezzo molto il suggerimento su come i sommari possano migliorare la SEO apparendo potenzialmente nei link "vai alla sezione" di Google. Questo è un vantaggio che non avevo considerato prima.
    Grazie ancora per aver condiviso la tua esperienza. I tuoi articoli forniscono sempre spunti così preziosi per gli utenti WordPress di tutti i livelli!

  3. Sono nell'editor dei post di WordPress e non vedo il pulsante blu più o il blocco avanzato. Come faccio a vedere quelle funzionalità?

    • Se stai usando l'editor a blocchi, potresti provare a disabilitare l'editing senza distrazioni in alto a destra e questo dovrebbe permetterti di vedere di nuovo il più.

      Amministratore

  4. Sto già utilizzando il primo metodo, e aiuta il mio sito ad apparire per primo in alcuni risultati di ricerca e ovviamente a portare più visitatori
    Grazie

  5. Ho provato a creare manualmente un indice dei contenuti come ci hai insegnato e ha funzionato bene, finché non ho aggiunto un'interruzione di pagina e separato i punti in parti o pagine diverse. C'è una soluzione per questo?

    • Se separi la pagina, dovrai includere l'intero URL prima del #, nonché l'ancora per collegare correttamente.

      Amministratore

  6. Ai vecchi tempi, quando i siti web erano nuovi, chiamavamo questa una Mappa del Sito. Ma sì, era in qualche modo previsto che i motori di ricerca trovassero una mappa del sito sul tuo sito web.
    Grazie per il promemoria e le informazioni.

  7. Qual è meglio per la SEO? Aggiungere il TOC manualmente tramite HTML o usare un Plugin?

    • Se le informazioni aggiunte sono le stesse, allora non c'è differenza. Il plugin serve a semplificare il processo e ad assicurare che il markup venga aggiunto correttamente.

      Amministratore

  8. Come posso inserire manualmente il TOC in pagine specifiche? Sembra che possa solo disabilitare l'inserimento automatico, ma poi non posso decidere dove posizionare la tabella nella pagina. È possibile?

    • La tabella dei contenuti dovrebbe essere abilitata per le pagine e poi dovrebbe esserci un'opzione durante la modifica della pagina specifica in cui si desidera aggiungerla.

      Amministratore

  9. Che tutorial e molto utile per me e per gli altri che vogliono aggiungere nuove funzionalità ai loro siti web e blog. In poche parole, spieghi in modo eccezionale.

  10. Il mio sviluppatore ha creato una Tabella dei Contenuti su un blog molto lungo che ho scritto. Ho modificato una delle voci e il link è scomparso.

    Quando provo a creare una nuova voce, dice "Incolla URL o digita per cercare". Se aggiungo l'URL, porterà il lettore in cima al blog, non nel punto esatto all'interno del blog.

  11. questo video mi mostra come creare una tabella dei contenuti all'interno di un post. Voglio creare una tabella dei contenuti per il mio intero blog in modo che il titolo di ogni articolo appaia nel TOC. Come posso farlo?

  12. Ciao, grazie per questo post informativo!
    Solo una piccola domanda, cosa significa “sovrascrivere le impostazioni globali per questo specifico post / pagina.”
    Ho scelto di inserire la tabella dei contenuti manualmente e quando seleziono solo per h2 e h3, la tabella dei contenuti semplicemente non viene visualizzata affatto.

    Grazie!

    • Ciò significherebbe che stai dicendo al plugin di ignorare le tue impostazioni predefinite per quel post/pagina specifico. Se non ci sono H2 o H3 nella pagina, non ci sarebbe nulla che il plugin possa aggiungere alla tabella.

      Amministratore

  13. Grazie per aver condiviso un articolo informativo, i tuoi contenuti mi aiutano sempre a salire di livello.

    • Se la pagina è troppo corta per scorrere, non ci sarebbe motivo di avere un indice. È una preferenza personale per la lunghezza di un post.

      Amministratore

  14. Ciao, articolo molto utile

    Ma....

    L'indice non viene visualizzato sul cellulare, cosa fare...

    uso anche il plugin AMP...

    • Il tuo plugin AMP starebbe rimuovendo le aggiunte del plugin. Se contatti il supporto del plugin dell'indice, ti potranno dire se hanno il supporto AMP.

      Amministratore

  15. Buon pomeriggio!

    Congratulations on the article, it helped me a lot :)

    Tuttavia, semplicemente non ha funzionato sulle pagine AMP.
    Nota: utilizzo il plugin "Accelerated Mobile Pages".

    Come posso risolvere?

    Grazie!

    • Dovresti contattare il supporto del plugin per sapere se ci sono raccomandazioni per AMP.

      Amministratore

  16. Utilizzando la tabella dei contenuti facile, c'è un'opzione per creare collegamenti ipertestuali per saltare a quella particolare sezione quando si fa clic su una delle intestazioni nella tabella.

    Non sono sicuro se mi manca qualcosa con il plugin, ma quando faccio clic sulle intestazioni non salta a quella sezione.

    grazie

    • Il plugin dovrebbe permetterlo, potresti assicurarti che ci sia abbastanza spazio tra i tuoi contenuti e che tu non abbia componenti aggiuntivi del browser che impediscano lo scorrimento a una determinata sezione della tua pagina.

      Amministratore

  17. Ho selezionato "Nascondi inizialmente la tabella dei contenuti", ma la TOC viene visualizzata ogni volta che apro un post con una TOC. C'è qualcos'altro che devo fare?

    • Dovresti contattare il supporto del plugin per assicurarti che non si tratti di un conflitto tra il plugin e il tuo tema.

      Amministratore

  18. Come al solito, incredibilmente dettagliato e utile. Siete diventati la mia risorsa di riferimento per qualsiasi cosa relativa al blogging.

    • Dovresti abilitare il CSS personalizzato e, a seconda del tuo tema, questo determinerà il CSS necessario.

      Amministratore

    • Abiliteresti il supporto per il tipo di post in cui vuoi avere l'indice e quando modifichi uno dei tipi in cui è attivato, avrai l'opzione in fondo all'editor per aggiungere l'indice.

      Amministratore

    • Nelle impostazioni del plugin abiliteresti il supporto per le pagine e dovresti essere in grado di seguire la stessa procedura per le pagine che fai per i post.

      Amministratore

  19. Ciao, è possibile mostrare/nascondere singole intestazioni, semplicemente cliccandoci sopra, come su Wikipedia?

    Ho troppe sottosezioni sotto ogni h3, quindi voglio che sia più facile da navigare.

  20. Ho installato questo plugin sul mio blog seguendo le linee guida di questo post. Ma non viene visualizzato nei miei post. Sto facendo qualcosa di sbagliato? Ho davvero bisogno di questo al più presto

    • Salve,

      Si prega di rivedere le impostazioni del plugin, è necessario abilitare il supporto per i post e le pagine. Dopodiché, modifica il post e la pagina e sotto l'editor del post troverai le impostazioni della TOC. Da qui, devi selezionare la casella 'Inserisci indice' per aggiungerlo in quel particolare post.

      Amministratore

  21. Grazie per l'articolo, sta funzionando per me, ma sto ottenendo punti elenco e numeri, in TOC_Box come posso cambiarlo. Ho già numerato con tag h2.
    quindi i numeri si ripetono due volte.

  22. Grazie mille! L'ho usato per la mia Libreria Esclusiva e mi piace! Ora i miei abbonati non avranno difficoltà a trovare i loro stampabili.

    XOXO,
    Mae

  23. Un buon plugin, ma c'è un modo per escludere le pagine? Scrivere nelle intestazioni e usare * e ⎮ non funziona, almeno per me. Non sono un esperto di tecnologia, quindi potrebbe essere che abbia solo bisogno di un po' di spiegazione.

    Grazie in anticipo.

  24. Questo è il miglior plugin ma quando ho creato l'indice da questo plugin vengono mostrati più tag H1 che non è un bene dal punto di vista SEO.
    Come risolvere questo?
    Grazie

  25. Grazie. Il tuo articolo è arrivato al momento giusto per me! Stavo proprio cercando qualcosa del genere per un mio cliente.

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tieni presente che tutti i commenti sono moderati secondo la nostra politica sui commenti, e il tuo indirizzo email NON verrà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avviamo una conversazione personale e significativa.