8 dei tag HTML più importanti per la SEO

Pubblicato: 2021-03-02

Stai utilizzando tag HTML nel tuo processo SEO?

I tag HTML sono elementi di codice con il back-end di tutte le pagine web, ma ci sono anche tipi di codice HTML specifici che forniscono ai motori di ricerca informazioni chiave per la visualizzazione SERP. Essenzialmente, questi elementi evidenziano parti del contenuto rilevanti per la ricerca e descrivono tali elementi per i crawler di ricerca.

Detto questo, non è necessario utilizzare tutti questi strumenti di codice aggiuntivi. I motori di ricerca stanno diventando più intelligenti e oggigiorno l'uso dei tag HTML è molto inferiore rispetto al passato. Ma alcuni tag continuano a resistere e alcuni hanno persino guadagnato valore SEO.

In questo post, esamineremo alcuni dei tag HTML SEO chiave che hanno ancora senso nel 2020.

1. Tag del titolo

I tag del titolo vengono utilizzati per impostare quei titoli cliccabili che vedi nella SERP:

In generale, spetta a Google creare un titolo SERP per la tua pagina e potrebbe utilizzare qualsiasi titolo di sezione all'interno della pagina, o potrebbe persino creare un nuovo titolo del tutto.

Ma il primo posto in cui Google verificherà le idee per i titoli è il tag del titolo e, se è presente un tag del titolo, molto probabilmente Google lo renderà il titolo principale nell'elenco pertinente. In quanto tale, l'ottimizzazione del tag del titolo ti dà un certo controllo sul modo in cui la tua pagina è rappresentata nella SERP.

Migliori pratiche

Da un lato, il tuo titolo dovrebbe contenere le parole chiave che lo aiuteranno a comparire nei risultati di ricerca. Dall'altro, il tuo titolo dovrebbe essere abbastanza attraente da consentire agli utenti di fare effettivamente clic, quindi è necessario un equilibrio tra l'ottimizzazione della ricerca e l'esperienza dell'utente:

Guarda la lunghezza: Google visualizzerà solo i primi 50-60 caratteri del tuo titolo e taglierà il resto. Non è un problema avere un titolo più lungo di 60 caratteri, a patto di inserire le informazioni importanti prima del punto di interruzione.
Includi un numero ragionevole di parole chiave: è probabile che il riempimento di parole chiave venga penalizzato, ma una o due parole chiave andranno bene. Assicurati solo che il tuo titolo formi una frase coerente.
Scrivi una buona copia - Non essere commerciale e non essere generico. Crea titoli descrittivi che evidenziano il valore dei tuoi contenuti e imposta aspettative adeguate, in modo che gli utenti non siano delusi quando visitano la pagina.
Aggiungi il nome del tuo marchio: se hai un marchio riconoscibile che potrebbe aumentare il tuo numero di clic, sentiti libero di aggiungerlo anche al titolo.

Codice HTML

Di seguito è riportato un po 'di codice recuperato da un articolo della BBC sulle statistiche del coronavirus. Puoi vedere un tag del titolo impostato correttamente che si trova proprio sopra il tag meta description, che è ciò di cui parleremo in seguito:

2. Tag meta descrizione

I tag meta description vengono utilizzati per impostare le descrizioni all'interno degli snippet dei risultati di ricerca:

Google non utilizza sempre i tag meta description per creare questi snippet, ma se il meta tag è presente, allora ci sono buone probabilità che la tua meta descrizione arrivi alla SERP.

Tieni presente, tuttavia, che a volte Google ignorerà il tag meta description e citerà invece un po 'di testo dalla pagina. Questo normalmente accade quando la citazione è una corrispondenza migliore per una particolare query rispetto alla meta descrizione.

Fondamentalmente, Google sceglierà l'opzione migliore per aumentare le tue possibilità di clic.

Migliori pratiche

Le regole per le meta descrizioni non sono eccessivamente rigide: dopotutto, se non riesci a scriverne una buona, anche se non riesci a scriverne una del tutto, Google ne scriverà una per te.

