Tag HTML per la SEO: Cosa devono sapere gli utenti WordPress

Quanto sono importanti i tag HTML per la SEO? Quali devi imparare?

I tag HTML possono alterare il modo in cui i tuoi contenuti appaiono nei risultati di ricerca e come si posizionano.

Quindi i tag HTML per la SEO sono essenziali, ma puoi farli aggiungere automaticamente ai tuoi contenuti. Scopriamo come.

Cosa sono i Tag HTML per la SEO?

Mentre alcuni tag HTML elencati di seguito hanno più di un utilizzo, tutti possono influire sul modo in cui i tuoi contenuti appaiono nei risultati dei motori di ricerca.

Ad esempio, lo schema markup può creare visualizzazioni di ricerca accattivanti, aumentando significativamente il traffico.

Tutti i tag HTML aiutano i motori di ricerca a comprendere i tuoi contenuti e a farli corrispondere alle query di ricerca.

Con il 68% di tutto il traffico web che inizia dai motori di ricerca, la SEO è il canale di marketing che non puoi permetterti di ignorare.

In ogni sezione di tag di seguito, spieghiamo l'impatto SEO correlato.

Devo imparare l'HTML?

No, non è necessario imparare l'HTML per utilizzare efficacemente la SEO.

La maggior parte delle piattaforme di siti web moderne come WordPress fornisce campi modulo per inserire il titolo e la descrizione del tuo articolo. Quindi i tag HTML vengono aggiunti automaticamente.

Ma che dire degli altri tag HTML discussi in questo articolo?

Scarica il plugin All in One SEO (AIOSEO)

Consigliamo di utilizzare un plugin SEO come All in One SEO (AIOSEO).

Questo plugin, adatto ai principianti, analizza il contenuto della tua pagina web e fornisce una semplice checklist per migliorarlo.

Come funziona AIOSEO

Molti degli elementi che AIOSEO controlla hanno tag HTML correlati. E il plugin si assicurerà che questi tag vengano aggiunti per te.

Ecco alcuni elementi della pagina che AIOSEO ti aiuterà a ottimizzare e che sono correlati al codice HTML.

• Tag del titolo: All in One SEO controllerà il tuo titolo per assicurarsi che tu abbia utilizzato la tua parola chiave di destinazione. Vedrai anche se il tuo titolo ha superato i 60 caratteri, il che significa che Google Search probabilmente lo troncherà.
• Tag meta description: AIOSEO controlla anche se hai utilizzato la tua parola chiave di destinazione nella tua meta description. Ti chiederà di aggiungerla se manca. Sarai anche avvisato se la tua descrizione supera i 160 caratteri.
• Sottotitoli: Poiché i sottotitoli possono rendere il contenuto più facile da scansionare, AIOSEO controlla lunghi passaggi senza sottotitoli. Il plugin controlla anche se hai utilizzato la tua parola chiave di destinazione in alcuni dei tuoi sottotitoli.
• SEO delle immagini: AIOSEO ti consente di creare impostazioni a livello di sito per la SEO delle immagini, inclusi i tag alt.
• Schema markup: Per aggiungere lo schema markup, farai clic su alcuni pulsanti e compilerai alcuni campi modulo.
• Tag dei social media: Ottimizza i tuoi contenuti per la condivisione su Facebook e Twitter. Farai clic su alcuni pulsanti per farlo. All in One SEO aggiunge i necessari tag OG e i tag Twitter Card.
• Tag robot Noindex: Puoi nascondere i contenuti dai motori di ricerca utilizzando un semplice approccio con pulsante. AIOSEO aggiungerà automaticamente i necessari meta tag robots noindex al tuo HTML.

Se sai fare clic sui pulsanti e compilare i campi modulo, puoi utilizzare All in One SEO (AIOSEO).

All in One SEO (AIOSEO) è un plugin consolidato con migliaia di recensioni a 5 stelle su WordPress.org. E attualmente, oltre 3 milioni di persone lo utilizzano.

Ora diamo un'occhiata ai principali tag HTML per la SEO.

Tag del titolo

Il titolo della tua pagina web è una parte essenziale di uno snippet di ricerca. Insieme alla descrizione, può dare agli utenti un motivo per cliccare sul tuo sito web.

Ma come fa Google (o altri motori di ricerca) a sapere qual è il tuo titolo? È qui che entrano in gioco i tag del titolo.

I tag del titolo sono minuscoli pezzi di codice che appaiono all'inizio e alla fine dei titoli delle pagine. Questi tag dicono ai motori di ricerca: "Ecco il titolo."

