Tag H1 di WordPress: Risolvere i problemi di gerarchia delle intestazioni
Pubblicato il |Di Siteskyline
14 min di lettura
Hai passato ore a creare la pagina WordPress perfetta. Il contenuto è solido. Le parole chiave sono posizionate. Il tuo plugin SEO mostra un segno di spunta verde.
Ma apri gli strumenti per sviluppatori del tuo browser e ispeziona la struttura delle intestazioni, e vedrai qualcosa che può silenziosamente uccidere il tuo traffico organico: una gerarchia delle intestazioni interrotta. Due H1. Un titolo del sito racchiuso in
. Sezioni che saltano da H2 direttamente a H4. O peggio, nessun H1.
Questo non è un errore da principiante. È un problema strutturale integrato nel modo in cui WordPress, i temi, i page builder e l'editor Gutenberg interagiscono, e la maggior parte dei proprietari di siti non sa nemmeno che stia accadendo.
Questa guida esiste per risolvere il problema. Che tu sia il proprietario di un sito WordPress che gestisce i propri contenuti o un'agenzia che crea siti per decine di clienti, uscirai da qui sapendo esattamente come controllare, diagnosticare e risolvere permanentemente il problema dell'ordine delle intestazioni in WordPress.
Cos'è un tag H1 e perché è importante in WordPress?
Un tag H1 (
) è l'elemento di intestazione HTML di primo livello. Nell'HTML semantico, segnala ai browser, ai motori di ricerca e alle tecnologie assistive: “Questo è l'argomento principale di questa pagina.”
Pensa ai tag di intestazione come a una struttura del documento:
H1 – Main page title (only one per page)
├── H2 – First major section
│ ├── H3 – Subsection
│ └── H3 – Another subsection
├── H2 – Second major section
│ ├── H3 – Subsection
│ │ └── H4 – Detail within subsection
└── H2 – Third major section
Salta un livello — passando da H2 a H4 — e romperai la struttura. Usa due H1 e creerai ambiguità strutturale. Usa i tag H3 per lo stile visivo e introdurrai intestazioni fantasma che confondono i crawler.
In WordPress, nello specifico, la situazione si complica rapidamente. A differenza di una pagina HTML statica in cui scrivi ogni tag manualmente, WordPress genera il markup delle intestazioni da almeno quattro fonti diverse contemporaneamente: il template dell'intestazione del tema, il titolo dell'articolo, il contenuto dell'editor e qualsiasi widget o modulo di page builder che hai aggiunto.
In July 2026, Google’s Gary Illyes addressed this directly during the SEO Office Hours podcast: arranging headings in semantic order is genuinely helpful for accessibility (especially screen reader users), but it doesn’t significantly impact Google’s ranking algorithms. John Mueller has also stated that multiple H1 tags on a page don’t confuse crawlers and have zero direct SEO impact.
Quindi, tutto questo ha importanza?
Sì, ma non per il motivo che la maggior parte delle guide SEO sostiene.
I veri motivi per cui preoccuparsi della struttura delle intestazioni in WordPress sono:
Conformità all'accessibilità — Il criterio di successo 1.3.1 delle WCAG 2.1 richiede che le informazioni e le relazioni siano determinabili a livello programmatico. Gerarchie di intestazioni interrotte non soddisfano questo requisito.
Indicizzabilità e segnali di contenuto — Sebbene Google sia in grado di analizzare markup disordinati, un H1 pulito fornisce il segnale più chiaro possibile sull'argomento della pagina, il che è importante nei casi ambigui.
Esperienza utente e tempo di permanenza — I lettori scansionano le intestazioni. Una gerarchia logica li aiuta a navigare e a rimanere più a lungo, entrambi segnali di ranking indiretti.
Pulizia dell'audit tecnico — Per le agenzie, i problemi di intestazione emergono in ogni strumento di audit (Screaming Frog, Ahrefs, SEMrush, Rank Math, Yoast). I report rivolti ai clienti appaiono negativi anche se l'impatto diretto sul ranking è dibattuto.
Come WordPress genera i tag di intestazione: le quattro fonti di conflitto
Capire perché la struttura delle intestazioni di WordPress si rompe richiede di comprendere i quattro punti da cui genera le intestazioni.
Fonte 1: Il template dell'intestazione del tema
La maggior parte dei temi WordPress visualizza il titolo del sito nell'area dell'intestazione. I temi più vecchi e mal codificati racchiudono questo elemento in un tag
, su ogni singola pagina. Ciò significa che ogni pagina del tuo sito inizia con lo stesso H1: il nome del tuo brand.
Quindi, quando viene visualizzato il titolo della pagina o del post (che dovrebbe essere l'H1), diventa un secondo H1 o viene declassato a H2.
Ecco come appare nel file di un tema difettoso header.php:
php
// Broken — site title as H1 on every page
＜h1＞＜?php bloginfo('name'); ?＞＜/h1＞
＜h2＞＜?php the_title(); ?＞＜/h2＞ // Post title wrongly demoted
Come dovrebbe apparire:
php
// Correct — site title is a link or span, post title is H1
＜p class="site-title"＞＜a href="＜?php echo home_url(); ?＞"＞＜?php bloginfo('name'); ?＞＜/a＞＜/p＞
＜h1＞＜?php the_title(); ?＞＜/h1＞
Questo è uno dei problemi H1 più comuni di WordPress ed è completamente invisibile a meno che non si ispezioni il codice sorgente della pagina. Puoi avere un plugin SEO, un punteggio di leggibilità verde e contenuti perfetti — e continuare a generare H1 duplicati su ogni pagina.
Fonte 2: L'editor a blocchi Gutenberg
L'editor a blocchi di WordPress ha introdotto modifiche deliberate al comportamento dell'H1. Per impostazione predefinita, Gutenberg de-enfatizza l'opzione H1 nel blocco Intestazione: il presupposto è che il titolo del post venga già visualizzato come H1, quindi le intestazioni dell'area di contenuto dovrebbero iniziare da H2.
In pratica, questo crea due problemi:
Problema A: Alcuni temi non visualizzano il titolo del post come H1. Se il tuo tema visualizza il titolo in un
o
per motivi stilistici, e Gutenberg ha nascosto l'H1 dalle opzioni del blocco intestazione, finisci con zero tag H1 nella pagina.
Questa è esattamente la situazione segnalata in un problema di lunga data nel repository GitHub di Gutenberg: gli utenti richiedono la possibilità di rimuovere completamente l'opzione H1 per configurazioni aziendali e di agenzia in cui l'H1 è controllato a livello di template. Il problema evidenzia una reale confusione: il comportamento predefinito dell'editor e il template del tema devono essere coordinati esplicitamente, ma WordPress non fornisce alcun controllo automatizzato per questo.
Problema B: Gli editor di contenuti possono ancora selezionare H1 nell'editor a blocchi cambiando il livello dell'intestazione. Se il tuo tema visualizza già il titolo del post come H1, un editor che aggiunge un altro blocco H1 all'interno dell'area di contenuto crea un duplicato, e non appare alcun avviso.
I page builder sono la principale fonte di caos nella gerarchia delle intestazioni in WordPress.
Ecco perché: i page builder offrono un controllo visivo granulare. Puoi trascinare un elemento di testo ovunque, modellarlo come preferisci e assegnare qualsiasi livello di intestazione. Questo è potente per il design, ma disastroso per la struttura.
Il tipico problema di intestazione dei page builder appare così:
Sezione Hero: H1 (corretto) ✓
Titolo della sezione delle funzionalità: H3 (saltato H2, scelto perché “sembra migliore”) ✗
Titolo dell'area widget: H2 (sembra un'intestazione di sezione, ma è solo un titolo di widget della barra laterale) ✗
Intestazione della testimonianza: H4 (nessun H3 sopra di essa) ✗
Intestazione CTA: H2 (ritorno a un livello superiore, ora la struttura è completamente non lineare) ✗
Il risultato è una struttura di intestazione visivamente coerente ma semanticamente priva di significato. Gli screen reader e i crawler che analizzano questo ottengono una struttura di contenuto che salta qua e là come un sommario rotto.
La documentazione di InspectWP identifica esplicitamente questo schema: gli autori e gli utenti dei page builder scelgono i livelli di intestazione in base a come appaiono piuttosto che al loro significato logico: se H3 è la dimensione visiva giusta, selezionano H3, anche senza un H2 sopra di esso.
Fonte 4: Widget e componenti del tema
Le aree widget di WordPress (barre laterali, piè di pagina, moduli di intestazione) spesso visualizzano le proprie intestazioni. Un widget “Post recenti” potrebbe essere visualizzato come H2. Un banner promozionale integrato nel tema potrebbe utilizzare H3. Nessuno di questi fa parte della struttura del contenuto, ma appaiono nella struttura delle intestazioni della pagina.
Questo crea un "rumore" di intestazione che gonfia l'apparente complessità della struttura e può spingere le intestazioni dei contenuti fuori dalla loro corretta posizione gerarchica.
I 5 problemi più comuni di H1 e gerarchia delle intestazioni in WordPress
Problema 1: Il titolo del sito è racchiuso in un H1 su ogni pagina
Come appare: Ogni pagina del tuo sito ha due H1: il nome del sito e il titolo del post.
Chi colpisce: Siti che utilizzano temi obsoleti, temi premium costruiti male o qualsiasi tema in cui lo sviluppatore ha utilizzato
per il branding del sito.
Come rilevarlo: Fai clic destro su qualsiasi pagina → Ispeziona → cerca
nel pannello Elementi. Se vedi il nome del tuo sito racchiuso in un H1 nella sezione , hai questo problema.
Come risolvere:
Opzione 1: Modifica del tema child (approccio per sviluppatori) Nel tuo tema child, header.phptrova l'output del titolo del sito e cambialo da
Nota: questo nasconde il problema visivo dell'H1 ma non risolve il problema strutturale. Il tag H1 rimane nel markup.
Opzione 3: Passa a un tema ben strutturato I temi che seguono gli standard di codifica di WordPress (Twenty Twenty-Four, Kadence, GeneratePress, Astra) gestiscono questo aspetto correttamente fin da subito. Se il tuo tema attuale ha questo problema e non sei uno sviluppatore, cambiare tema è spesso la soluzione più affidabile.
Problema 2: H1 mancante nella homepage
Come appare: La tua homepage ha zero tag H1. I plugin SEO segnalano "Nessun H1 trovato".
Chi colpisce: Siti che utilizzano un logo per il branding (nascondendo il titolo del sito), siti che utilizzano una pagina iniziale statica senza titolo visibile, o siti in cui il modello della homepage del tema non richiama the_title().
Questo è un problema reale e ricorrente nei forum di supporto di WordPress. La causa è solitamente questa sequenza: il titolo del sito è impostato per essere visualizzato nell'intestazione, ma l'utente lo nasconde (o lo sostituisce con un logo), rimuovendo l'unico H1 dalla pagina. Poiché la homepage spesso non ha un "titolo del post" come un articolo del blog, non viene generato alcun H1 automatico.
Come risolvere:
Specificamente per la homepage: Aggiungi un H1 alla tua sezione hero o al modello di pagina. Questo può essere:
Un'intestazione visibile ("Nome della tua attività | Categoria di servizio") che funge anche da H1
Un H1 visivamente nascosto aggiunto tramite CSS (position: absolute; clip: rect(0 0 0 0);) che fornisce il marcatore semantico senza disturbare il design visivo
In Gutenberg: Aggiungi un blocco Intestazione all'inizio del contenuto della tua homepage, impostalo su H1 e rendilo parte del tuo messaggio hero.
Problema 3: Livelli di intestazione saltati nel contenuto
Come appare: La struttura del contenuto salta da H2 direttamente a H4, o da H1 direttamente a H3.
Chi colpisce: Chiunque scriva contenuti lunghi e utilizzi le intestazioni per lo stile visivo piuttosto che per la struttura semantica.
Perché è importante: Come nota InspectWP, saltare i livelli di intestazione accade quando gli autori scelgono i livelli in base all'aspetto: l'H3 sembra giusto, quindi usano H3, indipendentemente dal fatto che un H2 lo preceda.
Come rilevarlo in Gutenberg: Fai clic sull'icona delle informazioni (ⓘ) nella barra degli strumenti superiore dell'editor a blocchi. Il pannello Struttura documento mostra ogni intestazione in ordine e segnala i livelli saltati con un avviso.
Come risolvere:
Controlla la struttura delle tue intestazioni usando la Struttura documento prima di pubblicare
Imposta una guida di stile per il tuo team: H2 per le sezioni principali, H3 per le sottosezioni, H4 per le sotto-sottosezioni: non saltare mai i livelli
Usa l'analisi dei contenuti di Yoast SEO o Rank Math: entrambi segnalano problemi di struttura delle intestazioni
Problema 4: Tag H1 multipli dai page builder
Come appare: Una pagina creata con Elementor o Divi ha tre o quattro tag H1 perché ogni sezione principale ha il proprio titolo "H1" in stile hero.
Come risolvere:
In Elementor: Modifica ogni widget di intestazione → controlla l'impostazione Tag HTML → imposta solo il titolo principale della pagina su H1 e cambia tutti gli altri in H2 o H3 come appropriato.
In Divi: Modifica i moduli di intestazione → sotto Avanzate → Tag HTML → cambia al livello semantico corretto.
In Beaver Builder: Ogni modulo di intestazione ha un'impostazione "Tag intestazione" nella scheda Stile. Controllali tutti.
Problema 5: Il problema di visibilità dell'H1 in Gutenberg
Come appare: Il tuo tema non visualizza il titolo del post come H1 e Gutenberg ha nascosto l'opzione H1 nel blocco Intestazione. Le tue pagine non hanno alcun H1.
Come risolvere:
Per gli sviluppatori che gestiscono un sito in cui l'H1 deve essere inserito all'interno dell'area dei contenuti, puoi ripristinare l'opzione H1 usando un filtro nel tema functions.php:
php
// Allow H1 in the Heading block
add_filter( 'allowed_block_types_all', function( $allowed_blocks ) {
return $allowed_blocks;
});
In alternativa, passa alla visualizzazione "Modifica come HTML" per il blocco Intestazione e imposta manualmente ＜h1> nel markup.
Per le configurazioni dell'agenzia dove desideri impedire gli editor dall'aggiunta di H1 (perché il modello lo controlla), utilizzare il file block_editor_settings_all filtro per limitare i livelli di intestazione nell'editor.
Come controllare la struttura delle intestazioni di WordPress (passo dopo passo)
Metodo 1: Plugin gratuito SkySEOManager
Usa Plug-in SkySEOManager incorpora SEO Analyser per trovare tutti i problemi relativi ai titoli.
Ti mostrerà tutti i problemi con i tag del titolo.
Gerarchia H1 di WordPress: la lista di controllo dell'agenzia
Se stai creando o mantenendo siti WordPress per i clienti, la struttura delle intestazioni deve far parte del processo di controllo pre-lancio e continuo. Ecco una lista di controllo ripetibile:
A livello tematico:
Il titolo del sito nell'intestazione NON è racchiuso tra ＜h1> (usa ＜p>, ＜span> o ＜div>)
Il titolo del post/pagina viene visualizzato come ＜h1> in ＜article> o ＜main> su tutti i tipi di post
La home page ha esattamente un ＜h1>: dal titolo del sito o dalla sezione degli eroi
Le pagine di archivio (categoria, tag, autore) hanno un ＜h1> descrittivo
La pagina 404 ha un ＜h1>
A livello di contenuto:
Ogni pagina ha esattamente un ＜h1> nell'area del contenuto (o zero se il tema lo gestisce tramite il titolo)
Le sezioni principali usano ＜h2>
Le sottosezioni utilizzano ＜h3> nidificate all'interno delle sezioni ＜h2>
Nessun livello di intestazione viene saltato
I titoli non vengono utilizzati solo per lo stile visivo
A livello di plugin/costruttore:
Gli elementi di intestazione Elementor/Divi/Beaver Builder hanno le impostazioni corrette dei tag HTML
Le aree widget non emettono tag H1 o H2 accidentali
Gli avvisi H1 del plugin SEO vengono risolti su tutte le pagine chiave
La corretta gerarchia delle intestazioni di WordPress: per tipo di pagina
Un modello non si adatta a ogni tipo di pagina WordPress. Ecco la struttura corretta per ciascuno:
Post del blog/Pagina di post singolo
H1: Post Title (output by theme automatically)
H2: First major section
H3: Subsection
H3: Another subsection
H2: Second major section
H3: Subsection
H4: Detail
H2: Third major section
Home page (prima pagina statica)
H1: Primary value proposition or page headline
H2: Service category or feature group
H3: Individual service or feature
H2: Testimonials or social proof section
H2: Call to action section
Pagina del prodotto WooCommerce
H1: Product name (output by WooCommerce template)
H2: Product description heading
H2: Reviews
H2: Related products
Categoria/Pagina archivio
H1: Category name (e.g., "WordPress SEO Articles")
H2: Post title within loop (if posts are displayed with headings)
Errori comuni che rompono la struttura H1 di WordPress
Errore 1: utilizzare i tag di intestazione per definire lo stile del testo Se desideri un testo in grassetto di grandi dimensioni che non sia un titolo di sezione, non utilizzare H2. Aggiungi una classe CSS a ＜p> o ＜div> e modellala visivamente. L'uso dei tag di intestazione per motivi estetici inquina il tuo schema strutturale.
Errore 2: lasciare che gli editori scelgano i livelli di intestazione a vista Senza una guida allo stile dei contenuti, gli editori graviteranno naturalmente verso livelli di intestazione che appaiono Giusto. Una breve guida interna – “H2 per le sezioni, H3 per le sottosezioni, non usare mai H1 nei contenuti” – previene la maggior parte dei problemi.
Errore 3: installare un tema WordPress senza controllare la struttura delle intestazioni Non tutti i temi WordPress premium restituiscono il markup dell'intestazione corretto. Prima di impegnarsi in un tema, ispeziona un post demo: il titolo del post viene visualizzato come H1? Il titolo del sito evita di essere H1 nelle pagine interne?
Errore 4: dare per scontato che il tuo plugin SEO copra tutto Yoast e Rank Math controllano il post che stai modificando. Non rilevano i problemi di intestazione introdotti dal modello di intestazione del tema, dai widget del piè di pagina o dai modelli di pagina di archivio. È ancora necessario un controllo manuale o una scansione di Screaming Frog.
Errore 5: correggere l'aspetto visivo anziché la struttura HTML La "correzione" più comune per il problema H1 del titolo del sito è l'aggiunta di CSS per farlo sembrare più piccolo. Ciò nasconde visivamente il problema ma lascia al suo posto il markup non funzionante. Correggi il tag HTML, non solo lo stile.
Utilizziamo i cookie per garantirti la migliore esperienza sul nostro sito web. Se continui a utilizzare questo sito, presumeremo che tu ne sia felice.
