Tag di intestazione: cosa sono e come usarli

Quando ho iniziato a scrivere sul blog, non avevo idea di come strutturare i miei post per posizionarli sui motori di ricerca, o anche perché fosse importante.

Ho semplicemente inserito parole e frasi in grassetto che sembravano belle e speravo di essere selezionate casualmente per le pagine dei risultati dei motori di ricerca (SERP).

Ora so che esiste una scienza ottimizzazione del blog, e quello che stavo inserendo nei post del mio blog per farli sembrare professionali si chiamava tag header/intestazione e sono uno strumento importante per la comprensione ed SEO.

Ecco una guida rapida sui tag di intestazione e su cosa servono:

• H1 — Il titolo di un post. Di solito sono incentrati sulle parole chiave, focalizzati sulla "grande idea" di una pagina o di un post e realizzati per attirare l'attenzione del lettore.
• H2 — Si tratta di sottotitoli che classificano i punti principali dei tuoi paragrafi e sezioni separate. Prendi in considerazione l'utilizzo di parole chiave semantiche correlate alla "grande idea" nel tuo H1, aiutando allo stesso tempo il lettore a trovare facilmente le sezioni che desidera leggere.
• H3 — Si tratta di sottosezioni che chiariscono ulteriormente i punti sollevati nell'H2. In alternativa, possono essere utilizzati nella formattazione di elenchi o punti elenco.
• H4 —Si tratta di sottosezioni che chiariscono ulteriormente i punti sollevati nell'H3. In alternativa, possono essere utilizzati nella formattazione di elenchi o punti elenco.

La “H” in H1, H2, ecc. sta ufficialmente per “elemento di intestazione”, sebbene la comunità SEO chiami comunemente questi tag anche “tag di intestazione”.

Come puoi intuire dalla guida sopra, il numero indica la relazione gerarchica tra ciascuno di essi (dove H1 è il più importante, H2 è meno importante e così via).

Ecco un esempio di come questa struttura gerarchica potrebbe manifestarsi nella struttura di un blog:

Ora che hai capito che i tag di intestazione forniscono la struttura a una pagina, parliamone con maggiore specificità, iniziando dal tag H1. 

Non commettere l'errore di utilizzare i tag di intestazione come nient'altro che elementi stilistici. Dopotutto, sono di natura strutturale. Pensa all'H1 come faresti con il titolo di un libro. Di solito, c'è un solo titolo per un libro, quindi dovrebbe esserci un solo titolo per la tua pagina o il tuo post. 

Inoltre, i tag H1 dovrebbero sempre trovarsi nella parte superiore della pagina prima del resto del contenuto, proprio come il titolo del libro si trova sulla copertina esterna prima di tuffarti nel testo all'interno.

Per illustrare, il tag di intestazione nell'esempio seguente è il titolo, "La guida definitiva al marketing dei prodotti nel 2021. "

Il titolo è designato come H1 per la pagina utilizzando il codice HTML. Questo codice potrebbe manifestarsi nel codice sorgente della pagina web in questo modo:

Vedi la penna H1 Esempio 1 di Cristina Perricone (@hubspot) sopra CodePen.

Tuttavia, come accennato in precedenza, esistono altri tag di intestazione che aiutano a creare la struttura di una pagina.

Quanti tag di intestazione sono supportati da HTML?

L'HTML supporta fino a sei tag di intestazione (H1-H6) da utilizzare per strutturare la pagina secondo necessità. Possono essere stilizzati visivamente in base al tuo marchio e, ad eccezione dell'H1, puoi avere quanti di questi tag desideri su una pagina. 

Le tue intestazioni dovrebbero attenersi al tema di ciò di cui stai scrivendo perché possono aiutare il lettore (e i motori di ricerca) a trovare i punti principali all'interno del contenuto e guidarli attraverso il flusso della pagina. Durante la formattazione, usa il tuo miglior giudizio quando dividi le sezioni.

Di seguito è riportato uno screenshot di un post del blog HubSpot con esempi di tag di intestazione indicati con frecce:

Come puoi vedere, ogni tag di intestazione ha un aspetto visivo diverso e ogni tag di intestazione viene utilizzato per una nuova idea.

Ora che sai qualcosa in più su cosa sono i tag di intestazione, vediamo come vengono utilizzati per la SEO.

Tag di intestazione e SEO

Potresti pensare che i tag di intestazione siano irrilevanti nel grande schema delle cose relative al sito web. Tuttavia, i tag di intestazione possono aiutare a fornire struttura a un contenuto e richiamare l'attenzione sulle idee, sui temi e (di fatto) più importanti. parole chiave in quel contenuto. Di conseguenza, i tag di intestazione hanno un peso in termini di pertinenza e leggibilità delle parole chiave. 

