it
English Español Deutsch Français Italiano Português (Brasil) Русский 中文 日本語
Invia il post
Torna ai giochi
Amplia le tue conoscenze:
Google Tag Manager

Come diventare dei SEO Superfichi con Google Tag Manager

69
Wow-Score
Il Wow-Score mostra il livello di interazione del posto di un blog. Si calcola sulla correlazione tra il tempo di lettura attivo degli utenti, la loro velocità di scrolling e la lunghezza dell'articolo.

Come diventare dei SEO Superfichi con Google Tag Manager

Matteo Zambon
Come diventare dei SEO Superfichi con Google Tag Manager

La storia (a lieto fine) di Goffredo, SEO Specialist Freelance

Hai aperto questo articolo pensando di leggere qualcosa di serio riguardo la SEO. Invece no. Oggi ti racconto la storia di Goffredo.

Questo è Goffredo. Salutiamolo: "Ciao Goffredo!"

Come diventare SEO Superfichi grazie a Google Tag Manager Goffredo SEO Specialist freelance

Goffredo è un SEO Specialist Freelance. Ultimamente è un po' sciupato, non trovi?

Purtroppo c'è un terribile problema nella vita di Goffredo: i suoi clienti. O meglio: il reparto IT dei suoi clienti. I programmatori dei clienti di Goffredo mi piace immaginarli così:

Google Tag Manager ti aiuta a gestire il reparto IT dei tuoi clienti I clienti di Goffredo

Ogni giorno, quando sorge il sole, Goffredo si sveglia e sa che dovrà chiedere l'aiuto del programmatore o del reparto IT del suo cliente per implementare quello che gli serve per ottimizzare la SEO, visto che possibilmente non vogliono dargli l'accesso diretto al sito.

Ogni giorno, quando sorge il sole, Goffredo sa che dovrà comunque fare la sua ottimizzazione SEO, altrimenti il cliente si inca... ehm... si altera perché il sito non si posiziona bene sul motore di ricerca. Purtroppo Goffredo (e probabilmente anche tu, se stai leggendo questa storia) sa benissimo che la combinazione delle due cose può comportargli non pochi problemi

Vediamo alcune casistiche che possono far girare le scatole di Goffredo.

  • Cambiare Meta Title e Meta Description: Goffredo deve modificare il title e la description del sito del suo cliente, ma non ha l'accesso al CMS e sa che per fare anche una cosa banalissima di questo tipo deve chiamare il programmatore, che fra tutte le cose che deve già fare chissà quando gli darà retta (sigh).
  • Inserire Meta Tag Robots: il nostro eroe ha bisogno di comunicare al motore di ricerca che la pagina va deindicizzata, e deve farlo anche molto in fretta. Non può aspettare che il programmatore risponda alla sua email.
  • Inserire Rel Canonical: Goffredo deve segnalare al motore di ricerca i duplicati URL non voluti del suo sito. Magari ha chiesto al reparto IT del cliente di farlo, dopo "appena" una settimana hanno implementato la modifica e.... AAAARRGHH!!! Scopre che l'hanno fatto nel modo sbagliato! Goffredo a questo punto sta per avere un attacco di gastrite.
  • Gestione dei Dati Strutturati con JSON-LD: il nostro ormai plurinominato Goffredo vuole aggiungere dei rich snippet al sito in modo tale che in SERP appaiano sitelink, breadcrumbs, review, search box... tuttavia contatta il reparto IT e questi non hanno la minima idea di cosa lui stia parlando, ergo non sanno dove mettere le mani e gli fanno perdere un sacco di tempo. 
  • Attributi Data HTML5: ormai Goffredo, sull'orlo di una crisi di nervi, vorrebbe modificare gli Attributi Data HTML 5 ma... ci rinuncia! Sventola bandiera bianca.

Con Google Tag Manager puoi ottimizzare un sito anche senza accessi Goffredo in preda alla tristezza

