[Aggiornata il 27 Febbraio 2019]

In varie occasioni ti ho spiegato quanto può essere utile Google Tag Manager per l’ottimizzazione SEO.

Ebbene: un’altra magia fichissima che GTM può fare è la gestione dinamica dei Rel Canonical.

COOOOSA?! GESTIONE DINAMICA DEI REL CANONICAL?

Sì, giuro, non ti sto prendendo in giro. Con Google Tag Manager puoi fare anche questo e ridurre notevolmente la tua mole di lavoro SEO 🙂

In pratica puoi inserire un Tag HTML Personalizzato che generi automaticamente l’elemento rel=canonical nelle pagine di un sito. Vediamo tutti i passaggi.

Pssss… se non ti chiaro come è formato un URL, leggi il glossario.

PS: perché questa guida funzioni devi essere sicuro che non ci siano già altri Rel Canonical nel sito. In un’altra guida ti spiegherò come sovrascrivere quelli già esistenti 🙂

STEP 1 – Creazione delle Variabili

In questo primo passaggio andrai a creare delle variabili che ci serviranno successivamente per creare un’unica variabile “Pagina URL Canonica”. Queste qua:

• Variabile Protocollo
• Variabile Hostname
• Variabile Page Path

Variabile Protocollo

• Clicca su Variabili > Variabili definite dall’utente > Nuova > Configurazione variabile.
• Tipo di variabile: URL.
• Tipo di componente: Protocollo.
• Chiamiamo la variabile “Protocollo”.
• Salva.

Variabile Hostname

In questo step si crea una variabile che includa le due versioni dell’Hostname con o senza www.
A monte bisogna stabilire se vogliamo che l’Hostname canonico sia quello con o senza www.

1. Primo caso: vogliamo che l’Hostname canonico sia quello SENZA www.

• Clicca su Variabili > Variabili definite dall’utente > Nuova > Configurazione variabile.
• Tipo di variabile: URL.
• Tipo di componente: Nome Host.
• In questo primo caso, seleziona Rimuovi www.
• Chiamiamo la variabile “Hostname senza www”.
• Salva.

2. Secondo caso: vogliamo che l’Hostname canonico sia quello CON www.

• Anche in questo caso, creiamo comunque la variabile “Hostname senza www”. Invece di usare una variabile di tipo URL questa volta (solo per farti capire le potenzialità delle variabili) useremo una costante e useremo la variabile senza www.
• Creiamo anche una costante: Variabili > Variabili definite dall’utente > Nuova > Configurazione variabile.
• Tipo di variabile: Costante.
• Valore: www.{{Hostname senza www}}
• Chiamala “Hostname con www”.
• Salva

 

Variabile Page Path

Questa variabile è già presente fra le variabili integrate in Google Tag Manager.

Se non l’hai già fatto, ti basterà quindi abilitarla. Fai così:

• Variabili > Variabili Integrate > Configurazione.
• Spunta la voce Page Path.

STEP 2 – Crea la Variabile “Pagina URL CANONICA”

Ora che abbiamo tutte e tre le variabili precedenti, possiamo creare la variabile per la Pagina URL Canonica.

• Clicca su Variabili > Variabili definite dall’utente > Nuova > Configurazione variabile.
• Tipo di variabile: Costante.
• Valore: {{Protocollo}}://{{Hostname senza www}}{{Page Path}}
• Chiamiamo la variabile “Pagina URL Canonica”.
• Salva.
  

Qua ci sono degli appunti da fare:

* Dopo {{Protocollo}} segue :// perché non era incluso nella variabile creata.
* Al posto di {{Hostname senza www}} possiamo mettere {{Hostname con www}}, in base a quale Hostname vogliamo indicare come canonico.

 

STEP 3 – CREA IL TAG HTML PERSONALIZZATO

Per la creazione del Tag ci servirà un Tag HTML Personalizzato in cui inserire un codice JavaScript.

• Tag > Nuovo > Tag HTML Personalizzato > Configurazione Tag.
• Incolla nella finestra questo script:

 
<script>
 var newcanonical = document.createElement('link');
 newcanonical.rel = 'canonical';
 newcanonical.href = {{Pagina URL Canonica}};
 document.head.appendChild(newcanonical);
</script>
 

• Attivazione: All Pages.
• Dai un nome al Tag, ad esempio “cHTML – Rel Canonical”.
• Salva.

STEP 4 – VERIFICA IL TAG

Prima di pubblicare il Tag definitivamente, è meglio controllare che funzioni correttamente.

• Vai nella Console di Debug di Chrome (premendo F12).
• Vai nella Tab “Elementi”.
• Controlla che il rel=canonical sia stato implementato correttamente.

L’hai trovato? Bene, allora vuol dire che puoi procedere con la pubblicazione del Tag cliccando sul pulsante blu “Invia” 🙂

Psssss… Ti occupi di SEO? Ecco altre guide che potrebbero esserti utili:

• Tracciare pagine contenenti errori 404 con Google Tag Manager
• Guida avanzata per l’Ottimizzazione SEO con Google Tag Manager

A presto e… Buon tag!