Sommario

Crea un indice cliccabile delle intestazioni, scegli dove mostrarlo e adatta stile e comportamento ai tuoi articoli più lunghi.

Panoramica

Sommario crea un elenco cliccabile delle intestazioni presenti nel contenuto, così i lettori possono raggiungere più rapidamente la sezione che cercano.

Percorso amministrazione: Airygen SEO -> Impostazioni -> Sommario

Questo modulo è particolarmente utile per tutorial, guide lunghe, documentazione e articoli strutturati con più sezioni e sottosezioni.

Metodi di output

Sommario supporta sia il posizionamento manuale sia l’inserimento automatico nel contenuto.

Output manuale

Attiva Abilita iniezione manuale TOC quando vuoi scegliere tu dove mostrare il sommario.

  • Usa Funzione template quando vuoi inserire il sommario direttamente nel template del tema.
  • Usa Shortcode quando vuoi inserire il sommario nel contenuto, in un blocco shortcode o in un’area che accetta shortcode.
  • Usa Blocco quando vuoi posizionare visivamente il sommario nell’editor a blocchi.

Funzione template:

<?php if ( function_exists( 'airygen_the_toc' ) ) { airygen_the_toc(); } ?>

Shortcode:

[airygen_toc]

Blocco:

<!-- wp:airygen/toc /-->

Inserimento automatico

Attiva Abilita iniezione automatica TOC quando vuoi che Airygen SEO inserisca il sommario automaticamente nei contenuti idonei.

  • Posizione inserimento ti permette di scegliere Prima del contenuto oppure Dopo il primo paragrafo.
  • L’inserimento automatico è utile quando vuoi mantenere la stessa posizione del sommario in molti articoli.
  • L’output manuale è più adatto quando hai bisogno di un controllo preciso sulla posizione in un template o dentro il contenuto.

Se attivi insieme Abilita iniezione manuale TOC e Abilita iniezione automatica TOC, controlla il frontend live per evitare che il sommario compaia due volte nella stessa pagina.

Impostazioni

La pagina include Impostazioni, Layout e Anteprima.

Scheda Impostazioni

Usa questa scheda per controllare metodi di output, struttura, comportamento e regole delle ancore.

Controlli di output

  • Abilita iniezione manuale TOC rende disponibili gli snippet Funzione template, Shortcode e Blocco per mostrare il sommario.
  • Abilita iniezione automatica TOC inserisce il sommario nel contenuto dei post idonei in base alla posizione scelta.
  • Posizione inserimento controlla se l’output automatico appare Prima del contenuto oppure Dopo il primo paragrafo.

Intestazione sezione

Questo blocco controlla il titolo mostrato sopra il sommario.

  • L’interruttore dell’intestazione decide se mostrare o nascondere un titolo visibile sopra l’elenco.
  • Testo cambia il testo mostrato sopra il sommario.
  • Livello intestazione cambia il livello HTML usato per quel titolo.

Ambito

  • Tipi di articolo da includere decide quali tipi di contenuto possono mostrare il sommario.

Struttura

  • Intestazioni minime mostra il sommario solo quando la pagina contiene almeno il numero di intestazioni richiesto.
  • Livelli intestazione ti permette di includere H2, H3 e H4 nell’elenco del sommario.

Comportamento

  • Scorrimento fluido anima lo spostamento quando il lettore clicca un link del sommario.
  • Aggiungi numerazione mostra numeri ordinati davanti agli elementi del sommario.
  • Comprimi al caricamento apre la pagina con il sommario già compresso.

Ancore

  • Prefisso àncora aggiunge un prefisso agli ID generati per le intestazioni, così è più facile evitare conflitti.
  • Escludi intestazioni ignora le intestazioni che corrispondono alle frasi separate da virgole che inserisci nel campo.

Scheda Layout

Usa questa scheda per adattare il sommario al tema del sito.

Temi

  • Snow Slate applica uno stile neutro bianco e grigio chiaro.
  • Honey Paper applica un aspetto caldo in stile pergamena.
  • Sky Breeze applica una tavolozza azzurra più leggera.
  • Mint Calm applica una resa verde tenue.
  • Rose Blush applica una palette rosa più morbida.
  • Lavender Mist applica una palette viola chiara.

Stile

I controlli di stile sono divisi tra intestazione del sommario, contenitore principale, link ed elenco.

  • I controlli dell’intestazione ti permettono di cambiare Colore di sfondo, Colore bordo, Stile bordo, Raggio bordo, Padding, Margine e Larghezza bordo del contenitore del titolo.
  • I controlli del titolo dell’intestazione ti permettono di cambiare Stile carattere, Colore e Dimensione carattere.
  • I controlli del contenitore principale ti permettono di cambiare larghezze dei bordi, Stile bordo, Colore bordo, Raggio bordo, Padding, Margine e Colore di sfondo dell’area che contiene l’elenco.
  • I controlli dei link ti permettono di cambiare Colore, Dimensione carattere e gli stili Grassetto, Corsivo e Sottolineato.
  • Il controllo elenco Rientro cambia il padding interno applicato alla lista dei link del sommario.

Scheda Anteprima

Usa Anteprima per controllare rapidamente il risultato prima di verificare una pagina reale.

  • Il selettore dispositivo supporta Laptop, Tablet e Cellulare.
  • L’anteprima è semplificata e serve come riferimento rapido.
  • Il tema attivo e il CSS del sito possono ancora cambiare l’aspetto finale nel frontend.
  • La schermata include anche CSS iniettato e Esempio HTML per aiutarti a capire la struttura usata dall’anteprima.

Pannello dell’editor

