Header: cosa significa e come riconoscerlo nei diversi contesti digitali

Header in sintesi

• Sito web: è la fascia superiore della pagina, con logo, menu di navigazione ed eventuale call to action.
• Reti e protocolli: è il blocco di metadati che precede il payload in un pacchetto dati, usato per l’instradamento.
• Email: è l’insieme dei campi tecnici (From, To, Received…) che tracciano mittente, destinatario e percorso del messaggio.
• Editoria e documenti: è l’intestazione ripetuta su ogni pagina o la testata di un articolo.
• Altri ambiti: in edilizia indica l’architrave sopra un’apertura, nel calcio inglese il colpo di testa.

Che cos’è un header

Un header è, in ogni contesto digitale, la parte che sta prima del contenuto principale e che lo descrive o lo gestisce: non esiste un unico significato, esiste un ruolo che si ripete uguale in ambiti diversi. Nel mio lavoro lo spiego sempre così ai clienti che mi chiedono “ma header è l’intestazione del sito o quella dell’email?”: è entrambe le cose, e la differenza sta nel tipo di contenuto che precede.

In italiano il termine si traduce con intestazione o, in editoria, con testata. Il sinonimo cambia in base all’ambito: per un sito si dice anche “fascia superiore” o “barra di navigazione”, per un pacchetto di rete si parla di “intestazione di protocollo”, per un’email di “intestazione del messaggio”. Non è un sinonimo unico valido ovunque, ed è proprio questo che genera confusione quando si cerca il termine su Google.

La distinzione che conta, per chi gestisce un sito o una casella email aziendale, è tra header visibile e header tecnico. L’header di una pagina web è visibile e serve all’utente per orientarsi. L’header di un’email o di un pacchetto dati è in gran parte nascosto e serve ai sistemi, non alle persone, anche se può tornare utile leggerlo per capire se un messaggio è attendibile. Nelle sezioni seguenti tratto i due casi che riguardano chi gestisce un sito: l’header del sito web e l’header di un’email, più un richiamo agli altri usi del termine per completezza.

Header di un sito web: cosa contiene e come si costruisce

L’header di un sito web è la fascia che si trova nella parte più alta di ogni pagina e che, nella maggior parte dei casi, resta identica su tutto il sito: contiene il logo, il menu di navigazione e, spesso, una call to action o il carrello se si tratta di un e-commerce. È l’elemento HTML che il browser mostra per primo, ed è anche il primo segnale di coerenza del brand che un visitatore incontra.

In HTML esiste un tag semantico dedicato, <header>, pensato per raggruppare proprio questi elementi introduttivi: logo, titolo della pagina, barra di navigazione. Usarlo al posto di un generico <div class="header"> non cambia l’aspetto grafico, ma aiuta i motori di ricerca e gli screen reader a riconoscere la struttura della pagina, un aspetto che in struttura del DOM e nei controlli di accessibilità pesa più di quanto si pensi.

Gli elementi che un header dovrebbe avere

Logo

collegato alla home page, permette di tornare al punto di partenza da qualunque pagina.

Menu di navigazione

collega le sezioni principali del sito, con eventuali sottomenu per siti complessi o e-commerce.

Call to action o carrello

l’elemento che converte, presente quasi sempre negli e-commerce e nelle pagine commerciali.

Barra di ricerca

utile quando il sito ha molti contenuti e l’utente cerca qualcosa di specifico.

Header sticky o statico: quando scegliere l’uno o l’altro

La mia posizione, su questo, è netta: uno sticky header ha senso solo se nella parte alta c’è qualcosa che l’utente userà più volte nella sessione, carrello, ricerca, CTA. Se l’header statico contiene solo logo e tre voci di menu, renderlo sticky occupa spazio sullo schermo senza aggiungere valore, soprattutto su mobile dove ogni pixel verticale conta.

Header di e-commerce e di landing page

Nella landing page l’header cambia obiettivo: il menu di navigazione sparisce quasi sempre, perché ogni link che porta fuori dalla pagina è una conversione persa. Al suo posto compare una CTA unica, a volte accompagnata da un countdown o da un elemento di riprova sociale come il punteggio medio delle recensioni. Nell’e-commerce invece l’header si arricchisce: oltre a logo e menu compaiono l’icona del carrello, la lista dei desideri e il link all’area riservata, spesso con un banner superiore per spedizioni o promozioni.

Con il mercato del digital advertising italiano che ha chiuso il 2025 a 11,8 miliardi di euro, in crescita del 5% (2025), ogni euro investito in traffico a pagamento rende più costoso un header che distrae invece di convertire: su una landing page pagata, un menu di navigazione lasciato per abitudine è quasi sempre un errore.

