Un solo h1 per pagina: denominare l'argomento principale
Assegni a ogni pagina un'unica intestazione di primo livello chiara.
Un solo h1 per pagina: denominare l'argomento principale è una lezione Web Accessibility Academy gratuita su CoddyKit. Questa è la lezione 1 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Web Accessibility Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Web Accessibility Academy include 4 lezioni in totale.
Il titolo della pagina che si ascolta
L’h1 è il titolo principale della pagina. Chi usa uno screen reader spesso vi passa direttamente per capire di che cosa tratta davvero la pagina. 🔎
Un solo argomento principale
Una pagina tratta un unico argomento principale, quindi contiene un solo h1. Lo si può considerare come il titolo sulla copertina di un libro, non come il titolo di un capitolo.
<h1>Your Order Summary</h1>h1 non riguarda le dimensioni
Scelga h1 in base al significato, mai perché appare più grande. Se desidera un testo più piccolo, lo stilizzi con CSS mantenendo corretto il livello dell’intestazione.
Dà un nome, non decora
Un buon h1 descrive il contenuto che segue. Leggere solo l’h1 dovrebbe permettere di capire all’incirca che cosa si troverà in quella pagina.
Corrisponda al titolo della scheda
Il suo h1 dovrebbe richiamare il titolo della scheda del browser. Quando coincidono, gli utenti hanno la certezza di essere arrivati sulla pagina corretta.
<title>Your Order Summary - Shop</title>
<h1>Your Order Summary</h1>Non è il logo
Il nome del sito nell’angolo di solito non è l’argomento della pagina. L’h1 appartiene al contenuto della pagina, non al logo del suo marchio. 🏷️
Perché uno, non molti
Più tag h1 rendono indistinta la struttura, quindi gli utenti non riescono a distinguere l’argomento principale da una sezione. Un unico livello superiore chiaro mantiene la pagina focalizzata.
Dove si trova
Posizioni l’h1 nella parte alta del contenuto principale, prima delle sezioni che introduce. Prepara il contesto per tutto ciò che segue.
<main>
<h1>Annual Report 2025</h1>
<h2>Highlights</h2>
</main>Non inizi direttamente da h2
Iniziare una pagina con h2 lascia la struttura priva di una radice. Inserisca prima l’unico h1 della pagina, poi annidi le sezioni al suo interno.
Lo renda fedele al contenuto
Scriva l’h1 con parole semplici, comprensibili a chiunque. Eviti giochi di parole ingegnosi che nascondono lo scopo reale della pagina.
Un h1 vuoto è un problema
Un h1 che contiene soltanto un’immagine o un’icona potrebbe non essere letto come testo. Gli assegni un testo reale, anche se lo nasconde visivamente.
Verifica rapida
Quanti elementi h1 dovrebbe avere una pagina tipica?
Riepilogo
Ha imparato che l’h1 identifica l’unico argomento principale della pagina, si trova nella parte alta del contenuto e viene scelto in base al significato, non alle dimensioni. Una pagina, un h1. ✅
Domande Frequenti
La lezione «Un solo h1 per pagina: denominare l'argomento principale» è gratuita?
Sì — il testo completo di «Un solo h1 per pagina: denominare l'argomento principale» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Web Accessibility Academy, passa a CoddyKit PRO. Il corso Web Accessibility Academy include 4 lezioni in totale.
Cosa imparerò in «Un solo h1 per pagina: denominare l'argomento principale»?
Assegni a ogni pagina un'unica intestazione di primo livello chiara. Eserciti Web Accessibility Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare Web Accessibility Academy?
Non è richiesta alcuna esperienza precedente. Web Accessibility Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 1 di 4.
Quanto tempo richiede la lezione «Un solo h1 per pagina: denominare l'argomento principale»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione Web Accessibility Academy?
Sì. Ogni lezione Web Accessibility Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Un solo h1 per pagina: denominare l'argomento principale
- Livelli di annidamento senza saltare
- Le intestazioni servono alla navigazione, non sono solo testo grande
- Verificare a orecchio la struttura di una pagina