Articles

Cosa sono i Meta Tag?

Che cosa sono i Meta Tag?

Parliamo dei meta tag: cosa sono, perché contano e come farli meglio.

Per prima cosa — cosa ti ha fatto cliccare su questo articolo per leggerlo?

Forse il titolo ha attirato la tua attenzione, o forse è stato il breve blurb che hai visto.

Potresti aver cliccato semplicemente perché questo articolo proviene da una fonte di fiducia.

Se hai trovato questo articolo tramite un motore di ricerca, però, c’è una buona probabilità che hai trovato e cliccato questo articolo a causa di meta tag.

Dovresti dedicare del tempo ai Meta Tag?

I meta tag sono il fondamento del SEO e la prima cosa che ti ritroverai a configurare quando costruisci una pagina web.

Senza meta tag, non è possibile raggiungere i lettori in modo organico.

Non ci vuole molto tempo per generare meta tag, ma è più importante di quanto si possa pensare.

Questo perché il 93% di tutte le esperienze online inizia con un motore di ricerca.

Statistiche di ottimizzazione dei motori di ricerca per il 2017 perché i meta tag contano

Questo è il motivo per cui così tanti marketing online sono così concentrati sull’ottenere SEO giusto.

Il traffico di ricerca organico è il santo graal della SEO, quindi non può essere ignorato.

Che cosa sono i Meta Tag?

Il tuo contenuto deve essere leggibile e attraente per gli utenti sui motori di ricerca.

È necessaria una sintassi molto specifica.

È simile a come librerie e biblioteche organizzano i loro archivi di libri — e questo è ciò che i meta tag sono, essenzialmente.

Cosa sono i Meta Tag?

I meta tag sono un tipo di tag HTML che fornisce ai motori di ricerca informazioni su una pagina web.

Diamo un’occhiata agli elementi di base.

Neil Patel Digital Marketing

I tag titolo e descrizione costituiscono quasi l’intera voce.

Se non fosse per questi meta tag, tutto ciò che vedresti nelle SERP di Google sarebbe il mio URL.

Neil Patel Digital Marketing Tag

Title e description tag sono i due tag più utilizzati per scopi SEO, ma SEO non è l’unica parte del marketing digitale.

Il marketing digitale avanzato richiede l’uso di ancora più tag che migliorano il page rank e l’esperienza utente complessiva.

Proprio come questo risultato di ricerca, scoprirai presto che questi tag controllano come viene visualizzata e navigata l’intera presenza digitale.

Le macchine possono leggere gli URL bene. Se scrivessi per le macchine, il mio sito web sarebbe simile a questo:

Neil Patel Source Code 1 / Cosa sono i Meta Tag?

Google dà la priorità a determinati tag perché forniscono un contesto per le persone.

Ho costruito il mio sito web anche per le persone, quindi assomiglia a questo:

Neil Patel Website cosa sono i meta tag e perché contano

Questo polacco è ciò che il marketing è tutto.

In questo post del blog, esploreremo i meta tag e vedremo come influenzano i tuoi sforzi globali di marketing digitale.

Mentre semplice, il diavolo è nei dettagli, e ogni dettaglio conta.

Come i meta tag influenzano l’immagine del marchio e le percentuali di clic

Puoi assolutamente giudicare un libro dalla sua copertina. È ciò per cui sono progettate le copertine.

Il tuo tag title e meta description crea la copertina per la tua pagina web. Sono la tua prima impressione sulla maggior parte dei visitatori.

Non si tratta solo di motori di ricerca, ma di come visualizziamo Internet.

Reddit è un sito di link-aggregazione di base che toglie tutte le campane e fischietti.

Reddit dipende dal titolo e dall’immagine per invogliare conversazioni e clic.

Reddit / Cosa sono i Meta Tag?

Usare correttamente i meta tag è come usare il formato corretto per un’email aziendale.

Certo, puoi mettere quello che vuoi là fuori, ma c’è un livello di professionalità che ci si aspetta ad un certo punto.

Anche Amazon vi darà solo una foto, titolo, e una breve descrizione per rendere il vostro punto.

amazon meta tag example

Pensa a questi tag come al tuo elevator pitch.

Ti viene dato tanto spazio quanto un Tweet per vendere l’intero marchio e prodotto.

Il che significa che è necessario inchiodarlo.

