Passa al contenuto principale

Salve! Le prove gratute sono disponibili per i piani Standard ed Essentials. Inizia gratuitamente oggi.

Come aggiungere meta tag alla sezione head del sito web: Metadati in HTML

I metadati sono il segreto della SEO del sito web. Consulta questa guida per assicurarti di aggiungere i meta tag in HTML nel modo giusto.

I meta tag, noti anche come metadati, sono snippet HTML utilizzati nello sviluppo web per descrivere il contenuto di una pagina web. I meta tag non vengono visualizzati sulle pagine, ma piuttosto esistono all’interno del codice sorgente del sito web, noto anche come codice HTML, che si trova nella sezione head del sito web. Questi tag forniscono ai motori di ricerca descrizioni del contenuto per aiutarli a determinare di cosa parla la pagina e a fornire le pagine più pertinenti per gli utenti del motore di ricerca.

I meta tag vengono utilizzati in HTML nella sezione head della pagina, il che li rende visibili solo ai motori di ricerca e a chi sa come leggere il codice sorgente del sito web. I metadati forniscono informazioni ai motori di ricerca sui dati di un sito web per favorire il posizionamento dei tuoi contenuti sui motori di ricerca più popolari come Google. Purtroppo, l’aggiunta di meta tag può essere difficile se non sai come creare i metadati per il sito web o il codice HTML.

Che cos’è il tag HTML head?

Il tag HTML head è il contenitore dei metadati. Si trova tra il tag HTML <html> e i tag body <body>. In questa sezione vengono inseriti tutti i meta tag in HTML per definire il titolo, gli stili, gli script e le altre informazioni. Quest’area della pagina non viene visualizzata nel browser web. Invece, i motori di ricerca utilizzano le informazioni per determinare l’argomento di una pagina, compreso il titolo, il contenuto, le parole chiave e altro ancora. I browser utilizzano le informazioni nella sezione head per visualizzare correttamente la pagina del sito web. A differenza della sezione head, l’elemento body viene visualizzato sulla pagina quando questa viene caricata in un browser e quindi non deve contenere metadati.

Dove si trova la sezione HTML head?

La sezione HTML head si trova tra il tag HTML e il tag body. In genere è molto più piccola del tag body perché il suo compito principale è contenere i metadati. Puoi utilizzare gli strumenti di sviluppo nel browser web per trovare la sezione HTML head di qualsiasi sito web.

Che cosa sono i metadati del sito web?

I meta tag in HTML sono informazioni importanti per i motori di ricerca. Vengono utilizzati per descrivere gli elementi HTML e comunicano il contenuto di un sito web ai motori di ricerca. I metadati del sito web includono i titoli della pagina, le descrizioni, le parole chiave e altro ancora e aiutano i motori di ricerca a eseguire il crawling e a definire il posizionamento delle pagine web. I motori di ricerca interpretano i dati e le informazioni sulle pagine del sito web per determinare quanto siano rilevanti per la query di ricerca di un utente. Le parole chiave all’interno del corpo e i backlink alla pagina svolgono un ruolo essenziale, ma i metadati hanno il compito di spiegare qual è lo scopo generale di una pagina in modo da consentirne il posizionamento rispetto alle parole chiave.

I meta tag possono migliorare le attività di SEO in quanto aiutano i motori di ricerca a capire lo scopo di una pagina. Tuttavia, non tutti i meta tag sono progettati per scopi SEO.

Ci sono vari modi per aggiungere i metadati alla sezione head di un sito web. Per prima cosa, devi accedere alla sezione head del file HTML. Puoi scaricarla e modificarla con un editor di testo o creare un nuovo file. Inoltre, puoi scegliere di aggiungere o modificare il file in cPanel File Manager. Una volta ottenuto il file HTML, individua la sezione head in cima. A seconda del modo in cui è stata sviluppata la pagina, è possibile che tu abbia già un tag title e altri tipi di meta tag.

Se non ti occupi di sviluppo di siti web per professione, probabilmente è meglio utilizzare un plugin WordPress come SEOPress o Yoast per aggiungere con facilità i meta tag alle tue pagine web.

Tag title

Il tag title viene visualizzato nelle SERP (Pagine dei risultati dei motori di ricerca) come titolo della pagina web. Ogni pagina del tuo sito web deve avere un titolo univoco. Il titolo non va confuso con il tag H1 che esiste all’interno del corpo della pagina e può fungere da titolo per il contenuto sulla pagina. I tag title non devono superare i 50-60 caratteri. In caso contrario, c’è il rischio che vengano troncati sui motori di ricerca.

