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.
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.
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.
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.
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.