Non puoi semplicemente chiamare in questo dettaglio e lucidare tutto il resto. Se lo fai, nessuno vedrà mai il resto di ciò che hai lucidato.

Sappiamo già come i meta tag influenzano il SEO, ma non è l’unico elemento.

I meta tag renderanno più facili i tuoi sforzi di email marketing e marketing automation fornendo informazioni per i link inviati via email.

I tag sono un elemento cruciale che determina l’aspetto dei miei post sui social media automatizzati.

Neil Patel Twitter 2 meta tag exxample

Quando altri blogger, YouTuber e influencer dei social media (e micro-influencer) condividono i tuoi contenuti, i tag lo rendono più facile.

Pensa ai meta tag come alla confezione del tuo prodotto.

Se il vostro imballaggio non è spot-on, nessuno potrà mai acquistare il vostro prodotto, non importa quanto grande è!

Quindi quali sono alcune best practice da implementare per i tag?

Meta Tag Best Practice

Ci sono un sacco di diversi tag HTML che possono essere utilizzati su una pagina web. Ci concentreremo solo su una manciata di tag significativi.

Inizieremo con quello che potrebbe averti portato qui oggi.

Title Tag

Non è tecnicamente un meta tag, ma viene visualizzato nell’intestazione e viene utilizzato come uno.

A luglio 2017, i limiti di caratteri per i tag titolo nei risultati di ricerca di Google sono 78 sui dispositivi mobili e 70 su un desktop.

Tuttavia, ciò non significa necessariamente che dovresti usare tutti quei caratteri e 60 è il limite generalmente raccomandato.

Parole chiave a coda lunga fanno la differenza.

Ecco i migliori meta titoli nelle SERP per “Come rendere efficace il content marketing.”

Content Marketing meta tag examples

Aggiungendo l’anno, otteniamo una serie completamente nuova di risultati per ” come rendere efficace il content marketing 2017.”

Alcuni utenti vorranno informazioni di base, mentre altri vorranno il più attuale.

Content Marketing meta tag titles examples

Modificando il tag del titolo, possiamo influenzare quale di queste ricerche classifichiamo.

In definitiva, l’obiettivo è colpire entrambi, ma non è sempre fattibile.

Assicurarsi che la parola chiave è nel titolo, o troverete i vostri articoli sepolti nei risultati di ricerca.

Ad esempio, quando cerco i “migliori tacos di Tucson”, alcuni ristoranti sono a pagina 10 qui sotto, anche Del Taco.

Questa è un’opportunità sprecata per quella capitale taco del paese!

Tucson Tacos meta tag title examples

Queste piccole imprese potrebbero migliorare notevolmente i risultati di ricerca, le vendite e il ROI semplicemente aggiungendo “i migliori tacos di Tucson” ai loro tag title.

Ecco un esempio dell’HTML richiesto per un tag title che si trova nell’intestazione.

<testa>

<titolo>Il Miglior Titolo di Esempio Potrei Venire Con</titolo>

</head>

In WordPress, è facile dare la tua pagina, un titolo.

Non puoi davvero perdertelo.

Wordpress meta tag Title

Questo è tutto quello che c’è da fare!

Tag immagine

Come tag titolo, tag immagine non sono etichettati “meta.”

Ma sono chiaramente utilizzati dai motori di ricerca, aggregatori di link e altri siti per identificare il tuo sito.

Ci sono due descrizioni di immagini in realtà stipati in un tag.

Ecco come appare il codice HTML.

< img src= ” immagine.jpg “alt =” image description “title = ” image tooltip”>

Entrambi i tag alt e title dovrebbero essere definiti per la migliore esperienza.

Il titolo viene visualizzato sullo schermo quando si passa il cursore su di esso.

Il testo alt viene visualizzato quando l’immagine non può essere renderizzata (o viene parlata a non vedenti e ipovedenti).

Quando carichi un’immagine su WordPress, ti verrà richiesto di inserire il titolo, la didascalia, il testo alt e la descrizione.

Wordpress Image meta tag

Più campi si compila (anche se si utilizzano le stesse informazioni), più le immagini diventano ricercabili.

Ovunque dal 20-60% di tutto il traffico di Google va a siti con grafica ben ottimizzata.

Perché non vorresti essere incluso?

È anche una questione di conformità del sito web ADA.