Povero Goffredo :( 

Ma aspetta.... qualcosa può cambiare nella complicata vita di Goffredo: un bel giorno incontra Google Tag Manager.

Google Tag Manager per SEO Specialist

Un po' come il funghetto di Super Mario Bros, Google Tag Manager trasforma il nostro eroe in un SEO Specialist superfichissimo che non deve chiedere mai.

Come? Non sai cos’è Google Tag Manager?

Google Tag Manager è un sistema di Tag Management che permette di iniettare delle porzioni di script, all'interno dei siti, senza mettere mano al codice!

Se vuoi capirci di più ti rimando ad un altro articolo che ho scritto su SEMrush in cui ho approfondito tutte le sue funzioni più utili.

Capisci che bella notizia per Goffredo? Dovrà chiamare il programmatore solo una volta - SOLO UNA - per chiedergli di inserire gli snippet di codice per l'installazione di Google Tag Manager stesso, dopodiché.... LIBERTÀ! Il protagonista della nostra storia non dovrà più fare millemila chiamate al reparto IT o mandare lunghissime email a programmatori che non rispondono, perché d'ora in poi potrà fare tutto da sé!

Vediamo come cambia ora l’ottimizzazione SEO di Goffredo, grazie a una funzione fantastica di Google Tag Manager: i Tag HTML Personalizzati.

Come cambiare Meta title e Meta description con Google Tag Manager

Per modificare, ad esempio, il title della pagina, gli basterà creare un nuovo Tag HTML Personalizzato e inserire questo script:

<script>
document.title = "Il mio nuovo titolo di pagina ottimizzato ";
</script> 

Lo attiviamo in corrispondenza della pagina in cui vogliamo inserirlo (l’Homepage in questo esempio), con un attivatore di tipo Visualizzazione di Pagina.

Come modificare meta title con Google Tag Manager

Come inserire Meta Tag Robots con Google Tag Manager

Mettiamo caso che Goffredo non voglia far indicizzare le pagine prodotto di un e-commerce quando gli articoli non sono più disponibili. Dovrà creare un Attivatore che rilevi queste pagine inserendo un elemento no index, follow.

Basta creare un attivatore con l’elenco dell’URL delle pagine che bisogna deindicizzare. Poi andrà a creare un Tag HTML Personalizzato che si attivi in corrispondenza dell'Attivatore appena creato.

<script>
// Rimuoviamo un tag robots esistente
jQuery('meta[name="robots"]').remove();
// Creiamo un elemento di tipo meta che chiameremo metaRobots
var metaRobots = document.createElement('meta');
// Aggiungiamo l’attributo name con il valore ‘robots’
metaRobots.name = 'robots';
// Aggiungiamo l’attributo content con i valori che ci interrsano: 'noindex, follow'
metaRobots.content = 'noindex, follow';
// Aggiungiamo questo bellissimo meta nell’head con jQuery
jQuery('head').append(metaRobots);
</script>

Naturalmente, chi se ne intende di HTML può anche modificare il Tag HTML Personalizzato per aggiungere altri elementi in base alle esigenze :)

Come inserire Rel Canonical con Google Tag Manager

Immaginiamo che Goffredo abbia sia http://www.sitodigoffredo.com/scarpa-blu/ che http://www.sitodigoffredo.com/scarpa-rossa/. Goffredo decide che la pagina canonica è quella la scarpa blu.

Utilizzerà un Tag HTML Personalizzato per implementare questo script su entrambe le pagine, per indicare quale delle due è quella canonica. Ecco lo script:

<script>
var mycanonical = document.createElement('link'); 
mycanonical.href = 'http://www.sitodigoffredo.com/scarpa-blu/ '; 
document.head.appendChild(mycanonical);
</script>

Indichiamo come pagina di attivazione entrambe le pagine dove vogliamo andare a mettere il rel=canonical: http://www.sitodigoffredo.com/scarpa-rossa/ e http://www.sitodigoffredo.com/scarpa-blu/ .

Per maggiori dettagli qui trovi la guida passo passo sul rel canonical con Google Tag Manager.

Gestione dei dati strutturati con JSON-LD

Uuuuuhhh... Qua c'è tutto un mondo dietro! Sempre tramite Tag HTML Personalizzato, Goffredo può iniettare degli script per implementare i dati strutturati del sito e gestire così:

  • il Knowledge Graph
  • i Sitelink
  • le Search Box, i Breadcrumbs e le Review in SERP...