Tag del titolo nel codice HTML

Ecco come appare un tag del titolo in HTML

<title></title>

Nota che c'è un tag di apertura e un tag di chiusura.

Tra questi due tag si trova il tuo titolo.

<title>Your Title Goes Here</title>

Quando inserisci un titolo nella parte superiore di una pagina web, la maggior parte delle piattaforme di siti web aggiunge automaticamente il tag del titolo. Quindi non devi nemmeno pensarci.

Ma ci sono alcune buone pratiche da tenere a mente.

Migliori pratiche per i tag del titolo

• Rendi il tuo titolo preciso e includi la tua parola chiave di riferimento.
• I motori di ricerca tagliano i titoli dopo circa 60 caratteri. Quindi, sfrutta al meglio questi 60 caratteri.
• Puoi superare i 60 caratteri, ma assicurati che la parte visibile del tuo titolo comunichi di cosa tratta il tuo articolo.
• Se il tuo titolo non è chiaro o preciso, Google potrebbe riscriverlo.

Scopri come utilizzare All in One SEO per ottimizzare i titoli.

Valore SEO dei tag del titolo

Poiché il tuo titolo e la tua descrizione appaiono nelle pagine dei risultati dei motori di ricerca (SERP), queste sono 2 opportunità chiave per persuadere gli utenti a cliccare.

Includere la tua parola chiave di riferimento nel titolo aiuta Google a capire la tua pagina, ma non è un fattore di ranking.

Tuttavia, un titolo ben formulato è un aspetto di contenuti di alta qualità. E la qualità dei contenuti è il fattore di ranking più importante.

Tag Meta Description

Abbiamo visto che gli snippet di ricerca includono una breve descrizione della tua pagina web.

Nella SEO, questa descrizione è chiamata meta description.

Come per i titoli, la maggior parte delle piattaforme di siti web fornisce un campo modulo per aggiungere una descrizione, e aggiungono automaticamente il tag meta description.

Tag Meta Description nel codice HTML

Ecco come appare un tag meta description in HTML.

<meta name="description" content="Your description goes here." />

