Microdata in PrestaShop: cosa servono e come implementare?

I microdata sono dei markup che consentono di incorporare dati strutturati nelle pagine web.

I dati strutturati forniscono informazioni aggiuntive ai motori di ricerca sulla natura del contenuto della pagina. In altre parole, i microdata forniscono un modo per arricchire il significato semantico del contenuto del sito web, facilitando la comprensione da parte dei motori di ricerca e migliorando la presentazione dei risultati di ricerca.

I microdata sono spesso utilizzati insieme a HTML5 e sono basati su un modello di dati che include elementi, attributi e valori. Un esempio comune di utilizzo dei microdata è l’aggiunta di markup per descrivere dettagli come il nome, l’indirizzo e il numero di telefono di un’azienda o le recensioni di un prodotto.

Altri approcci per inserire i microdata nelle pagine web, includono JSON-LD (JavaScript Object Notation for Linked Data) e RDFa (Resource Description Framework in Attributes).

Quali microdata usano i motori di ricerca? Google utilizza principalmente Schema.org per i dati strutturati incorporati nelle pagine web. Schema.org è uno schema di markup collaborativo supportato da Google, Bing, Yahoo! e altri motori di ricerca. La collaborazione tra questi principali motori di ricerca ha portato a uno standard comune per la marcatura semantica dei contenuti web.

L’utilizzo di Schema.org consente ai motori di ricerca di comprendere meglio il contenuto delle pagine e di presentare informazioni più ricche nei risultati di ricerca. Gli schemi forniti da Schema.org coprono una vasta gamma di categorie, tra cui prodotti, organizzazioni, eventi, persone e molto altro.

Esistono altri formati di microdata? Al posto dei microdata nei markup, è possibile usare anche il formato JSON-LD per inserire i microdata all’interno di una pagina.

JSON-LD (JavaScript Object Notation for Linked Data) è un formato di serializzazione dei dati basato su JSON progettato per incorporare dati strutturati nei documenti web. A differenza delle altre forme di annotazioni di dati strutturati, JSON-LD separa i dati dalla struttura della pagina HTML. Questo significa che i dati strutturati possono essere forniti in un formato più flessibile e indipendente dal markup della pagina.

JSON-LD è scritto in formato JSON (JavaScript Object Notation) e ne segue la stessa sintassi di base. La sua struttura a coppie chiave-valore lo rende facile da leggere e scrivere per chiunque:

{ 
    "@context": "http://schema.org", 
    "@type": "Person", 
    "name": "John Doe", 
    "jobTitle": "Software Developer" 
}

Rispetto al markup, il formato JSON-LD è più flessibile e facile da editare ed estendere.

Come si fanno a verificare i microdata di una pagina? La verifica dei microdata su una pagina web può essere fatta in diversi modi. Ecco alcuni suggerimenti:

• Strumenti di Test Strutturato di Google: Google offre uno “Strumento di Test Strutturato” (Structured Data Testing Tool) che consente di inserire l’URL di una pagina o il codice sorgente contenente i microdata per verificarne la correttezza. Puoi accedere a questo strumento tramite Google Search Console o cercando “Google Structured Data Testing Tool”.
• Strumenti Online di Validazione Microdata: Esistono diversi strumenti online che ti consentono di inserire il codice sorgente HTML con i microdata per verificarne la validità. Alcuni di questi strumenti forniscono anche suggerimenti per eventuali errori. Un esempio è Schema Markup Validator.
• Analizzatori SEO: Alcuni strumenti di analisi SEO forniscono funzionalità di verifica dei dati strutturati. Puoi utilizzare piattaforme di analisi SEO come SeoZoom, SEMrush, Moz o Screaming Frog per identificare potenziali problemi nei microdata.

Quali sono i microdata da includere all’interno di un e-commerce? In un contesto di e-commerce, l’uso di dati strutturati come i microdata può essere estremamente utile per fornire informazioni dettagliate sui prodotti e migliorare la loro visibilità nei motori di ricerca.

Alcuni dei tipi di informazioni comuni da includere sono:

• Dettagli del Prodotto:

• Nome del prodotto.

• Descrizione dettagliata del prodotto.

• Marca e modello, se applicabile.

• SKU o codice identificativo.

• Immagini del prodotto.

• Prezzi e Offerte:

• Prezzo del prodotto.

• Sconti o offerte speciali.

• Valuta utilizzata.

• Disponibilità del prodotto.

• Recensioni e Valutazioni:

• Recensioni dei clienti.

• Valutazione media del prodotto.

• Nome dell’autore della recensione e data di pubblicazione.

• Specifiche Tecniche:

• Caratteristiche tecniche del prodotto.

• Dimensioni e peso del prodotto.