Considera questo: Google trova i contenuti da offrire ai suoi utenti scansione delle pagine web. Mentre lo fa, analizza il testo, le immagini e gli altri elementi che trova capire di cosa tratta quella pagina.

Quando inserisci del testo in un tag di intestazione, stai segnalando che questo testo è importante e Google lo utilizzerà per determinare il contesto della pagina, il che aiuta quindi Google a fornire risultati pertinenti alle query degli utenti.

Ecco perché è importante quando si utilizzano i tag di intestazione assicurarsi che corrispondano correttamente a intento della parola chiave. Se il tag H1 di un post non ha una parola chiave o se inserisci testo irrilevante nei tag H2 e H3, Google avrà più difficoltà a comprendere una pagina. Di conseguenza, quella pagina non si classificherà come potrebbe. 

Per illustrare, supponiamo che la tua parola chiave sia "eCommerce". Vorresti che questo si riflettesse nel tuo tag H1, quindi un titolo come "La guida per avviare un'attività di e-commerce" sarebbe l'ideale. Ciò direbbe a Google esattamente come inviare i browser web al tuo post.

I motori di ricerca esaminano anche i tag di intestazione all'interno del tuo post, quindi è bene mantenere anche quelli incentrati sulle parole chiave. Ad esempio, potresti creare alcune sezioni H2 che circondano le parole chiave a coda lunga più popolari relative all'eCommerce, come "cinque passaggi per creare un'attività di eCommerce" o "i migliori strumenti di social media per l'eCommerce".

Non devi nemmeno pensare alle parole chiave da solo: in effetti, puoi farlo facilmente parola chiave di ricerca per aiutarti o esaminare strumenti di ricerca di parole chiave come SEMRush or Ahrefs. Assicurati solo che i tag di intestazione siano amichevoli sia per gli esseri umani che per i robot dei motori di ricerca.

Le intestazioni inoltre rendono le pagine più facili da leggere. La suddivisione di diverse parti di una pagina Web mantiene le informazioni organizzate e suddivise in modo comprensibile. Questo aiuta i lettori a trovare le informazioni che stanno cercando ma anche i motori di ricerca che le stanno scansionando.

Se le tue sezioni non hanno senso, la tua pagina potrebbe non essere classificata. Pensa alle sezioni di questo post: pensi che siano state suddivise in modo leggibile?

Come aggiungere tag di intestazione in HTML

L'aggiunta di tag di intestazione in HTML è un processo abbastanza semplice. Se vuoi scrivere un H1, devi digitare E , inserendo il testo H1 tra questi due tag. Questo è lo stesso metodo per qualsiasi tipo di tag di intestazione.

Ad esempio, se il tuo h1 fosse "La guida per avviare l'eCommerce," sarebbe simile a questo:

Vedi la penna H1 Esempio 2 di Cristina Perricone (@hubspot) sopra CodePen.

Funzionerà per HTML4 o versioni precedenti. Se lavori con HTML5, potresti dover utilizzare una riga leggermente diversa per ottenere lo stesso risultato. Il cambiamento consiste nel dare un avvertimento a Google su cosa sia l'H1:

Vedi la penna H1 Esempio 3 di Cristina Perricone (@hubspot) sopra CodePen.

Puoi anche includere la punteggiatura tra i due tag. Ad esempio, potresti avere:

Vedi la penna H3 Esempio 1 di Cristina Perricone (@hubspot) sopra CodePen.

Ricorda, Google eseguirà la scansione dell'HTML dei tag di intestazione per indicare ai browser web di cosa tratta la tua pagina, quindi è importante esaminarli e vedere se le intestazioni in HTML sono formattate correttamente.

Alcune piattaforme di blogging, come WordPress e HubSpot, hanno un'opzione sulla barra degli strumenti per creare tag di intestazione, quindi ogni volta che vuoi aggiungerne uno, non devi scavare nel codice sorgente o nell'HTML per farlo.

La prossima volta che crei un post per il tuo sito web, verifica se l'aggiunta di tag di intestazione pertinenti influisce sulla SEO e sul modo in cui i tuoi lettori comprendono le informazioni.

Un buon test che mi piace utilizzare è l'invio di post a un familiare stretto che non sa molto di blog o marketing. Utilizzare il feedback di estranei e chiedere se riescono a comprendere ciò che scrivo prima di pubblicarlo mi aiuta a formattare i post in modo che siano comprensibili.

Poiché l'utilizzo delle intestazioni può aiutare la leggibilità per i tuoi utenti e la scansione per i motori di ricerca, non c'è motivo di non utilizzarle durante la creazione di pagine e post. Potresti anche notare miglioramenti nel posizionamento nei motori di ricerca, nel traffico e nel tempo trascorso sulla pagina.

Nota del redattore: questo post è stato originariamente pubblicato nel gennaio 2020 ed è stato aggiornato per completezza.

Fonte: https://blog.hubspot.com/marketing/header-tags