Questo è quello che viene chiamato un tag auto-chiudente. (A differenza del tag del titolo, non c'è un tag di apertura e uno di chiusura.)

Migliori pratiche per le meta description

• Rendi la tua descrizione precisa e usala per evidenziare ciò che è unico nel tuo articolo.
• Poiché i motori di ricerca limitano lo spazio per le descrizioni delle pagine web, la pratica comune è limitarle a 160 caratteri.
• Includi la tua parola chiave di destinazione e 1-2 parole chiave correlate.

Scopri di più sulle meta description.

Valore SEO delle Meta Description

Mentre la tua meta description originale potrebbe (o non potrebbe) apparire nelle ricerche per la tua parola chiave di destinazione, Google spesso riscrive le descrizioni per farle corrispondere a diverse query di ricerca.

Per "riscrivere", intendiamo che estrae un testo diverso dalla tua pagina da visualizzare come meta description.

Nell'esempio seguente, Google sta estraendo una meta description diversa da quella che abbiamo scritto. Ma la descrizione corrisponde alla query di ricerca: "Cos'è il SEO multilingue?"

Quindi, mentre scriverai 1 meta description, il tuo articolo potrebbe apparire nelle ricerche per diverse parole chiave, ognuna delle quali visualizza una descrizione diversa estratta da Google.

Tag di intestazione

Organizzare il contenuto in modo logico e utilizzare intestazioni (o sottotitoli) per varie sezioni aiuta motori di ricerca e utenti a comprendere rapidamente il tuo contenuto.

Il pannello di modifica in WordPress fornisce opzioni di intestazione da h1 a h6.

• H1 viene utilizzato per i titoli delle pagine e di solito appare nel carattere più grande.
• Gli altri, h2-h6, sono più piccoli e vengono utilizzati per organizzare il contenuto in ordine logico e gerarchico.

Ad esempio, un articolo potrebbe avere diverse sezioni con intestazioni h2, e useresti intestazioni h3 o h4 all'interno di quelle sezioni.

In background, WordPress aggiungerà tag di intestazione HTML, che aiutano i motori di ricerca a comprendere il formato del tuo contenuto.

Tag di intestazione nel codice HTML

In HTML, un tag di intestazione appare così:

<h1></h1>

Il tag h1 è tipicamente riservato al tuo titolo. Quindi, in HTML, il titolo della tua pagina apparirebbe racchiuso tra tag h1.

<h1>This is My Page Title</h1>

Potresti chiederti perché il tag title non è qui. Il titolo della tua pagina appare nel codice HTML 2 volte:

• Racchiuso in un tag title (Questo è strettamente per i motori di ricerca)
• Racchiuso in un tag h1. (Questo è il titolo visibile ai tuoi lettori.)

Gli altri tag h utilizzano la stessa sintassi. Ad esempio, ecco un tag h2 utilizzato per una sezione dell'articolo.

<h2>Introduction to Sales</h2>

Migliori pratiche per le intestazioni

• Rendi le intestazioni utili e concrete.
• Mantienile concise in modo che siano scansionabili.
• Metti i termini più importanti all'inizio.

Valore SEO delle intestazioni

I tag di intestazione possono aiutare i motori di ricerca a trovare sezioni del tuo contenuto e a farle corrispondere a query correlate.

Per questo motivo, possono aiutare il tuo contenuto a posizionarsi per più di un termine di ricerca.

Ma sono anche importanti per creare contenuti scansionabili.

Utilizzare una struttura chiara e logica e sottotitoli per diverse sezioni può mantenere i tuoi lettori coinvolti e farli tornare per saperne di più.

Tag Alt delle Immagini

Il testo alternativo è un testo che descrive un'immagine. La maggior parte delle piattaforme web, incluso WordPress, fornisce un campo modulo per aggiungere il testo alternativo.

Ci sono 2 scopi per questo testo alternativo:

• I motori di ricerca leggono e indicizzano il testo alternativo delle immagini, e questo li aiuta a comprendere il contenuto dell'immagine.
• Gli screen reader, dispositivi utilizzati da persone con disabilità visive, leggono ad alta voce il testo alternativo.

Una volta aggiunto il testo alternativo, WordPress lo racchiude automaticamente in un tag alt dell'immagine.

Tag Alt delle Immagini nel Codice HTML

I tag alt sono attributi HTML che appaiono all'interno di un elemento immagine.

I tag immagine ("img") puntano a una sorgente online ("src") per l'immagine, sotto forma di URL.

<img src="https://upload.wikimedia.org/wikipedia/commons/c/c0/Yury_Pen_-_Portrait_of_Marc_Chagall.jpg" alt="marc chagall portrait">

Migliori Pratiche per i Tag Alt delle Immagini

• Includi sempre il testo alternativo per le immagini, a meno che non siano decorative.
• Ometti punteggiatura, trattini o simboli speciali.
• Descrivi l'immagine e il suo contesto.

Ad esempio, se la tua immagine è un grafico delle tendenze del tasso di criminalità in Norvegia, spiega cosa sta mostrando ai lettori.

alt="crime trends in oslo norway"

Valore SEO dei Tag Alt delle Immagini

I tag alt aiutano le tue immagini e i tuoi diagrammi a comparire nella ricerca per immagini.

E oltre alla SEO, migliorano l'accessibilità del tuo sito web.

Schema Markup (per Rich Snippet)

Aggiungere lo schema markup alle tue pagine web le rende idonee ad essere visualizzate come rich snippet nei risultati di ricerca.

Puoi pensare ai rich snippet come a display super-deluxe dei motori di ricerca.

Ecco uno snippet di ricerca standard.

Ed ecco un rich snippet.

Aggiungere questo tipo di markup è facile. Con All in One SEO (AIOSEO), farai clic su alcuni pulsanti e compilerai alcuni campi modulo.

Ci sono oltre 30 tipi di rich snippet tra cui scegliere, tra cui:

• Libro
• Corsi
• FAQ
• Evento
• Applicazione software
• Persona.

Mentre lo schema markup è più complicato dei tag, ha alcune somiglianze. Questo codice tagga parti di una pagina web in modo che Google possa convertire quella pagina in un rich snippet.

Marcatura dello schema in HTML

Il codice per lo schema markup può essere lungo.

Se desideri vedere come appare, ti consigliamo di consultare alcuni esempi di codice su Schema.org.

Best Practice per il Markup Schema

Ove possibile, aggiungi il markup schema alle tue pagine web.

Ed esplora i tipi di schema disponibili in AIOSEO.

Valore SEO del Markup Schema

Gli snippet avanzati attirano più click-through rispetto agli snippet standard.

Scopri di più sugli snippet in primo piano.

Tag Canonici

I tag canonici aiutano Google a distinguere le pagine duplicate indicando quale desideri venga visualizzata nei risultati di ricerca.

Un uso comune per i tag canonici è per le pagine prodotto, quando lo stesso contenuto può apparire in più aree del tuo sito.

Migliori pratiche

Quando effettui collegamenti interni, collega all'URL canonico. Questo comunica la tua preferenza a Google.

Tag Canonici nel Codice HTML

La sintassi per i tag (o attributi) canonici è:

rel="canonical"

Ecco un esempio di un link con il tag canonico aggiunto.

<link rel="canonical" href="https://example.com/sneakers/green-sneakers" />

Questo link verrebbe inserito nella sezione head dell'HTML.

I tag canonici sono un argomento di SEO tecnica. Consulta le linee guida per sviluppatori di Google sui metodi per specificare gli URL canonici.

Altri Tag HTML Importanti

Abbiamo trattato i principali tag HTML per la SEO. Ma ecco alcuni tag speciali insieme ai loro usi.

Tag Open Graph

Ti sei mai chiesto perché alcune pagine web, quando condivise su Facebook, sembrano mancare di qualcosa?

Quando un utente condivide la tua pagina su Facebook, la piattaforma di social media esamina il tuo codice alla ricerca di tag Open Graph.

Questi tag HTML dicono a Facebook quale immagine, titolo e descrizione visualizzare. Se la tua pagina non ha questi tag OG, apparirà scialba quando condivisa.

All in One SEO (AIOSEO) ti offre un modo semplice per controllare come appare il tuo contenuto su Facebook. (E non c'è bisogno di preoccuparsi del codice.)

Tag Twitter Card

I tag Twitter Card funzionano come i tag OG. E qui, puoi anche usare All in One SEO (AIOSEO) per controllare come appare la tua pagina quando condivisa su Twitter.

Puoi fare clic su 1 pulsante e avere le tue impostazioni di Facebook copiate per la condivisione su Twitter.

Attributi dei link

I backlink sono un fattore di ranking significativo. (I backlink sono link da altri siti al tuo.)

I link da siti rispettati e di qualità possono elevare il ranking del tuo sito.

Ma i link possono includere attributi, alcuni dei quali possono annullare quel valore SEO.

Ad esempio, un attributo "nofollow" dice ai motori di ricerca di ignorare il link.

Ecco come appare quell'attributo nel codice del link.

<a href="https://www.example.com" rel="nofollow">linked text</a>

Scopri gli attributi nofollow, ugc e sponsored e come evitarli.

Tag Robots Noindex

Il tag noindex impedisce ai contenuti di apparire nei risultati di ricerca.

Le pagine di accesso per il personale o le “pagine di successo” sono esempi di contenuti che potresti voler escludere dai motori di ricerca.

Ecco un attributo noindex contenuto in un tag meta robots.

<meta name="robots" content="noindex" />

In precedenza, le direttive noindex venivano talvolta aggiunte al file robots.txt di un sito. Ma questo approccio è stato deprecato nel 2019 da Google.

Tag Semantici HTML 5

I tag semantici aiutano i motori di ricerca a capire come le parti di una pagina sono correlate tra loro.

Sono stati una caratteristica importante nel rilascio di HTML 5 nel 2008.

Ecco alcuni esempi di tag semantici.

• <main>
• <aside>
• <form>
• <time>

Il codice e i temi di WordPress includono tag semantici.

Domande e Risposte sui Tag HTML per la SEO

Ora che conosci i principali tag HTML per la SEO, potresti avere alcune domande rimanenti.

Dopo i Tag HTML per la SEO . . .

Speriamo che questo post ti abbia aiutato a identificare alcuni dei principali tag HTML per la SEO e perché non è necessario imparare il codice per applicarli.

All in One SEO garantisce che il tuo sito utilizzi correttamente i metadati.

Successivamente, scopri come aggiungere una sitemap HTML al tuo sito web. Dai un'occhiata a questi strumenti SEO on-page. Ed esplora come creare un buon testo di ancoraggio.

Per saperne di più sull'ottimizzazione dei motori di ricerca, iscriviti al nostro Canale YouTube. Troverai ottimi tutorial passo passo. Puoi anche seguirci su X (Twitter), LinkedIn o Facebook per rimanere aggiornato.

Divulgazione: I nostri contenuti sono supportati dai lettori. Ciò significa che se fai clic su alcuni dei nostri link, potremmo guadagnare una commissione. Raccomandiamo solo prodotti che crediamo aggiungeranno valore ai nostri lettori.