Nel pannello dell’editor classico puoi controllare il comportamento del sommario per un singolo articolo senza modificare le impostazioni globali.

  • Modalità visualizzazione supporta Auto, Manuale e Disabilitato.
  • Quando scegli Manuale, il pannello mostra un pulsante Shortcode per inserire rapidamente il sommario nel contenuto.

Come si usa

  1. Apri Airygen SEO -> Impostazioni -> Sommario.
  2. Nella scheda Impostazioni, decidi se vuoi usare Abilita iniezione manuale TOC, Abilita iniezione automatica TOC oppure un solo metodo principale.
  3. Se vuoi inserire il sommario in una posizione precisa, attiva Abilita iniezione manuale TOC e copia lo snippet Funzione template, Shortcode o Blocco più adatto al tuo flusso di lavoro.
  4. Se preferisci il posizionamento automatico, attiva Abilita iniezione automatica TOC e scegli in Posizione inserimento se mostrarlo Prima del contenuto oppure Dopo il primo paragrafo.
  5. Nella sezione Intestazione sezione, decidi se mostrare un titolo sopra il sommario, inserisci il Testo desiderato e scegli il Livello intestazione.
  6. Nella sezione Ambito, seleziona i tipi di contenuto che possono mostrare il sommario.
  7. Nella sezione Struttura, imposta Intestazioni minime e scegli quali Livelli intestazione devono comparire nell’elenco.
  8. Nella sezione Comportamento, decidi se attivare Scorrimento fluido, Aggiungi numerazione e Comprimi al caricamento.
  9. Nella sezione Ancore, imposta un Prefisso àncora e aggiungi in Escludi intestazioni le frasi che non vuoi includere nel sommario.
  10. Apri Layout, scegli un tema preimpostato e regola contenitore, titolo, link e Rientro per armonizzare il sommario con il tema attivo.
  11. Apri Anteprima, passa tra Laptop, Tablet e Cellulare, quindi salva le impostazioni e controlla un articolo reale che abbia abbastanza intestazioni.
  12. Se usi l’editor classico, apri un articolo specifico e usa Modalità visualizzazione per passare a Auto, Manuale o Disabilitato in base alle esigenze di quella pagina.

Controlla questi elementi dopo il salvataggio:

  • Il sommario appare solo nei contenuti che soddisfano il requisito di Intestazioni minime.
  • Ogni link del sommario porta alla sezione corretta della pagina.
  • Il metodo di output scelto non produce duplicazioni tra inserimento manuale e automatico.
  • L’aspetto della pagina live resta corretto anche dopo il caricamento del CSS del tema.

Anteprima e output reale

La scheda Anteprima mostra una rappresentazione semplificata del sommario usando le impostazioni correnti.

  • L’anteprima include il selettore dispositivo Laptop, Tablet e Cellulare.
  • L’anteprima ti aiuta a controllare rapidamente titolo, spaziatura, colori, bordi e stile dei link.
  • La schermata mostra anche CSS iniettato e Esempio HTML, così puoi vedere come Airygen costruisce il blocco di esempio.

Il sito live può comunque apparire diverso dall’anteprima.

  • L’anteprima è una rappresentazione semplificata e non riproduce tutto il contesto della pagina reale.
  • L’aspetto finale può essere influenzato dal tema attivo, dal CSS personalizzato e dalla struttura del contenuto circostante.
  • Il sommario reale dipende anche dal numero di intestazioni trovate, dai livelli selezionati e dalle esclusioni configurate.

Dopo il salvataggio, controlla un articolo reale con più sezioni e verifica che titolo, posizione, link àncora e stile finale corrispondano al risultato che vuoi pubblicare.

Vantaggi SEO

Un buon sommario rende i contenuti lunghi più facili da leggere, da scansionare e da esplorare. Questo aiuta i lettori a raggiungere più velocemente la parte che cercano e rende più chiara la struttura della pagina.

Aiuta anche a mantenere ordinati articoli approfonditi, guide tecniche e pagine di documentazione, così il contenuto risulta più comprensibile sia per gli utenti sia per i motori di ricerca.

Casi d’uso

Guide tecniche e tutorial lunghi

Prima: Un tutorial con molte sezioni costringe il lettore a scorrere a lungo prima di trovare il passaggio che gli serve davvero.

Dopo: Sommario trasforma le intestazioni in un indice cliccabile, così il lettore può saltare subito a installazione, configurazione o risoluzione problemi.

Documentazione e knowledge base

Prima: Le pagine di supporto hanno una buona struttura, ma per un nuovo visitatore è difficile capire subito l’organizzazione dei contenuti.

Dopo: Sommario rende visibile la struttura della pagina appena si apre il contenuto e aiuta l’utente a orientarsi più rapidamente.

Siti editoriali con articoli approfonditi

Prima: Un editore pubblica articoli lunghi e ben organizzati, ma i lettori arrivati da Google non vedono subito quante sezioni utili sono presenti.

Dopo: Sommario mette in evidenza i punti principali dell’articolo e rende più semplice entrare direttamente nella parte più rilevante per l’intento di ricerca.

Domande frequenti

Perché il sommario non compare in alcuni articoli?

Controlla il valore di Intestazioni minime, i Livelli intestazione selezionati, i tipi di contenuto inclusi in Ambito e l’eventuale impostazione per singolo articolo in Modalità visualizzazione.

È meglio usare l’inserimento automatico o l’output manuale?

Usa l’inserimento automatico quando vuoi una posizione coerente su molti contenuti. Usa l’output manuale quando hai bisogno di scegliere con precisione il punto in cui il sommario deve apparire.

Perché l’anteprima può essere diversa dalla pagina live?

L’anteprima è una versione semplificata del sommario. Il frontend reale dipende ancora dal tema attivo, dal CSS personalizzato e dalla struttura completa della pagina.