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!".
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ì:
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.
Povero Goffredo :(
Ma aspetta.... qualcosa può cambiare nella complicata vita di Goffredo: un bel giorno incontra Google Tag Manager.
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 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-azione e data-info.
Come? Semplicemente selezionando:
- Metodo: ID
- ID Attributo: id-link-seo
- Nome attributo: data-azione
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
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.