• Materiali utilizzati nella fabbricazione.

• Spedizione e Restituzioni:

• Informazioni sulla spedizione, come tempi di consegna e costi.

• Politiche di restituzione e garanzia.

• Categorie e Classificazioni:

• Categoria di appartenenza del prodotto.

• Etichette o tag pertinenti.

• Classificazioni o certificazioni del prodotto.

• Informazioni sul Venditore:

• Nome del negozio o del venditore.

• Informazioni di contatto.

• Recensioni o valutazioni del venditore.

L’inclusione di queste informazioni tramite microdata può migliorare la visibilità del tuo catalogo di prodotti nei risultati di ricerca, aiutando i motori di ricerca a comprendere meglio il contenuto del tuo sito e presentando informazioni più ricche agli utenti.

Esempio di microdata per la scheda prodotto

Qui sotto c’è un esempio di implementazione di microdata integrati all’interno dei markup html.

<div itemscope itemtype="http://schema.org/Product"> <span itemprop="name">Nome del Prodotto</span> <span itemprop="description">Descrizione dettagliata del prodotto.</span> <img itemprop="image" src="url-immagine.jpg" alt="Immagine del Prodotto"> <span itemprop="brand">Marca del Prodotto</span> <span itemprop="sku">SKU123456</span> <div itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <span itemprop="price">29.99</span> <meta itemprop="priceCurrency" content="EUR" /> <link itemprop="availability" href="http://schema.org/InStock" /> </div> <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <span itemprop="ratingValue">4.5</span> <span itemprop="reviewCount">50</span> </div></div> Ecco come leggere questo semplice codiche html:

<div itemscope itemtype="http://schema.org/Product">: Questo elemento definisce un oggetto di tipo "Product" utilizzando l’attributo itemscope e specifica il tipo di oggetto tramite l’attributo itemtype. Tutti gli elementi all’interno di questo blocco contribuiranno a descrivere un singolo prodotto.
 <span itemprop="name">Nome del Prodotto</span>: Questo elemento specifica il nome del prodotto utilizzando l’attributo itemprop con il valore "name".
 <span itemprop="description">Descrizione dettagliata del prodotto.</span>: Qui viene fornita una descrizione dettagliata del prodotto utilizzando l’attributo itemprop con il valore "description".
 <img itemprop="image" src="url-immagine.jpg" alt="Immagine del Prodotto">: Questo elemento definisce l’immagine del prodotto con l’attributo itemprop "image" e include l’URL dell’immagine.
 <span itemprop="brand">Marca del Prodotto</span>: Questo elemento specifica la marca del prodotto utilizzando l’attributo itemprop con il valore "brand".
 <span itemprop="sku">SKU123456</span>: Qui viene specificato il numero di SKU del prodotto utilizzando l’attributo itemprop con il valore "sku".
 <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">: Questo blocco inizia la sezione relativa alle offerte del prodotto, dichiarando un oggetto di tipo "Offer".
 <span itemprop="price">29.99</span>: Specifica il prezzo dell’offerta utilizzando l’attributo itemprop con il valore "price".
 <meta itemprop="priceCurrency" content="EUR" />: Questo meta tag fornisce l’informazione sulla valuta utilizzata per il prezzo dell’offerta.
 <link itemprop="availability" href="http://schema.org/InStock" />: Specifica la disponibilità del prodotto utilizzando l’attributo itemprop con il valore "availability" e l’URL che indica che il prodotto è disponibile in magazzino.
 <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">: Questo blocco inizia la sezione relativa alla valutazione aggregata del prodotto.
 <span itemprop="ratingValue">4.5</span>: Specifica il valore della valutazione aggregata utilizzando l’attributo itemprop con il valore "ratingValue".
 <span itemprop="reviewCount">50</span>: Specifica il numero di recensioni utilizzando l’attributo itemprop con il valore "reviewCount".

Ecco gli stessi microdata in formato JSON-LD:

{
  "@context": "http://schema.org",
  "@type": "Product",
  "name": "Nome del Prodotto",
  "description": "Descrizione dettagliata del prodotto.",
  "image": "url-immagine.jpg",
  "brand": "Marca del Prodotto",
  "sku": "SKU123456",
  "offers": {
    "@type": "Offer",
    "price": "29.99",
    "priceCurrency": "EUR",
    "availability": "http://schema.org/InStock"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.5",
    "reviewCount": "50"
  }
}

La semplicità di lettura dei microdata basati su JSON-LD al posto degli attributi markup è effettivamente enorme: la facilità di lettura del formato JSON-LD è nettamente superiore.

Come inserire i dati strutturati nelle pagine PrestaShop? In PrestaShop, puoi incorporare i microdata o utilizzando gli attributi dell’html oppure in formato JSON-LD.

