I meta tag, noti anche come metadati, sono frammenti di codice HTML utilizzati nello sviluppo web per descrivere il contenuto di una pagina web.
I meta tag non compaiono sulle pagine ma si trovano all'interno del codice sorgente del sito web, noto anche come codice HTML, situato nell'intestazione del sito web. Questi tag forniscono ai motori di ricerca delle descrizioni sul contenuto della pagina per aiutarli a capirne l'argomento e a mostrare le pagine più pertinenti agli utenti dei motori di ricerca.
I meta tag vengono utilizzati in HTML nella parte superiore della pagina, e sono visibili solo ai motori di ricerca e a chi sa come visualizzare il codice sorgente del sito web. I metadati comunicano ai motori di ricerca i dati su un sito web per aiutare i tuoi contenuti a posizionarsi sui motori di ricerca popolari come Google. Purtroppo, aggiungere meta tag può essere difficile se non si sa come creare i metadati del sito web o programmare in HTML.
Cos'è il tag head HTML?
Il tag head HTML è il contenitore dei metadati. Si trova tra il tag HTML e i tag body
. Si tratta del punto in cui si inseriscono tutti i meta tag in HTML per definire il titolo, gli stili, gli script e altre informazioni. Quest'area della pagina non viene visualizzata nel browser.I motori di ricerca invece utilizzano le informazioni che contiene per determinare di cosa tratta una pagina, inclusi titolo, contenuto, parole chiave e altro ancora. I browser utilizzano le informazioni nella sezione head per visualizzare correttamente il sito web. A differenza dell'head, l'elemento body viene visualizzato nella pagina quando viene caricato nel browser, quindi non deve contenere metadati.
Dove si trova la sezione head HTML?
La sezione head HTML si trova tra il tag HTML e il tag body. Di solito è molto più breve del tag body perché il suo compito principale è quello di contenere i metadati. Puoi usare gli strumenti per sviluppatori nel tuo browser web per trovare l'elemento head HTML di qualsiasi sito web.
Cosa sono i metadati di un sito web?
I meta tag in HTML sono elementi importanti per i motori di ricerca. Vengono utilizzati per descrivere gli elementi HTML e comunicare il contenuto di un sito web ai motori di ricerca.
I metadati del sito web includono titoli delle pagine, descrizioni, parole chiave e altro per aiutare i motori di ricerca a eseguire la scansione e il posizionamento delle pagine web. I motori di ricerca interpretano i dati e le informazioni sulle pagine dei siti web per determinare quanto siano pertinenti alla ricerca di un utente. Le parole chiave all'interno del body e i backlink alla pagina svolgono ruoli fondamentali, ma i metadati spiegano lo scopo generale di una pagina per consentirle di posizionarsi in base alle parole chiave.
I meta tag possono migliorare le attività di SEO in modo da aiutare i motori di ricerca a comprendere lo scopo di una pagina. Tuttavia, non tutti i meta tag sono creati per finalità SEO.
Puoi aggiungere metadati alla sezione head di un sito web in diversi modi. Per prima cosa, dovrai accedere alla sezione head del file HTML. Puoi scaricarlo e modificarlo con un editor di testo o creare un nuovo file. Puoi anche scegliere di aggiungere o modificare il file nel cPanel File Manager. Una volta che hai il file HTML, individua la sezione head in alto. A seconda di come è stata sviluppata la pagina, potresti già avere un title tag e altri tipi di meta tag.
Se non sei uno sviluppatore di siti web, è possibile usare un plugin di WordPress come SEOPress o Yoast per aggiungere facilmente i metatag alle tue pagine web.
Title tag
Il title tag è ciò che viene mostrato nelle pagine dei risultati del motore di ricerca (SERP) come titolo della tua pagina web. Ogni pagina del sito web dovrebbe avere un titolo unico. Il titolo non deve essere confuso con il tag H1 che si trova nella sezione body della pagina e può fungere da titolo per i contenuti della pagina. I title tag dovrebbero contenere circa 50-60 caratteri per evitare di essere troncati sui motori di ricerca.
Puoi aggiungere il titolo a una pagina web trovando il tag
I title tag sono importanti perché aiutano i motori di ricerca a capire di cosa tratta una pagina web, aiutandoli infine a decidere se posizionare o meno la pagina per una determinata query. I title tag appaiono anche nelle schede del browser per agevolare la navigazione.
Un title tag efficace dovrebbe utilizzare le tue parole chiave target per aiutare i motori di ricerca a posizionare la pagina. Tuttavia, deve anche invogliare gli utenti a fare clic per poter leggere i tuoi articoli o le pagine web. Le parole chiave ad alta priorità dovrebbero apparire il più vicino possibile all'inizio del titolo, dal momento che non hai molto spazio a disposizione. Inoltre, ogni pagina dovrebbe avere un titolo unico per evitare di confondere i motori di ricerca e i loro utenti.
Tag meta description
Una meta description è il breve riepilogo testuale che appare nei risultati di ricerca sotto il titolo. Tutte le pagine dovrebbero avere descrizioni uniche e accurate del contenuto che ospitano. Una meta description dovrebbe contenere tra 150 e 160 caratteri per evitare di risultare troncata nei risultati di ricerca.
Sfortunatamente, non si può sempre avere voce in capitolo su quale sia la meta description. Anche se le scrivi tu stesso, i motori di ricerca potrebbero comunque decidere che hai fornito informazioni non pertinenti e scegliere di riscrivere le meta description o mostrare il contenuto sbagliato della pagina.
Per aggiungere il tag meta description alla tua pagina del sito web, individua la sezione del codice HTML.
Una meta description è un'informazione fondamentale per i motori di ricerca e gli utenti. Usare una meta description efficace può promuovere più clic sul sito web creando aspettative chiare su ciò che gli utenti troveranno.
Includere le parole chiave target nella meta description può aiutare le persone a scoprire i contenuti con più facilità, informando i motori di ricerca su cosa tratta la pagina. Puoi anche spiegare lo scopo della pagina e cosa i clienti troveranno una volta aver fatto clic.
Inoltre, puoi eseguire test A/B sulle tue meta description per capire quali versioni ottengono più clic, ti aiutano a posizionarti più in alto e, in ultima analisi, aumentano il traffico sul tuo sito web. Scopri come scrivere una descrizione efficace dando un'occhiata a questi esempi di meta description.
Tag meta robots
Il tag meta robots indica ai motori di ricerca come eseguire il crawling del tuo sito web, informandoli su quali pagine vuoi far classificare e quali no. Questi tag hanno molti scopi, quindi è consigliabile usarli in modo appropriato se vuoi posizionare determinate pagine e ignorarne altre.
I tag robots indicano ai motori di ricerca se devono indicizzare o seguire una pagina, etichettandola come INDEX e FOLLOW o NOINDEX e NOFOLLOW. Quando etichetti una pagina come INDEX, comunichi ai motori di ricerca che desideri che appaia nei risultati delle SERP. Invece, se indichi FOLLOW su una pagina, significa che vuoi trasferire il PageRank a una pagina specifica.
Un tag NOFOLLOW fa in modo che la pagina non venga seguita, quindi non può trasferire il PageRank a nessun altro tipo di pagina web. Queste pagine possono comunque apparire nell'indice di Google se un altro sito presenta un collegamento ad esse senza usare il tag NOFOLLOW. Altri motori di ricerca potrebbero avere regole diverse per questi tag robot.
I tag robot possono apparire più o meno così:
In sintesi, i tag che utilizzerai dipenderanno dai tuoi obiettivi per una pagina specifica. La prima riga del nostro esempio indica ai motori di ricerca di ignorare la pagina e i link al suo interno, rendendola in definitiva inutile per il traffico di riferimento.
Il secondo esempio indica ai motori di ricerca di ignorare la pagina ma di seguire tutti i collegamenti ipertestuali presenti, mentre il terzo esempio indica di indicizzare la pagina ma di non seguire i collegamenti ipertestuali che potrebbero portare ad altre pagine.
Ognuna delle pagine dovrebbe avere un tag meta robots, ma un solo tag per pagina. Non si possono usare tutte e tre le opzioni sulla stessa pagina.
Tag Open Graph
I tag Open Graph sono utilizzati per condividere messaggi su piattaforme social come Facebook. Se vuoi trasmettere informazioni da un blog come l'immagine in evidenza e un frammento, dovrai usare il tag Open Graph. Questi tag comunicano efficacemente alle piattaforme social il tipo di informazioni che vuoi mostrare quando condividi un link dal tuo sito web.
Probabilmente hai già visto in azione alcuni tag Open Graph. Ogni volta che condividi un link da un sito web sui social, viene generata automaticamente un'anteprima. Questa anteprima è creata tramite il tag Open Graph. Ci sono molti tag Open Graph tra cui scegliere, ma appariranno nella sezione head HTML come
Le opzioni che puoi inserire in un Open Graph includono:
Il title definisce la pagina web e il suo argomento. Puoi impostare il tuo meta title come title del tuo Open Graph o modificarlo a seconda del tuo pubblico sui social. La description, invece, funziona in modo simile a una meta description, mentre il type definisce il tipo di contenuto. Ad esempio, il type potrebbe riferirsi a una canzone, un pdf o un'immagine.
Inoltre, il tag Open Graph image indica alle piattaforme social quale immagine estrarre dalla pagina web per usarla come immagine del post, e l'URL definisce l'URL della pagina che condividi. Se vuoi mostrare il nome del tuo sito web, puoi farlo usando il site name tag, ma di solito non è una proprietà importante per gli utenti dei social.
Tag meta keyword
Il tag meta keyword viene utilizzato per descrivere le parole chiave per cui vuoi posizionarti. Tuttavia, la maggior parte dei motori di ricerca ignora questo tag, quindi sta diventando via via più obsoleto.
Infatti, se abusi del tag meta keyword, potresti ricevere una penalità che ti impedisce di posizionarti per le tue parole chiave target. Se usato correttamente, questo tag potrebbe informare i motori di ricerca su cosa trattano i tuoi contenuti evidenziando le parole chiave importanti trovate sulla pagina.
Purtroppo, Google non utilizza il tag meta keyword, ma altri motori di ricerca potrebbero farlo, quindi vale la pena considerarlo se vuoi migliorare la SEO utilizzando motori di ricerca diversi da Google.
Se non altro, l'utilizzo del tag meta keyword può aiutarti a tenere traccia delle parole chiave per cui cerchi di posizionarti sulle diverse pagine web del sito. Il tag si presenta in questo modo:
Poiché i principali motori di ricerca non usano più il tag meta keyword come fattore di posizionamento, puoi evitare di perdere tempo o aggiungere codice extra che può rallentare il tuo sito web. Puoi invece saltare questo passaggio e concentrarti sui meta tag che possono aiutarti a migliorare il posizionamento e l'esperienza utente.
Altri meta tag HTML
Ci sono molti altri tipi di meta tag che si possono usare nelle sezioni head o body di un sito web. Questi altri meta tag servono a vari scopi, dall'evitare problemi di contenuti duplicati al miglioramento dell'accessibilità e dell'esperienza utente. Diamo un'occhiata ad alcuni dei meta tag aggiuntivi più utili che potresti voler usare sul tuo sito web.
- Tag canonico: il tag canonico viene utilizzato per indicare se esiste una versione originale di una pagina web, per informare i motori di ricerca che una versione è la pagina principale e le altre non devono essere indicizzate. Ciò può evitare di entrare in competizione con se stessi per il posizionamento e impedire che i contenuti duplicati diventino un problema.
- Tag di testo alternativo: il tag di testo alternativo aiuta i motori di ricerca a leggere le immagini attraverso il testo poiché non sono in grado di determinare l'aspetto di un'immagine. Quando scrivi un testo alternativo, usa sempre descrizioni pertinenti senza usare troppe parole chiave. Il testo alternativo è fondamentale nei lettori di schermata per migliorare l'accessibilità del sito web, quindi deve essere comprensibile per le persone.
- Tag header: i tag header vengono utilizzati per modificare le dimensioni dei caratteri e strutturare i contenuti. Questi tag vanno da H1 (il più grande) a H6 (il più piccolo) e possono aiutare i lettori a scorrere i contenuti.
- Tag language: il meta tag language comunica ai motori di ricerca in quale lingua è scritto il contenuto e identifica il Paese per migliorare i risultati di ricerca in base alla lingua e alla posizione.
- Tag author: i tag author mostrano l'autore del contenuto, il che può aiutare a soddisfare i requisiti di competenza, autorevolezza e affidabilità (EAT) di Google per il posizionamento dei contenuti.
- Data di pubblicazione: la data di pubblicazione può essere utilizzata nei blog per aiutare gli utenti a capire quanto siano pertinenti e recenti le informazioni. Scopri di più sui metadati per i post sui blog.
- Style: il tag style contiene codice CSS per definire come gli elementi HTML devono apparire nei browser.
Dovrai valutare i pro e i contro di ciascun tag prima di decidere quale utilizzare. Una quantità maggiore di codice sul sito web può influire negativamente sulla velocità di caricamento, impedendo al sito web di caricare velocemente.
La velocità della pagina definisce il tempo necessario al caricamento di una pagina del tuo sito web. Più tempo impiega una pagina a caricarsi, più è probabile che gli utenti la abbandonino, facendoti perdere così il traffico web e l'opportunità di concludere una vendita.
Nel valutare la velocità della tua pagina, devi considerare gli utenti di computer desktop e dispositivi mobili. Le persone che utilizzano il proprio dispositivo mobile per visitare i siti web sono persino più impazienti, quindi dovresti dare priorità assoluta alla velocità della tua pagina mobile in modo da preservare l'interesse dell'utente nella lettura dei tuoi contenuti.
Anche la velocità della pagina è un fattore di posizionamento importante, perché migliora l'esperienza dell'utente. Più velocemente si carica una pagina web, più è probabile che l'utente abbia una buona esperienza, permettendo ai motori di ricerca di offrirgli risultati migliori. La velocità della pagina influisce anche sui ricavi, dal momento che per mantenere alto il coinvolgimento sul sito web dei potenziali clienti la pagina dovrà caricarsi rapidamente, permettendo loro di apprendere tutto ciò che possono prima di convertirsi.
Sebbene i meta tag siano essenziali anche per i motori di ricerca, è sempre meglio capire quali sono quelli di cui hai più bisogno. Abbiamo discusso dei meta tag principali da utilizzare sul tuo sito web per migliorare la SEO, ma aggiungere più codice al tuo sito web può influire sulla velocità della pagina e avere un impatto diretto sul tuo posizionamento.
Perché è importante aggiungere i metadati HTML nella sezione head del sito web
I metadati possono essere utilizzati solo nella sezione head del sito web. Se li inserisci nella sezione del body della pagina, saranno visibili quando vengono visualizzati su un browser, influenzando l'esperienza utente e impedendo ai motori di ricerca di utilizzare efficacemente i dati per classificare le pagine del sito web.
Se il markup non è valido, i browser potrebbero non visualizzare correttamente le pagine, quindi è sempre meglio tenere i tag nella sezione head, quella corretta, dal momento che è l'unico posto in cui i motori di ricerca li cercheranno.
In che modo i meta tag influenzano la SEO e l'esperienza dell'utente
I meta tag fanno molto più che descrivere i contenuti ai motori di ricerca; influenzano direttamente il modo in cui gli utenti interagiscono con il tuo sito prima ancora di visitarlo. Se usati correttamente, questi elementi dietro le quinte possono migliorare la tua visibilità, generare più traffico e creare una migliore prima impressione.
Tassi di clic nei risultati di ricerca
I title tag e le meta description sono opportunità per fare una buona impressione quando qualcuno effettua una ricerca su Google. Un titolo avvincente e ricco di parole chiave, insieme a una descrizione chiara e focalizzata sui benefici, può aumentare il numero di persone che cliccano sul tuo sito.
Anche quando la pagina si posiziona bene, meta tag scadenti possono portare a percentuali di clic inferiori se gli utenti scelgono concorrenti con descrizioni più accattivanti. Ogni clic è un potenziale cliente, quindi vale la pena creare meta tag che attirino l'attenzione.
Crawlabilità e indicizzazione
Il meta tag robots comunica direttamente ai motori di ricerca quali pagine includere nei risultati di ricerca e quali ignorare. Senza istruzioni adeguate, i motori di ricerca potrebbero perdere tempo a scansionare pagine irrilevanti o addirittura tralasciare completamente i contenuti più importanti.
I tag canonici prevengono i problemi di contenuti duplicati identificando la versione preferita di pagine simili, concentrando il tuo potere di posizionamento invece di distribuirlo su più URL.
Questi meta tag tecnici assicurano che i motori di ricerca possano elaborare il tuo sito in modo efficiente e classificare i tuoi contenuti migliori.
Aspetto dell'anteprima sui social
I tag Open Graph determinano l'aspetto dei tuoi contenuti quando vengono condivisi sulle piattaforme social. Senza questi tag, i social potrebbero estrarre testi o immagini casuali che non rappresentano bene i tuoi contenuti.
I meta tag social correttamente configurati ti danno il controllo su quali immagini, titoli e descrizioni accompagnano i tuoi link sui social, rendendo i tuoi contenuti visivamente più accattivanti e cliccabili.
Errori comuni da evitare con i meta tag
Molti titolari di siti web implementano i meta tag frettolosamente o si affidano a pratiche obsolete che possono compromettere i risultati SEO. Questi errori tecnici possono influire notevolmente sull'interpretazione del tuo sito da parte dei motori di ricerca e sulla decisione o meno dei visitatori di cliccare sui contenuti. Prima di finalizzare la tua strategia di meta tag, fai attenzione a questi tre errori comuni:
Utilizzare titoli o meta description duplicati
Ogni pagina del tuo sito web ha uno scopo unico, quindi usare meta tag identici su più pagine confonde sia gli utenti che i motori di ricerca. Titoli e descrizioni duplicati rendono difficile per i motori di ricerca capire cosa differenzia tra loro le pagine e possono indurli a scegliere loro stessi quale pagina posizionare.
Prenditi il tempo necessario per scrivere informazioni meta univoche e descrittive per ogni pagina, evidenziando ciò che la rende preziosa e distinta dalle altre sul tuo sito.
Inserimento di parole chiave nei meta tag
Inserire troppe parole chiave nei meta tag nella speranza di ottenere un posizionamento più alto nei risultati di ricerca in realtà produce l'effetto opposto. I motori di ricerca riconoscono questa tattica obsoleta e potrebbero penalizzare il tuo sito per questo.
Inoltre, i titoli e le descrizioni pieni di parole chiave risultano innaturali per gli utenti, portando a una riduzione dei tassi di clic. Scrivi invece meta tag chiari e convincenti che usino le parole chiave principali in modo naturale, descrivendo accuratamente il contenuto della pagina.
Trascurare i metadati di condivisione per dispositivi mobili e social
Molti titolari di siti web ottimizzano i loro meta tag per i risultati di ricerca tradizionali, ma dimenticano l'aspetto dei contenuti sui dispositivi mobili o quando vengono condivisi sui social.
I risultati di ricerca sui dispositivi mobili spesso mostrano meno caratteri, rendendo essenziali meta tag concisi e posizionati all'inizio. Allo stesso modo, non implementare meta tag Open Graph e Twitter Card significa perdere l'opportunità di controllare l'aspetto dei tuoi contenuti quando vengono condivisi.
Assicurati sempre di visualizzare in anteprima come appaiono i meta tag su diverse piattaforme per garantire che siano efficaci ovunque il tuo pubblico possa trovarti.
Cosa ricordare sui meta tag
I metadati possono aiutarti a portare la tua SEO a un livello superiore permettendoti di scrivere i titoli e le descrizioni che vuoi e di indicare ai motori di ricerca come interagire con e comprendere il tuo sito web. Purtroppo, lavorare con il codice HTML può essere difficile se non si è uno sviluppatore di siti web. Fortunatamente, hai delle alternative.
Se hai un sito WordPress, puoi usare i plugin SEO per facilitare l'aggiunta di tag, oppure puoi usare i servizi di marketing di Mailchimp. Quando crei un sito web con Mailchimp, puoi scrivere i tuoi meta tag per il tuo sito web, inclusi i meta title e le meta description, per aiutarti a posizionarti sui motori di ricerca e ottenere più traffico sul sito web.
Punti chiave da ricordare
- I meta tag sono frammenti HTML utilizzati dai motori di ricerca per classificare le tue pagine web.
- I meta tag correttamente implementati possono migliorare la visibilità del tuo sito nei risultati di ricerca, aumentare le percentuali di clic e controllare come i contenuti appaiono sui social.
- Anche se l'aggiunta di meta tag richiede una conoscenza di base dell'HTML, strumenti come i plugin rendono l'implementazione accessibile anche senza competenze tecniche.