Header responsive e burger menu

Su mobile l’header deve restare leggibile con poco spazio: il menu di navigazione viene condensato in un’icona a tre linee, il burger menu, che apre una schermata con le voci complete al tocco. La coerenza grafica con il resto del sito, stessi colori, stessi font, stesso peso delle icone, è un criterio che spesso trovo trascurato nei siti costruiti senza un design system che fissi queste regole una volta per tutte.

Errori frequenti nell’header di un sito

Negli audit che faccio ricorrono sempre gli stessi problemi: logo non collegato alla home, menu con troppe voci di primo livello, CTA assente nelle pagine che dovrebbero vendere, header sticky che occupa un quarto dello schermo su mobile. Nessuno di questi errori è grave da solo, ma sommati spiegano buona parte dei cali di conversione che poi si vanno a cercare altrove.

Header in informatica e nelle reti

In una rete, l’header è la porzione di dati di controllo posta all’inizio di un pacchetto, contrapposta al payload, cioè il contenuto effettivo che viaggia dentro al pacchetto. Quando un dispositivo invia dati su internet, un pacchetto IP, TCP o UDP, l’header contiene l’indirizzo del mittente, quello del destinatario e le istruzioni necessarie al routing, l’instradamento che permette ai router di capire dove inviare ciascun pacchetto lungo la rete.

Lo stesso principio vale per molti formati di file: immagini JPEG, PDF, file audio MP3 iniziano con un header che dice al software che tipo di file è e quali sono le sue caratteristiche, prima ancora di leggere il contenuto vero e proprio. È la stessa logica dell’header di rete, applicata a un file invece che a un pacchetto: i metadati prima, il contenuto dopo.

Per chi gestisce un sito, questo livello tecnico raramente richiede un intervento diretto: se usi un CMS o un framework, gli header di rete sono gestiti dal server e dal protocollo HTTP, non da te. Conoscerli serve soprattutto a capire perché certi strumenti di diagnostica, quando un sito è lento o un modulo non funziona, parlano di “intestazioni della richiesta” o “header della risposta”: è lo stesso concetto applicato al traffico tra browser e server.

Header di un’email: campi, lettura e verifica dell’attendibilità

L’header di un’email è composto da due livelli: i campi visibili, che ogni client mostra senza operazioni aggiuntive, e i campi nascosti, che servono a tracciare il percorso del messaggio. I campi visibili sono mittente (From), destinatario (To), eventuali copie conoscenza (Cc), data e oggetto, quest’ultimo di norma entro i 50 caratteri per restare leggibile in anteprima.

I campi visibili e cosa indicano davvero

Il campo From mostra l’indirizzo del mittente dichiarato, ma non è detto che coincida con chi ha tecnicamente inviato il messaggio: quando il mittente tecnico è diverso dall’autore, compare un campo separato chiamato “sender”. È proprio questa distinzione, tra mittente dichiarato e mittente tecnico, la base per capire se un’email è affidabile o no.

Come vedere l’header completo per client

La procedura cambia per ogni client di posta: su Gmail si clicca sui tre puntini accanto al messaggio e si seleziona “Mostra originale”; su Outlook si segue il percorso File > Proprietà > Intestazioni Internet; su Mail di Mac si va su Vista > Messaggio > Tutte le intestazioni; su Mozilla Thunderbird si usa il menu “Altro” e poi “Visualizza sorgente”. In ciascun caso il risultato è lo stesso: una lunga lista di campi tecnici che normalmente restano nascosti.

Se devi verificare se un’email è attendibile: leggi i campi Received

Se ricevi un messaggio sospetto, la risposta non è nel campo From, che si può falsificare, ma nei campi Received, che registrano ogni server attraversato dal messaggio.

1. Apri il client di posta e visualizza l’intestazione completa seguendo la procedura del tuo provider.
2. Individua i campi “Received” e leggili dal basso verso l’alto: l’ultimo in ordine cronologico mostra il server di invio originale.
3. Confronta il dominio del server di invio con quello dichiarato nel campo “From”.
4. Se serve, copia l’indirizzo IP del server su uno strumento di tracciamento per verificarne la provenienza geografica.
5. Se il dominio dei “Received” non coincide con quello dichiarato dal mittente, tratta il messaggio come sospetto.

Due campi aggiuntivi aiutano a completare il quadro: Return-Path, l’indirizzo che riceverà una risposta, e Content-Type, che indica se il messaggio è in solo testo (text/plain) o in formato HTML con immagini (multipart/related). Chi gestisce la posta aziendale di un piccolo studio o di un e-commerce dovrebbe saper leggere almeno questi campi prima di cestinare o inoltrare un messaggio dubbio.

