Nell’ambito SEO, i dati strutturati giocano un ruolo cruciale. Molti siti web si affidano a plugin per implementarli, ma questa soluzione, sebbene conveniente, presenta diverse limitazioni.
I plugin offrono una rapida implementazione, ma spesso mancano di flessibilità. Non sempre si adattano alle esigenze specifiche di un sito, soprattutto quando si tratta di contenuti o strutture uniche. Inoltre, possono influire negativamente sulle prestazioni del sito, aggiungendo codice superfluo e rallentando il caricamento delle pagine.
Un altro aspetto critico è la potenziale incompatibilità con altri plugin o con il tema del sito.
Questi conflitti possono causare malfunzionamenti o addirittura compromettere la funzionalità del sito. Infine, l’aggiornamento dei plugin dipende dagli sviluppatori, il che può ritardare l’adozione di nuove funzionalità o la correzione di bug.
Google Tag Manager (GTM) offre un approccio più sofisticato e flessibile alla gestione dei dati strutturati. Vediamo i suoi principali vantaggi:
Un esempio pratico di come Google Tag Manager (GTM) può utilizzare questi dati è il recupero delle date di pubblicazione e modifica degli articoli.
Invece di utilizzare un plugin per gestire queste informazioni, possiamo ricorrere a una semplice funzione PHP che inserisce direttamente queste date nel DOM della pagina. Potete inserire questo script nel file function.php del vostro tema child.
function add_meta_dates() {
if (is_single()) {
$publishDate = get_the_date('c'); // Formato ISO 8601
$modifiedDate = get_the_modified_date('c'); // Formato ISO 8601
// Aggiungi meta tag
echo '<meta property="article:published_time" content="' . esc_attr($publishDate) . '">';
echo '<meta property="article:modified_time" content="' . esc_attr($modifiedDate) . '">';
}
}
add_action('wp_head', 'add_meta_dates');
Incorporando le date come meta tag nel documento HTML, rendiamo queste informazioni accessibili sia ai motori di ricerca che a GTM stesso.
Questo approccio non solo facilita la manipolazione dei dati, ma offre anche diversi vantaggi significativi:
Una volta che i dati sono disponibili nel DOM, GTM può accedervi tramite variabili JavaScript personalizzate.
function() {
var metaElement = document.querySelector('meta[property="article:published_time"]');
return metaElement ? metaElement.getAttribute('content') : '';
}
Questo approccio offre una grande flessibilità:
Il vero potere di GTM si manifesta quando integriamo queste variabili direttamente nei tag dei dati strutturati.
Ad esempio, se hai una variabile in GTM che cattura la data di pubblicazione di un post (DataPubblicazione), puoi fare il binding (collegamento) di questa variabile a un tag JSON-LD per i dati strutturati, in modo dinamico.
Ecco un esempio di come potrebbe apparire il codice:
<script type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1">(function(){
var data = {
"@context": "http://schema.org",
"@type": "BlogPosting",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "{{Url blogposting}}"
},
"headline": "{{H1 blogposting}}",
"name": "{{H1 blogposting}}",
"description": "{{MetaDescription blogposting}}",
"image": "{{Image blogposting}}",
"datePublished": "{{Datapubblicazione blogposting}}",
"dateModified": "{{Datamodifica blogposting}}",
"author": {
"@type": "Person",
"@id":"https://artigianiseo.it/chi-siamo/",
"url":"https://artigianiseo.it/chi-siamo/",
"jobTitle": "Consulente SEO",
"name": "Andrea Bodria",
"image":{
"@type":"ImageObject",
"url":"https://artigianiseo.it/wp-content/uploads/2024/08/bodria-a.png","height":340,"width":468}
},
"publisher": {
"@type": "Organization",
"name": "Artigiani Seo",
"logo": {
"@type": "ImageObject",
"url": "https://artigianiseo.it/wp-content/uploads/2024/07/Logo-Artigiani-SEO.png"
}
}
}
var script = document.createElement('script');
script.type = "application/ld+json";
script.innerHTML = JSON.stringify(data);
document.getElementsByTagName('body')[0].appendChild(script);
})(document);</script>
Questo metodo offre numerosi vantaggi:
Google Tag Manager offre un livello di controllo avanzato sui dati strutturati, consentendo di attivarli solo quando necessario.
Questa funzionalità è particolarmente utile quando si desidera applicare schemi specifici a determinati tipi di contenuto, garantendo così una gestione più mirata e efficace delle informazioni.
Un esempio pratico di questa capacità è l’uso di variabili JavaScript personalizzate per verificare la presenza di un determinato meta tag, come il meta type article.
function() {
var metaOgType = document.querySelector('meta[property="og:type"]');
return metaOgType && metaOgType.content === 'article';
}
Utilizzando questa funzione JavaScript, è possibile controllare se il meta tag è presente nel DOM della pagina. Questa variabile diventa quindi la condizione per l’attivatore associato al tag che contiene lo script JSON-LD relativo all’entità “BlogPosting”.
I vantaggi di questo sistema includono:
L’utilizzo di Google Tag Manager per la gestione dei dati strutturati offre un livello di controllo, flessibilità e ottimizzazione delle prestazioni che supera di gran lunga le capacità dei plugin tradizionali. Questo metodo permette di implementare strategie SEO più sofisticate e personalizzate, adattandosi perfettamente alle esigenze specifiche di ogni sito web.
Mentre richiede una maggiore competenza tecnica iniziale, i benefici a lungo termine in termini di manutenibilità, prestazioni e precisione SEO rendono questo approccio altamente vantaggioso per siti web di ogni dimensione, ma particolarmente per quelli con esigenze complesse o in rapida evoluzione.