Guarda la lunghezza: come per i titoli, Google manterrà i primi 150-160 caratteri della tua meta descrizione e taglierà il resto. Assicurati che gli aspetti importanti siano inclusi sin dall'inizio per massimizzare l'interesse del ricercatore.
Scrivi una buona copia - Anche se la meta descrizione non viene utilizzata per il posizionamento, è comunque importante ottimizzarla per l'intento di ricerca. Più pertinente è la tua descrizione, in base alla rispettiva query, più è probabile che un utente visiterà la tua pagina.
Considera l'idea di saltare la meta descrizione: può essere difficile creare un buon testo per parole chiave particolarmente lunghe o per pagine che hanno come target una varietà di parole chiave. In questi casi, considera di lasciare fuori la meta descrizione: Google rascherà la tua pagina e popolerà il tuo snippet con alcune citazioni pertinenti in entrambi i casi.

Codice HTML

Di seguito è riportato un po 'di codice recuperato dallo stesso articolo della BBC sulle statistiche del coronavirus e puoi vedere che dopo il tag del titolo c'è un tag meta description, che fornisce un breve riassunto di ciò di cui tratta l'articolo:

3. Tag di intestazione (H1-H6)

I tag di intestazione vengono utilizzati per strutturare le tue pagine sia per il lettore che per i motori di ricerca:

Non è un segreto che a malapena qualcuno legga più un articolo - quello che generalmente facciamo invece è scansionare l'articolo finché non troviamo la sezione che ci piace, leggiamo quella sezione e poi rimbalziamo. E se l'articolo non è suddiviso in sezioni, molte rimbalzeranno immediatamente, perché è semplicemente troppo. Quindi, dal punto di vista dell'utente, i titoli sono utili aiuti alla lettura.

Dal punto di vista del motore di ricerca, tuttavia, i tag di intestazione costituiscono il nucleo del contenuto e aiutano i robot crawler di ricerca a capire di cosa tratta la pagina.

Migliori pratiche

Le regole per i titoli derivano dalle pratiche generali di copywriting: suddividi la tua copia in piccoli pezzi e mantieni una formattazione coerente:

Non utilizzare più di un'intestazione H1 - H1 si distingue dalle altre intestazioni perché è trattata dai motori di ricerca come il titolo della pagina. Da non confondere con il tag del titolo: il tag del titolo viene visualizzato nei risultati di ricerca, mentre il tag H1 viene visualizzato sul tuo sito web.
Mantieni una struttura poco profonda - Raramente è necessario andare sotto H3. Usa H1 per il titolo, H2 per i titoli delle sezioni e H3 per le sottosezioni. Qualcosa di più tende a creare confusione.
Moduli intestazioni simili a query: considera ogni intestazione come un'opportunità aggiuntiva per classificarti nella ricerca. A tal fine, ogni titolo dovrebbe suonare come una domanda o come una risposta a una domanda, parole chiave incluse.
Sii coerente con tutti i titoli - Tutti i tuoi titoli dovrebbero essere scritti in modo tale che se rimuovi tutto il testo e mantieni solo i titoli, verrebbero letti come un elenco.

Codice HTML

Di seguito è riportato uno snippet di codice recuperato dallo stesso articolo della BBC sulle statistiche del coronavirus e puoi vedere che c'è un'intestazione H2 correttamente impostata, seguita da due paragrafi:

4. Testo alternativo dell'immagine

Mentre l'obiettivo principale del testo alternativo è l'accessibilità web, l'obiettivo SEO dell'attributo alt è l'indicizzazione delle immagini.

L'obiettivo principale del testo alternativo dell'immagine è aiutare gli utenti a comprendere l'immagine quando non può essere visualizzata, ad esempio, da un visitatore con problemi di vista. In questo caso, insieme alle volte in cui, ad esempio, c'è un problema e l'immagine non viene caricata, il testo alternativo può essere utilizzato per descrivere cosa c'è nell'immagine, invece di visualizzarla.