Per aggiungere un titolo a una pagina web, trova il tag <title> all’interno del codice sorgente e inserisci il titolo che desideri. Una volta terminato, il tag title dovrebbe avere un aspetto simile a questo esempio:

<title> Il titolo va qui</title>

I tag title sono importanti perché aiutano i motori di ricerca a determinare l’argomento di una pagina web e quindi permettono loro di decidere se posizionare o meno la pagina in relazione a una certa query. I tag title vengono visualizzati anche nelle schede del browser per facilitare la navigazione.

I tag title più efficaci utilizzano parole chiave target per aiutare i motori di ricerca a posizionare la pagina. Tuttavia, questi devono anche indurre gli utenti a fare clic sugli articoli o sulle pagine web. Le parole chiave ad alta priorità devono comparire quanto più vicino possibile all’inizio del titolo dal momento che lo spazio a disposizione non è molto. Inoltre, ogni pagina deve avere un titolo univoco per evitare di confondere sia i motori di ricerca che i loro utenti.

Meta tag description

Una meta description è il breve riepilogo di testo che viene visualizzato nelle SERP sotto il titolo. Tutte le pagine devono presentare descrizioni univoche e accurate dei loro contenuti. Una meta description non deve superare i 150-160 caratteri. In caso contrario, c’è il rischio che venga troncata nei risultati della ricerca. Purtroppo, non è sempre possibile decidere cosa verrà visualizzato nella meta description. Anche se scrivi le meta description in prima persona, i motori di ricerca potrebbero comunque decidere che hai fornito informazioni che non sono pertinenti e scegliere di riscrivere le meta description o di visualizzare un contenuto errato a partire dalla pagina.

Per aggiungere il meta tag description a una pagina del tuo sito web, individua la sezione <meta name=" description" content= "Content goes here." > del codice HTML.

Una meta description è un’informazione importante per i motori di ricerca e gli utenti. Una meta description efficace può favorire più clic sul tuo sito web dal momento che permette di creare aspettative chiare in merito a quello che gli utenti possono aspettarsi di trovare.

L’inclusione di parole chiave target nella meta description può aiutare gli utenti a scoprire i tuoi contenuti più facilmente e, al tempo stesso, comunicare ai motori di ricerca l’argomento della pagina. Inoltre, puoi spiegare lo scopo della pagina e cosa vi troveranno i clienti dopo aver fatto clic. Puoi anche eseguire A/B test sulle meta description per capire quali versioni ricevono più clic in modo da ottenere posizionamenti più elevati e, in ultima analisi, portare più traffico sul sito web. Scopri come scrivere una descrizione efficace con questi esempi di meta description.

Meta tag robots

Il meta tag robots indica ai motori di ricerca come eseguire il crawling del tuo sito web indicando loro quali pagine vuoi che siano posizionate e quali no. Questi tag possono avere molti scopi diversi e quindi è necessario utilizzarli correttamente se vuoi che determinate pagine vengano posizionate e altre siano invece ignorate.

I tag robots indicano ai motori di ricerca se indicizzare o seguire una certa pagina oppure no grazie alle etichette INDEX e FOLLOW o NOINDEX e NOFOLLOW. Quando etichetti una pagina come INDEX, indichi ai motori di ricerca che vuoi che questa pagina compaia nelle SERP. Al contrario, quando la etichetti come FOLLOW, significa che vuoi passare il posizionamento della pagina su una pagina specifica. Un tag NOFOLLOW non viene seguito e quindi non può trasferire il posizionamento della pagina su qualsiasi altro tipo di pagina web. Queste pagine possono comunque comparire nell’indice di Google se un altro sito si collega ad esse senza utilizzare il tag NOFOLLOW. Altri motori di ricerca possono avere regole diverse per questi tag robots.

I tag robots possono avere un aspetto simile a questo:

<meta name= “robots” content=noindex, nofollow”>
<meta name= “robots” content=noindex, follow”>
<meta name= “robots” content=index, nofollow”>