...e tante altre cose meravigliose. Ti rimando a questo articolo di Ottimizzazione SEO, dove ti spiego un po' come si fa :)

Attributi data HTML5

Possiamo anche andare a gestire gli attributi data HTML5 (Data Attributes) per passare dati ed informazioni in Google Analytics. Possiamo farlo in diversi modi, ma vediamo quello più semplice, ovvero usare una variabile di tipo elemento DOM (no, non doom che vuol dire un’altra brutta cosa, ma DOM).

Facciamo finta di avere questo codice:

<a href="http://www.sitodigoffredo.com/link-seo" id="id-link-seo" data-azione="click" data-info="informazioni segretissime">articolo super SEO</a>

Goffredo potrebbe, attraverso la variabile elemento DOM, estrapolare le informazioni degli attributi HTML5 data-azionedata-info.

Come? Semplicemente selezionando:

  • Metodo: ID
  • ID Attributo: id-link-seo
  • Nome attributo: data-azione

Come estrapolare le informazioni degli attributi HTML5 con Google Tag Manager

Si può fare la stessa cosa per l’attributo data-info e il gioco è fatto. Ora Goffredo potrà utilizzare quelle informazioni per i suoi gloriosi scopi SEO.

Morale della storia

E quindi? Che fine ha fatto Goffredo?

Come tutte le storie più belle, c'è un lieto fine. Ora che ha il controllo di tutto, grazie a Google Tag Manager adesso è diventato così :D

Seo tips: come avere il controllo di un sito con Google Tag Manager Goffredo è diventato superfico grazie a Google Tag Manager

Invidioso? :) Puoi diventare un SEO Specialist Superfico come lui se inizi ad usare Google Tag Manager.

Anche tu hai dovuto affrontare i problemi di Goffredo per ottimizzare i tuoi siti web?

Come li hai risolti?

Aspetto qui sotto i tuoi commenti.

Matteo Zambon
Pro

Fa ottime domande e dà risposte brillanti.

​Amministratore dell’agenzia digitale In Risalto e fondatore di Tag Manager Italia – il club per gli utenti avanzati di Google Tag Manager - Matteo Zambon ha un’esperienza decennale come web developer senior, alla quale affianca una forte specializzazione in ambito SEM e SEO, con certificazione Google Partners e Google Analytics.

Rising Star nella sezione Analytics della Community di Google Italia, Matteo ha ideato e sviluppato diversi progetti strutturati di system integration, tra cui “IRMA” - il primo servizio pubblico in Italia di prenotazione mezzi per il trasporto pubblico a chiamata via SMS.

Primo divulgatore italiano di Google Tag Manager e figura di riferimento per l’apprendimento e la divulgazione di Google Tag Manager nei maggiori eventi del settore, Matteo è l’autore del primo libro in italiano sull’argomento (“Google Tag Manager per principianti”), tradotto in lingua inglese, bestseller su Amazon della sua categoria ed oggi alla sua seconda edizione su ► http://www.tagmanageritalia.it/anteprima-libro/

In aggiunta al libro, Matteo ha realizzato “Al Comando”, il primo ed unico videocorso in italiano su Google Tag Manager, considerato come il corso su Google Tag Manager più esteso, completo ed avanzato al mondo.
Amplia le tue conoscenze:
Google Tag Manager
Condividi il post
o

Commenti

2000
Nuovo arrivato

Si è appena iscritto o è troppo timido per dire qualcosa.

Ciao Matteo , bell'articolo ! Domanda :
Nell' esempio dei Meta Tag hai dato per scontato che in pagina fosse già utilizzato jQuery o mi sono perso qualcosa ?
Matteo Zambon
Pro

Fa ottime domande e dà risposte brillanti.

Fabio Schenone
Ciao Fabio, sì esattamente. Dove vedi jQuery significa che uso il framework. È possibile farlo anche senza ma ovviamente il codice da scrivere risulterebbe leggermente più lungo.
Grazie dell'osservazione!

Invia un feedback

Your feedback must contain at least 3 words (10 characters).

Useremo questa email solo per rispondere al tuo feedback. Informativa sulla privacy

Thank you for your feedback!