Sul piano dell’autenticazione, l’header di un’email può includere anche firme come DKIM, che certifica che il messaggio non è stato alterato nel tragitto, e riferimenti al DNS del dominio mittente, usato per verificare che il server di invio sia autorizzato a spedire per conto di quel dominio. Con l’Internet advertising italiano salito a 6,2 miliardi di euro, con una crescita dell’11% (2025), buona parte delle email commerciali che arrivano in casella sono campagne legittime: saper distinguere un header coerente da uno falsificato serve tanto a chi riceve quanto a chi invia newsletter e deve proteggere la propria deliverability.

Header in editoria e nei documenti

In un documento di testo o in un saggio, l’header è l’intestazione che si ripete su ogni pagina: il titolo del capitolo, il nome dell’autore o il numero di pagina, inseriti in alto e distinti dal corpo del testo. Nel giornalismo lo stesso termine indica la testata, cioè il nome della pubblicazione stampato nella parte superiore della prima pagina.

La funzione è identica a quella dell’header di un sito web o di un’email: dare un’informazione di contesto prima del contenuto, in modo che chi legge sappia subito dove si trova senza doverlo dedurre dal testo. È il motivo per cui, quando scrivo contenuti per un cliente, tratto l’intestazione di un documento con la stessa attenzione che dedico all’header di una pagina: in entrambi i casi è il primo elemento che orienta chi legge.

Altri significati di header: edilizia e sport

Fuori dall’ambito digitale, header ha due usi che vale la pena conoscere solo per evitare confusione quando il termine compare in un contesto diverso. In edilizia e architettura, header indica l’architrave o la piattabanda posta a supporto di un’apertura, come una porta o una finestra: un elemento strutturale, non informativo, che “regge” ciò che sta sopra l’apertura, non ciò che la precede.

Nel linguaggio informale dello sport, in particolare nell’inglese britannico, header indica il colpo di testa nel calcio. Non c’è alcun collegamento semantico con i significati digitali: è solo la stessa parola inglese applicata a un gesto sportivo. Lo segnalo perché capita di trovarlo nei risultati di ricerca quando si cerca “header” senza altre parole chiave, ed è bene saperlo riconoscere per scartarlo subito.

Domande frequenti sull’header

Che cos’è un header?

È il blocco di informazioni che precede il contenuto principale: in un sito web è la fascia con logo e menu, in un’email i campi tecnici con mittente e percorso, in un pacchetto di rete i metadati prima del payload. Il significato esatto dipende dal contesto in cui lo incontri.

Qual è un sinonimo di “header”?

In italiano si traduce con intestazione, o con testata quando si parla di editoria. Non esiste un sinonimo unico: per un sito si usa anche “fascia superiore”, per un’email “intestazione del messaggio”, per un pacchetto dati “intestazione di protocollo”.

Cosa sono header e footer?

Sono le due fasce fisse di un sito web, una in alto e una in basso, che si ripetono su tutte le pagine. L’header contiene logo e navigazione per orientare l’utente in entrata, il footer del sito raccoglie link secondari, contatti e informazioni legali in chiusura di pagina.

Cosa sono i tag h2 e h3?

Sono titoli di sezione del testo, diversi dall’header grafico di un sito: h1, h2, h3 fino a h6 strutturano gerarchicamente il contenuto di una pagina per lettori e motori di ricerca, mentre l’header HTML è l’elemento che raggruppa logo e navigazione in cima alla pagina.

Quali sono le dimensioni ottimali per l’header di un sito web?

Non esiste una misura fissata da uno standard valido per tutti i siti: dipende dal numero di elementi inseriti e dal dispositivo. Il criterio che uso è lasciare visibile la maggior parte del contenuto sotto la piega, controllando l’effetto reale con gli strumenti di test responsive del browser.

Qual è il formato immagine migliore per l’header di un sito web?

Dipende dal tipo di immagine: una foto si comprime meglio in formati fotografici, una grafica con trasparenza richiede un formato che la supporti. Il criterio che conta per la SEO è il peso del file, che in Search Console si traduce in un effetto diretto sui Core Web Vitals.

Cos’è la homepage e che rapporto ha con l’header?

La homepage è la prima pagina di un sito, quella a cui di norma rimanda il clic sul logo nell’header. L’header resta identico su tutte le pagine, mentre la homepage cambia contenuto rispetto alle pagine interne: sono due elementi distinti che lavorano insieme nella navigazione.