Dal punto di vista SEO, il testo alternativo è una parte importante del modo in cui le immagini vengono indicizzate nella ricerca Google. Quindi, se c'è una componente visiva in ciò che fai - che si tratti delle immagini dei tuoi prodotti, del tuo lavoro, delle tue immagini di repertorio, della tua arte - allora dovresti assolutamente considerare l'utilizzo di testi alt immagine.

Migliori pratiche

Un prerequisito per l'aggiunta di tag di testo alternativo è trovare tutte le immagini senza di esso.

Puoi utilizzare uno strumento come WebSite Auditor per eseguire la scansione del tuo sito Web e compilare un elenco di immagini con testo alternativo mancante.

Dopo aver creato l'elenco, applica queste linee guida:

Sii conciso, ma descrittivo: un buon testo alternativo riguarda una o due righe di testo che aiuterebbero una persona ipovedente a capire cosa è raffigurato.
Non essere troppo conciso - una parola, o anche poche parole, probabilmente non la taglierà - non ci sarebbe modo di differenziare l'immagine da altre immagini. Pensa a tutte le possibili proprietà visualizzate: tipo di oggetto, colore, materiale, forma, finitura, illuminazione, ecc.
Non fare parole chiave in eccesso: non è rimasto nessun posto dove le parole chiave in eccesso funzionino ancora e il testo alternativo non fa eccezione.

Codice HTML

Ecco un esempio di uno snippet di testo alternativo da un'immagine di cellule di malattia:

5. Markup dello schema

Il markup dello schema viene utilizzato per migliorare i normali snippet SERP con funzionalità di rich snippet:

Schema.org ospita una raccolta di tag sviluppati congiuntamente da Google, Bing, Yahoo! E Yandex, e i tag vengono utilizzati dai webmaster per fornire ai motori di ricerca informazioni aggiuntive sui diversi tipi di pagine. A loro volta, i motori di ricerca utilizzano queste informazioni per migliorare i loro frammenti SERP con varie funzionalità avanzate.

Non vi è alcuna certezza sul fatto che l'utilizzo del markup Schema migliori le proprie possibilità di posizionamento - non c'è dubbio, tuttavia, che gli snippet risultanti sembrano molto più attraenti dei normali frammenti, e quindi migliorano la propria posizione nella ricerca.

Migliori pratiche

L'unica best practice è visitare schema.org e vedere se hanno tag che possono essere applicati ai tuoi tipi di pagine. Esistono centinaia, se non migliaia, di tag, quindi è probabile che ci sarà un'opzione che si applica e potrebbe aiutare a migliorare gli elenchi del tuo sito web.

Codice HTML

Ecco uno snippet di codice che specifica i dati nutrizionali per una ricetta. Puoi visitare schema.org per un elenco completo degli elementi disponibili per il markup:

6. Tag semantici HTML5

Gli elementi HTML5 vengono utilizzati per una migliore descrizione dei vari componenti della pagina:

Prima dell'introduzione degli elementi HTML5, utilizzavamo principalmente tag div per suddividere il codice HTML in componenti separati, quindi utilizzavamo classi e ID per specificare ulteriormente tali componenti. Ogni webmaster ha specificato i componenti nel proprio modo personalizzato e, come tale, è finito per essere un po 'un disastro e una sfida per i motori di ricerca capire cosa c'era su ogni pagina.

Con l'introduzione degli elementi semantici HTML5, abbiamo una serie di tag intuitivi, ognuno dei quali descrive un componente di pagina separato. Quindi, invece di taggare i nostri contenuti con un mucchio di div confusi, ora abbiamo un modo per descrivere i componenti in un modo standardizzato e di facile comprensione.

Come puoi immaginare, i motori di ricerca sono molto entusiasti dell'HTML5 semantico.

Codice HTML

Ecco alcuni degli elementi semantici HTML5 più pratici, usali per migliorare la tua comunicazione con i motori di ricerca:

articolo : isola un post dal resto del codice, rendendolo portabile
sezione : isola un gruppo di post all'interno di un blog o un gruppo di intestazioni all'interno di un post
a parte : isola il contenuto supplementare che non fa parte del contenuto principale
intestazione : isola la parte superiore del documento, l'articolo, la sezione, può contenere la navigazione
piè di pagina : isola la parte inferiore del documento, articolo, sezione, contiene meta informazioni
nav - isola i menu di navigazione, i gruppi di elementi di navigazione

7. Tag meta robot

Il meta tag dei robot riguarda le regole di coinvolgimento tra i siti web e i motori di ricerca.

È qui che i proprietari di siti Web possono delineare una serie di regole per la scansione e l'indicizzazione delle loro pagine. Alcune di queste regole sono obbligatorie, mentre altre sono più simili a suggerimenti: non tutti i crawler rispetteranno i meta tag dei robot, ma spesso i motori di ricerca tradizionali lo faranno. E se non sono presenti meta tag robots, i crawler faranno quello che vogliono.

Migliori pratiche

Il tag meta robots deve essere posizionato nella sezione head del codice della pagina e deve specificare a quali crawler si rivolge e quali istruzioni devono essere applicate:

Indirizza i robot per nome: utilizza i robot se le tue istruzioni sono per tutti i crawler, ma utilizza nomi specifici per indirizzare i singoli crawler. Il web crawler standard di Google, ad esempio, si chiama Googlebot . L'indirizzamento ai singoli robot viene solitamente eseguito per bandire i crawler dannosi dalla pagina consentendo al contempo ai crawler ben intenzionati di andare avanti.
Abbina le istruzioni ai tuoi obiettivi: normalmente vorrai utilizzare i meta tag robot per impedire ai motori di ricerca di indicizzare documenti, risultati di ricerca interni, pagine duplicate, aree di staging e qualsiasi altra cosa che non desideri venga visualizzata nella ricerca.

Codice HTML

Di seguito sono riportati alcuni dei parametri più comunemente utilizzati con i meta tag robots. Puoi utilizzarne un numero qualsiasi in un singolo meta tag robots, separati da una virgola:

noindex - la pagina non deve essere indicizzata
nofollow : i collegamenti nella pagina non devono essere seguiti
follow - i link sulla pagina devono essere seguiti, anche se la pagina non deve essere indicizzata
noimageindex : le immagini sulla pagina non devono essere indicizzate
noarchive : i risultati della ricerca non dovrebbero mostrare una versione cache della pagina
unavailable_after : la pagina non deve essere indicizzata oltre una certa data.

8. Tag canonico

Il tag canonico ti evita il rischio di contenuti duplicati:

Il succo è che una determinata pagina, non per colpa tua, può avere diversi indirizzi. A volte derivano da vari artefatti, come http / https e vari tag di tracciamento, e altre volte derivano da varie opzioni di ordinamento e personalizzazione disponibili nei cataloghi dei prodotti.

Non è un grosso problema, ad essere onesti, tranne per il fatto che tutti quegli indirizzi potrebbero essere gravosi per il budget di scansione e per l'autorità della tua pagina e possono anche incasinare il monitoraggio delle prestazioni. L'alternativa è usare un tag canonico per dire a un motore di ricerca quale di questi indirizzi di pagina è quello principale.

Migliori pratiche

Per evitare potenziali complicazioni SEO, applica il tag canonico alle seguenti pagine:

Pagine disponibili tramite diversi URL
Pagine con contenuti molto simili
Pagine dinamiche che creano i propri parametri URL

Pensieri finali

Questi sono i miei migliori tag HTML di cui preoccuparmi ancora nel 2020, anche se credo che alcuni di essi siano decisamente in via di esaurimento. Come notato, con i motori di ricerca che diventano sempre più intelligenti, c'è sempre meno bisogno di ottimizzazione dei tag HTML, perché la maggior parte delle cose può ora essere dedotta algoritmicamente. Inoltre, la maggior parte dei moderni sistemi CMS aggiunge automaticamente questi elementi, almeno in qualche modo.

Tuttavia, non lascerei interamente a Google l'interpretazione dei miei contenuti: è meglio incontrarlo a metà strada dove puoi.