In ultima analisi, i tag che utilizzi dipendono dai tuoi obiettivi per la pagina in questione. La prima riga del nostro esempio dice ai motori di ricerca di ignorare la pagina e i collegamenti al suo interno, rendendola praticamente inutile per il traffico di segnalazione. Il secondo esempio dice ai motori di ricerca di ignorare la pagina ma di seguire tutti i collegamenti ipertestuali che contiene e il terzo esempio dice ai motori di ricerca di indicizzare la pagina ma di non seguire i collegamenti ipertestuali che possono andare verso altre pagine.

Ogni pagina deve usare un singolo meta tag robots. Non ha senso usare tutte e tre le opzioni sulla stessa pagina.

Tag Open Graph

I tag Open Graph vengono utilizzati per condividere i messaggi su piattaforme di social media come Facebook. Se vuoi trasferire informazioni da un blog come l’immagine in primo piano e uno snippet, devi utilizzare il tag Open Graph. Questi tag comunicano efficacemente alle piattaforme di social media il tipo di informazioni che vuoi vengano visualizzate quando condividi un collegamento dal tuo sito web.

È molto probabile che tu abbia già visto alcuni tag Open Graph in azione. Ogni volta che condividi un collegamento da un sito web sui social media, questi generano automaticamente un’anteprima. Questa anteprima viene creata attraverso il tag Open Graph. Puoi scegliere fra molti tag Open Graph. Questi vengono visualizzati nella sezione head di HTML come

<meta property=”og:xx”>

Un Open Graph può comprendere:
<meta property=”og:title”>
<meta property=”og:description”>
<meta property=”og:type”>
<meta property=”og:image”>
<meta property=”og:url”>
<meta property=”og:site_name”>

Il titolo definisce la pagina web e il relativo argomento. Puoi fare in modo che il titolo di Open Graph sia uguale al meta titolo o modificarlo a seconda del tuo pubblico sui social media. La descrizione funziona in modo simile a una meta description, mentre il tipo definisce il tipo di contenuto. Ad esempio, il tipo potrebbe fare riferimento a una canzone, un pdf o un’immagine.

Inoltre, il tag Open Graph dell’immagine indica alle piattaforme di social media quale immagine vuoi che venga estratta dalla pagina web per fungere da immagine del post, mentre l’URL definisce l’URL della pagina che stai condividendo. Se vuoi che venga visualizzato il nome del tuo sito web, puoi utilizzare il tag del nome del sito, ma in genere questa non è una proprietà importante per gli utenti di social media.

Meta tag keywords

Il meta tag keywords viene utilizzato per descrivere le parole chiave in base alle quali desideri venga eseguito il posizionamento. Tuttavia, la maggior parte dei motori di ricerca ignora questo tag, quindi sta diventando sempre più obsoleto. Infatti, se abusi il meta tag keywords, rischi di ricevere una sanzione che vieta il posizionamento in base alle parole chiave target. Se utilizzato correttamente, questo tag può informare i motori di ricerca in merito all’argomento del tuo contenuto, evidenziando le parole chiave importanti presenti sulla tua pagina. Purtroppo, Google non utilizza il meta tag keywords. Altri motori di ricerca, però, potrebbero utilizzarlo e quindi vale la pena prenderlo in considerazione se vuoi migliorare la tua SEO su motori di ricerca diversi da Google.

Come minimo, l’utilizzo del meta tag keywords può aiutarti a tracciare quali sono le tue parole chiave target sulle varie pagine del sito web. Il tag ha questo aspetto:
<meta name+" keywords" content=" keywords go here"/>

Poiché i principali motori di ricerca non utilizzano più il meta tag keywords come fattore di posizionamento, non c’è bisogno di sprecare tempo o aggiungere codice che potrebbe rallentare il tuo sito. Piuttosto, puoi saltare questo tag del tutto e concentrarti su meta tag che possono aiutarti a migliorare i posizionamenti e l’esperienza dell’utente.

Altri meta tag HTML

