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

Ho appena inserito parole e frasi in grassetto che sembravano buone e speravo di essere selezionate a caso per le pagine dei risultati dei motori di ricerca (SERP).

Ora so che c’è una scienza per l’ottimizzazione del blog e ciò che stavo inserendo nei miei post per farli sembrare professionali era chiamato tag di intestazione / intestazione – e sono uno strumento importante per la comprensione e SEO.

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

• H1 – Il titolo di un post. Di solito sono incentrati sulle parole chiave, incentrati sulla “grande idea” di una pagina o di un post e creati per attirare l’attenzione del lettore.
• H2 – Questi sono 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 anche il lettore a trovare facilmente le sezioni che desidera leggere.
• H3 – Queste sono sottosezioni che chiariscono ulteriormente i punti esposti nel secondo semestre. In alternativa, possono essere utilizzati nella formattazione di elenchi o elenchi puntati.
• H4 —Queste sono sottosezioni che chiariscono ulteriormente i punti esposti nell’H3. In alternativa, possono essere utilizzati nella formattazione di elenchi o elenchi puntati.

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

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

Ecco un esempio di come questa struttura gerarchica potrebbe manifestarsi in una struttura del blog:

Ora che hai capito che i tag di intestazione forniscono la struttura a una pagina, parliamone con maggiore specificità, a partire 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 essere sempre nella parte superiore della pagina prima del resto del contenuto, proprio come il titolo del libro è sulla copertina esterna prima di immergerti nel testo all’interno.

Per illustrare, il tag di intestazione nell’esempio seguente è il titolo “La guida definitiva al marketing di prodotto 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 l’esempio 1 di Pen H1 di Christina Perricone (@hubspot) su CodePen.

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

Quanti tag di intestazione sono supportati da HTML?

HTML supporta fino a sei tag di intestazione (H1-H6) da utilizzare per strutturare la pagina in base alle esigenze. Possono essere stilizzati visivamente in base al tuo marchio e, ad eccezione dell’H1, puoi avere tutti i tag che 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. Quando stai formattando, 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

Considera questo: Google trova i contenuti da offrire ai suoi utenti eseguendo la scansione delle pagine web. Mentre lo fa, analizza il testo, le immagini e altri elementi che trova per 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, che quindi aiuta Google a fornire risultati pertinenti alle query degli utenti.

Ecco perché è importante quando si utilizzano i tag di intestazione assicurarsi che corrispondano correttamente all’intento di una 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 verrà classificata come potrebbe.

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

I motori di ricerca esaminano anche i tag di intestazione all’interno del tuo post, quindi è bene mantenere anche quelle parole chiave incentrate. Ad esempio, potresti creare alcune sezioni H2 che circondano le popolari parole chiave a coda lunga correlate all’e-commerce, come “cinque passaggi per la creazione di un’attività di e-commerce” o “i migliori strumenti di social media per l’e-commerce”.

Non devi nemmeno pensare alle parole chiave da solo – in effetti, puoi fare una facile ricerca di parole chiave per aiutarti o esaminare strumenti di ricerca per parole chiave come SEMRush o Ahrefs. Assicurati solo che i tuoi tag di intestazione siano amichevoli sia per gli umani che per i robot dei motori di ricerca.

Le intestazioni rendono anche le pagine più facili da leggere. La suddivisione in sezioni 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 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 annotare un H1, digita

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 era “La guida all’avvio dell’e-commerce,“sarebbe simile a questo:

Vedi l’esempio 2 di Pen H1 di Christina Perricone (@hubspot) su CodePen.

Funzionerà per HTML4 o versioni precedenti. Se stai lavorando con HTML5, potresti dover utilizzare una linea leggermente diversa per ottenere lo stesso risultato. Il cambiamento è dare un avvertimento a Google su cosa sia l’H1:

Vedi l’esempio 3 di Pen H1 di Christina Perricone (@hubspot) su CodePen.

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

Vedi l’esempio 1 di Pen H3 di Christina Perricone (@hubspot) su CodePen.

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

Alcune piattaforme di blog, 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 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 stanno comprendendo le informazioni.

Un buon test che mi piace usare è inviare post a un parente stretto che non sa molto di blog o marketing. Utilizzare feedback esterni e chiedere se possono comprendere i miei scritti prima della pubblicazione mi aiuta a formattare i post in modo che siano comprensibili.

Poiché l’utilizzo delle intestazioni può aiutare con la leggibilità per gli utenti e la scansione per i motori di ricerca, non c’è motivo di non utilizzarle durante la creazione di pagine e post. Potresti anche vedere salti nelle classifiche dei motori di ricerca, nel traffico e nel tempo sulla pagina.

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