Ci sono circa 58.200 persone con un certo livello di disabilità visiva per milione solo negli Stati Uniti.

perché i meta tag contano numero di persone con cecità grafico

Questo è un segmento enorme della popolazione che non avrebbe una grande esperienza utente senza tag alt image.

Ottimizza le tue immagini per i motori di ricerca e gli utenti.

Descrizione Meta Tag

Un meta description tag ti dà la possibilità di fornire una panoramica del contenuto della pagina.

Sono limitati a circa 160 caratteri e non sono direttamente legati agli algoritmi di ricerca di Google!

Ancora una volta, il motivo per cui hai bisogno di tag di descrizione è migliorare l’esperienza utente.

I tag di descrizione incoraggiano i click-through.

Ecco come appare l’HTML:

<head>
< meta name=”description” content=”Questo è un esempio del testo che verrà visualizzato nei risultati di ricerca. Continua a leggere per saperne di più sui tag di descrizione.”>
</head>

Senza una meta descrizione, Google sarà predefinito per qualsiasi frase di anteprima si sente meglio comprende il contenuto.

Questa non è necessariamente una brutta cosa.

Questo post non ha una meta descrizione (li uso raramente), e si colloca bene.

Neil Patel Social Media Marketing meta tag esempio

Naturalmente, i miei blog sono pieni di contenuti rilevanti in brevi, frasi dolci. La maggior parte di loro avrebbe funzionato come descrizioni per conto proprio.

Tuttavia, non c’è nulla di male nell’aggiungere ulteriori informazioni per rendere i tuoi contenuti più ricercabili.

Robot Noindex e Nofollow Meta Tag

Robot meta tag non sono sempre necessari.

Per impostazione predefinita, tutte le pagine e i link creati sul tuo sito web sono indicizzati come “segui” dai bot di ricerca e dai web crawler.

Ogni volta che vuoi reindirizzarli, avrai bisogno di un meta tag robot.

Ecco il codice HTML noindex:

<html><testa>
<meta name=”robots” content=”noindex” />
(…)
</head>

Questa sarebbe una intestazione e indicare questa pagina non ha bisogno di essere indicizzati.

È utile per i contenuti sindacati e duplicati che i tuoi clienti/lettori potrebbero utilizzare, ma non vuoi il credito negli indici di ricerca.

Ecco l’HTML per un robot nofollow.

<meta name=”robots” content=”nofollow”>

Questo viene utilizzato per i link che non si desidera necessariamente approvare.

Ad esempio, i lettori che lasciano i link nei miei commenti non sono esattamente approvati da me, quindi un tag nofollow sopra la sezione commenti mantiene il mio sito pulito per i bot.

Ecco una grande infografica su quando e come utilizzare i tag nofollow.

non seguire meta tag infografica

Ora arriviamo a uno dei meta tag più controversi.

Parola chiave Meta Tag

Parole chiave tag non vengono utilizzati dagli algoritmi di ricerca per determinare la classifica di ricerca.

Ecco come appare l’HTML:

<meta name=”keywords” content=”HTML, CSS, XML, JavaScript”>

Alleno i miei clienti SEO a ignorare i tag delle parole chiave perché non influenzano il SEO.

Ciò non li rende necessariamente inutili, tuttavia. Sono particolarmente utili in WordPress.

I tag e le categorie di parole chiave possono aiutare Google a determinare quale pagina del tuo sito dovrebbe classificare per una ricerca.

Creano anche una pagina in WordPress che fornisce un’altra pagina indicizzata.

Wordpress category page meta tag

Ciò significa che, mentre i tuoi post sul blog sono focalizzati su parole chiave a coda lunga, le pagine dei tag e delle categorie hanno feed che coprono le parole chiave più brevi.

Le categorie possono essere utilizzate per il formato URL, fornendo un’altra parola chiave all’indirizzo della pagina.

Questo si ottiene in Impostazioni – Permalink in WordPress.

url di categoria permalink meta tag

L’aggiunta di questo formato fornisce contesto ai tuoi contenuti.

Google ama il contesto per i risultati di ricerca!

Le parole chiave forniscono anche una panoramica del numero di pagine che hai per ogni parola chiave.

Puoi usarli per pianificare il tuo calendario editoriale.

Viewport tag