Ci sono molti altri tipi di meta tag che possono essere utilizzati nella sezione head o body di un sito web, tra cui:

  • Tag canonico: Il tag canonico viene utilizzato per indicare se esiste una versione originale di una pagina web in modo da comunicare ai motori di ricerca che una versione è la pagina principale e che le altre non devono essere indicizzate. Ciò ti permette di evitare che le tue pagine siano con concorrenza l’una con l’altra in termini di posizionamento e fa sì che i contenuti duplicati non diventino un problema.
  • Tag alternative text: Il tag alternative text aiuta i motori di ricerca a leggere le immagini attraverso il testo dal momento che questi non sanno cosa è rappresentato nell’immagine. Quando scrivi un testo alternativo, usa sempre descrizioni pertinenti senza eccedere nell’uso di parole chiave. Il testo alternativo è importante anche per gli screen reader in quanto migliora l’accessibilità del sito web e quindi deve essere scritto in modo tale da avere senso per gli utenti.
  • Tag header: I tag header vengono utilizzati per modificare le dimensioni del carattere e strutturare i contenuti. Questi tag vanno da H1 (il più grande) a H6 (il più piccolo) e aiutano i lettori a visionare velocemente i contenuti.
  • Tag lingua: Il meta tag lingua indica ai motori di ricerca qual è la lingua del contenuto e identifica il Paese in modo da migliorare i risultati della ricerca in base a lingua e posizione.
  • Tag autore: I tag autore mostrano l’autore del contenuto, il che può contribuire a soddisfare il requisito EAT (Esperienza, autorevolezza e affidabilità) di Google per il posizionamento dei contenuti.
  • Data di pubblicazione: La data di pubblicazione può essere utilizzata sui blog per aiutare gli utenti a capire quanto sono pertinenti e recenti le informazioni. Scopri maggiori informazioni sui metadati per i post del blog.
  • Stile: Il tag stile contiene il codice CSS che definisce come vengono visualizzati gli elementi HTML sui browser.

Quando decidi quale tag usare, è necessario soppesare i pro e i contro. Troppo codice sul tuo sito web può avere un impatto negativo sulla velocità. La velocità della pagina definisce il tempo necessario affinché la pagina del sito web venga caricata. Quanto più tempo ci vuole per caricare una pagina, tanto più è probabile che gli utenti la abbandonino, il che significa perdere traffico web e l’opportunità di concludere una vendita. Quando calcoli la velocità della pagina, devi considerare gli utenti desktop e quelli con dispositivi mobili. Gli utenti che utilizzano i loro dispositivi mobili per visitare i siti web sono ancora meno pazienti e quindi la velocità della pagina mobile deve essere una delle priorità principali affinché gli utenti continuino a leggere i tuoi contenuti con interesse.

La velocità di pagina è un fattore importante anche in termini di posizionamento perché migliora l’esperienza utente. Quanto più velocemente viene caricata una pagina web, tanto più probabile è che un utente abbia un’esperienza positiva, il che permette ai motori di ricerca di fornire risultati migliori agli utenti. La velocità della pagina influisce anche sulle entrate perché la pagina deve caricarsi rapidamente se vuoi che l’utente continui a interagire con sito web. È questa interazione, infatti, che consente all’utente di ricevere tutte le informazioni utili prima della conversione.

I meta tag sono essenziali per i motori di ricerca, ma è sempre meglio valutare quali sono quelli di cui hai più bisogno. Abbiamo parlato dei meta tag migliori da utilizzare sul tuo sito web per migliorare la SEO, ma aggiungere troppo codice al tuo sito web può avere un impatto sulla velocità della pagina e sui posizionamenti.

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 body della pagina, verranno visualizzati nel browser, il che ha un impatto negativo sull’esperienza utente e impedisce ai motori di ricerca di utilizzare i dati in modo efficace per il posizionamento delle pagine del sito web. Se il markup non è valido, i browser potrebbero non visualizzare correttamente le pagine, quindi è sempre meglio assicurarsi che i tag siano stati posizionati nella sezione head. Questo infatti è l’unico posto in cui i motori di ricerca li cercano.

Note finali sui metadati del sito web

I metadati possono aiutarti a portare la tua SEO al livello successivo in quanto ti consentono di scrivere titoli e descrizioni e di comunicare ai motori di ricerca come interagire e comprendere il tuo sito web. Purtroppo, lavorare con il codice HTML può essere difficile se non sei uno sviluppatore di siti web. Per fortuna, questa non è la tua sola opzione. Se hai un sito web WordPress, puoi utilizzare i plugin per la SEO per semplificare l’aggiunta di tag oppure puoi usare i servizi di marketing di Mailchimp. Quando costruisci un sito web con Mailchimp, puoi scrivere meta tag per il tuo sito web, inclusi meta titoli e meta descrizioni, che ti aiutano a posizionarti sui motori di ricerca e ottenere più traffico sul sito web.

Condividi questo articolo