Salta al contenuto principale

La guida definitiva ai tag HTML per ottimizzare la SEO

Da buon marketer stavo cercando sul web altre informazioni che potessero aumentare le mie conoscenze nella SEO tecnica ai tag HTML per ottimizzare la SEO, ma tutto quello che ho trovato erano tantissimi articoli che spiegavano le stesse cose. Tutti…

Matteo Feduzi
Matteo Feduzi
Pubblicato il
La guida definitiva ai tag HTML per ottimizzare la SEO

Da buon marketer stavo cercando sul web altre informazioni che potessero aumentare le mie conoscenze nella SEO tecnica ai tag HTML per ottimizzare la SEO, ma tutto quello che ho trovato erano tantissimi articoli che spiegavano le stesse cose.

Tutti quanti ti spiegano come utilizzare i tag meta title e meta description, ma quasi nessuno (o proprio nessuno) ti spiega come utilizzare al meglio i singoli tag HTML per la SEO come ad esempio: aside, article e altri.

Effettuando una ricerca nei vari strumenti di keyword research ho infatti notato che le frasi più gettonate per queste guide sono: “html seo tag”, “html tag for seo” e altre ancora.

Dunque ho pensato: “ottimo, perché non accontentare queste persone?” Ed ecco che è nata questa guida.

Ancor prima di partire voglio condividere con te alcuni tools SEO gratuiti che mi hanno fornito grande aiuto.

Sei pronto? Eureka, si parte! 😉

Perché è importante scrivere un buon HTML per la SEO?

Quando un amico viene a casa tua lasci tutto in disordine oppure cerchi di preparare la casa al meglio? Con i crawler dei motori di ricerca è la stessa cosa.

Più la nostra casa sarà bella e pulita e più quest’ultimo riuscirà a scansionarla e valutarla al meglio.

Vediamo subito in linea generale un buon codice HTML per il template di un articolo:

<html>
  <head>
  ...
  </head>
  <body>
    <header>
      <nav>
      ...
      </nav>
    </header>
    <main>
      <article>
        <h1>...</h1>
        <p>...</p>
        <p>...</p>
        ...
      </article>
      <aside>
      ...
      </aside>
    </main>
    <footer>
      ...
    </footer>
  </body>
</html>

I tag sopra riportati sono sicuramente i più importanti e permettono di capire ai vari browser di ricerca tante cose.

Ecco cosa indicano i vari tag:

  • <html>...</html>: Il tag di apertura e chiusura del codice HTML.
  • <head>...</head>: Il tag di apertura e chiusura che contiene le meta informazioni della pagina.
  • <body>...</body>: Il tag di apertura e chiusura che definisce il corpo del documento ed è un contenitore per tutti i contenuti visibili, come intestazioni, paragrafi, immagini, collegamenti ipertestuali, tabelle, elenchi, ecc.
  • <header>...</header>: Il tag di apertura e chiusura che definisce l’intestazione della pagina.
  • <nav>...</nav>: Il tag di apertura e chiusura che definisce una serie di collegamenti per la navigazione del sito.
  • <main>...</main>: Il tag di apertura e chiusura che definisce il contenuto principale del documento.
  • <article>...</article>: Il tag di apertura e chiusura che definisce un contenuto indipendente, specialmente utilizzato per il post di un blog.
  • <aside>...</aside>: Il tag di apertura e chiusura che identifica un contenuto laterale come appunto la sidebar.
  • <footer>...</footer>: Il tag di apertura e chiusura che definisce il piè di pagina.
  • <h1>...</h1>: Il tag di apertura e chiusura che identifica l’intestazione più importante.
  • <p>...</p>: Il tab di apertura e chiusura che identifica un paragrafo.

Forse avrai sentito parlare anche del tag HTML span. Questo viene utilizzato principalmente per identificare e personalizzare alcune parole o frasi all’interno di un paragrafo.

Se conosci questi tag HTML sei già a buon punto. A proposito, ho scritto un tutorial HTML completo che ti consiglio di controllare.

Un sito che consiglio quando si vuole imparare questo linguaggio markup è W3Schools.

Consigli HTML per ottimizzare la SEO

Quando si parla di HTML e dell’ottimizzazione della Search Engine Optimization (SEO) bisogna tenere in considerazione vari aspetti che ho imparato con il tempo. Se ne conosci altri scrivimeli nei commenti, ogni parere è più che apprezzato!

Utilizza il giusto tag HTML

Utilizza sempre dei tag HTML consoni a ciò che stai cercando di realizzare come nel modello già descritto precedentemente in questa guida. Se ad esempio costruiamo il piè di pagina non dovrai utilizzare il blocco <div>, ma bensì il blocco <footer>.

Non appesantire il DOM

Solitamente i page builder creano lunghe concatenazioni HTML che vanno a generare un DOM molto lungo. La tua pagina web non dovrebbe contenere più di 900 elementi, 32 livelli nidificati o più di 60 nodi figlio.

Utilizza meta tag appropriati

Il meta title e la meta description sono due meta informazioni che vengono inserite all’interno del tag <head> e permettono di visualizzare in SERP il titolo e la descrizione del tuo articolo. Se non sono appropriate Google potrebbe cambiarle come più preferisce, ma in linea generale è sempre consigliabile aggiungerne una già appropriata con lo scopo di portare più clic possibili alla guida.

Conclusioni

E anche per questa guida è tutto. Spero veramente che tu abbia imparato quanto sia importante utilizzare il giusto tag HTML per la SEO.

Se hai dei dubbi o delle domande come sempre ti invito a scrivermi qui sotto nei commenti e noi ci vediamo in una prossima guida! 😉

Continua a leggere

Come visualizzare un sito prima di pubblicarlo
Sito Web

Come visualizzare un sito prima di pubblicarlo

Quante volte ti sarà capitato di dover cambiare hosting perché avevi dei dubbi sulla sicurezza di quest’ultimo o…

Leggi l’articolo
Escludere utenti admin dal tracciamento su GA4
Analisi dei dati

Escludere utenti admin dal tracciamento su GA4

Quante volte ti sei ritrovato con un aumento incredibile delle visite su Google Analytics per poi scoprire che…

Leggi l’articolo
Come recuperare le Pagine e il Business Manager di Facebook
Meta

Come recuperare le Pagine e il Business Manager di Facebook

Era giugno del 2022 quando per via di un problema al mio account personale su Facebook relativo all’OTP…

Leggi l’articolo

C’è un problema che questo articolo non risolve?

Scrivimi il problema che hai davanti. Se è una cosa che so fare te lo dico subito. Se non lo è, ti dico anche quello.