Dalla versione 1.7, i microdata su PrestaShop sono stati sempre presenti e integrati nei template dei temi grafici utilizzando gli attributi dell’html. Dalla versione versione PrestaShop 8, i microdata sono stai raggruppati all’interno di un tre file in fromato JSON-LD

• templates/_partials/microdata/head-jsonld.tpl: contiene i dati comuni a tutte le pagine e in dettalgio i dati organizzativi dell’azienda, dello shop e alcune informazioni globali legate alla visualizzazione delle pagine come nome della pagina, struttura di breadcrumb.
• templates/_partials/microdata/product-jsonld.tpl: contiene i microdata per legati direttamente al prodotto.
• templates/_partials/microdata/product-list-jsonld.tpl: comune a tutte le liste di prodotti delle pagine categoria, ricerca etc, contiene la lista dei microdata dei prodotti.

Conviene acquiste un modulo PrestaShop per i microdata? Personalmente ritengo che installare un nuovo modulo in PrestaShop è da evitare, in quanto significa ulteriore elaborazione e quindi anche lentezza della risposta.

Inoltre i temi custom di PrestaShop si rifanno tutti al tema classic di PrestaShop che è già corredato di tutti i microdata necessari.

Si possono apportare delle leggere correzioni o aggiunte al formato JSON-LD di PrestaShop per risolvere alcune discrepanze che emergono utilizzando i tool di verifica dei microdata utilizzando i dati già inclusi nei file. Quindi, ritengo che non servano dei moduli aggiuntivi.

Inoltre alcuni microdata possono mancare perchè si utilizzano dei servizi esterni che non sono ricompresi nei microdata standard di PrestaShop e quindi nessun modulo li potrà mai includere.

Al contrario ci sono moduli, di qualità e ben costruiti, che integrano i microdata nelle informazioni che mostrano.

Ad esempio il modulo PrestaSho per le recensioni certificate su Feedaty. In Bwlab abbiamo sviluppato e vendiamo un modulo PrestaShop per l’integrazione con Feedaty per la mostrare le recensioni nelle pagine prodotto e crea anche una pagina che riunisce tutte le recensioni.

I microdata su PrestaShop sono veramente importanti per la SEO? Riporto un estratto di un articolo di SeoZoom sui microdata: [“Guida a Schema.org, il cuore della SEO semantica”](Schema.org: come funzionano i markup e perché servono alla SEO)

Lato SEO, il markup schema.org ha assunto un peso crescente in questi ultimi anni, al punto da essere ritenuto uno dei fattori di ranking per Google; ma è anche elemento fondamentale per la creazione del Knowledge Graph, scheletro che permette la definizione dei dati strutturati e, non ultimo, fattore da sfruttare per le ricerche vocali. In pratica, le evoluzioni di Google attingono a pieno da questa forma di microdati. Nei suoi primi undici anni di vita, sono milioni i siti che utilizzano Schema.org per contrassegnare le proprie pagine Web o per messaggi di posta elettronica; inoltre, molte applicazioni di Google, Microsoft, Pinterest, Yandex e altre big companies utilizzano già questo sistema per offrire esperienze ricche e valide.

Poi ancora:

Il markup è particolarmente utile nell’era di Hummingbird e RankBrain: il modo in cui un crawler, e Googlebot nello specifico, interpreta il contesto di una query determina la qualità di un risultato di ricerca, e il giusto uso di Schema.org può fornire il contesto a una pagina Web altrimenti ambigua. Le varie tipologie di strutturazione aiutano ad affinare il contenuto in modo più chiaro o più prominente nei risultati di ricerca e quindi, potenzialmente, ogni sito e ogni attività online può trarre beneficio dall’implementazione di Schema.org, per generare rich snippet o anche semplicemente per offrire informazioni specifiche e mirate agli utenti, soprattutto per le ricerche localizzate.

I microdata sono estremamente utili per il SEO perchè offrono informazioni già struttrate ai motori di ricerca che, confrontandoli con il contenuto, non possono far altro che apprezzare dell’aiuto nel comprende la pagina in esame, restituendo un migliore ranking della pagina.

Cosa può fare Bwlabper il tuo Shop? In Bwlab conosciamo tutti i dettagli di Schema.org e possiamo aiutarti a correggere e migliorare i microdata delle pagine PrestaShop arrichendo i microdati di eventuali dati che mancano e sono specifici del tuo shop.

Quindi se necessiti di supporto per i microdata su PrestaShop e migliorare il ranking sui motori di ricerca del tuo shop basato su PrestaShop, contattaci pure.

contattaci per un supporto sui microdata