Non si spende molto tempo a pensare viewport, ma sono particolarmente importanti nel mondo mobile-first di oggi di ricerca.

Sui dispositivi mobili, le pagine vengono visualizzate in una finestra popup chiamata viewport che si estende oltre il bordo del dispositivo.

Ecco un’illustrazione di ciò di cui sto parlando.

Comprensione viewport meta tag width device width

Gli sviluppatori possono impostare la dimensione viewport per aumentare l’usabilità mobile.

Gli utenti di WordPress possono controllare questo tag per imparare queste informazioni per i loro modelli.

Ma probabilmente non lo sapevi a meno che tu non sia già uno sviluppatore web.

Dal momento che Google si concentra sempre più su siti web mobile-friendly, questo meta tag potrebbe significare la differenza tra il successo e il fallimento mobile.

Ora che hai una conoscenza di base dei meta tag e perché sono importanti, ti mostrerò alcuni dei miei strumenti preferiti per manipolarli.

Strumenti gratuiti per aggiungere e controllare i Meta Tag

Non preoccupatevi se tutto questo suona travolgente — ci sono tonnellate di strumenti per rendere più facile ottenere meta tag destra. Qui ci sono due dei miei preferiti.

Yoast SEO Plugin per WordPress

Yoast è un potente plugin SEO per WordPress e uno degli strumenti SEO e meta tag più scaricati.

Con Yoast, tutte le pagine e i post pubblicati hanno opzioni di back-end per aumentare la condivisione sociale, ottimizzare SEO, aggiornare i tag e altri metadati.

Yoast SEO WordPress / Cosa sono i Meta Tag?

Con Yoast installato sul tuo sito WordPress, bastano pochi clic e pochi secondi del tuo tempo per aggiungere meta-tagging al tuo processo.

Yoast consente inoltre di inserire una parola chiave focus che non viene aggiunta ai meta tag, consentendo al programma di back-end di analizzare il tuo post.

BuzzStream Meta Tag Extractor

Se avete bisogno di un grafico rapido dei metadati che viene utilizzato dalla concorrenza, Meta Tag Extractor di BuzzStream è una soluzione elegante e semplice.

Copia e incolla un elenco di URL e ti verranno presentate le informazioni sui meta tag.

Tag Extractor meta tag tool

C’è anche un’opzione per scaricare come file CSV in modo da poter raschiare liste di grandi dimensioni rapidamente.

È un modo semplice e veloce per organizzare questi dati quando ne hai bisogno.

Questo strumento online gratuito fa il suo lavoro senza tutte le campane e fischietti.

Meno popolare (ma comunque utile!) Meta Tag

Quindi, per essere completamente trasparente, ecco una tabella di meta tag HTML.

Meta Tag grafico

Un meta tag autore può essere utilizzato per dire ai motori di ricerca che ha scritto un pezzo di contenuto.

Gli autori sono stati utilizzati in passato per i risultati di ricerca, ma non è più un fattore. Tuttavia, è possibile utilizzare i tag autore se si esegue un blog multi-autore.

WordPress aggiunge queste informazioni ai blog quando più utenti contribuiscono ai contenuti.

È più un distintivo d’onore per i blogger che altro.

La maggior parte del resto definisce parametri che dovrebbero già essere controllati a livello di server.

Mentre ho ignorato questi meta tag, non significa che devi. Sentiti libero di aggiungere qualsiasi informazione desideri.

Non aiuta le classifiche di ricerca, ma non li danneggia.

Conclusione

I meta tag sono una parte fondamentale dell’HTML e possono avere un impatto SEO.

Indietro nei primi giorni di internet, erano un fattore di segnalazione per i motori di ricerca per capire quali contenuti è su una pagina.

Internet (e il nostro rapporto con esso) si è evoluto in modo esponenziale da allora.

La ricerca contestuale, gli assistenti digitali AI e i dispositivi mobili stanno cambiando il modo in cui visualizziamo i contenuti.

I motori di ricerca sono incentivati a fornire i migliori risultati di ricerca possibili, quindi i meta tag sono meno importanti.

Tuttavia, alcuni, come i titoli e le meta descrizioni, sono più importanti che mai.

Mentre vengono utilizzati meno metadati, è ancora la prima impressione che farai su robot e persone.

Cosa dicono di te i meta tag del tuo sito web?

Aumenta il tuo traffico