Formattazione delle informazioni dettagliate sul prodotto

L'attributo informazioni dettagliate sul prodotto [rich_product_content] ti consente di redigere descrizioni esaustive che combinano testo ed elementi multimediali. Puoi fare uso di questi contenuti avanzati per mettere in evidenza le caratteristiche speciali dei prodotti o servizi. Per fornirli è possibile utilizzare svariate codifiche, tra cui JSON-LD, RDFa e i microdati.

Ti consigliamo di utilizzare lo Strumento di test per i dati strutturati di Google per testare i tuoi contenuti avanzati e accertarti che non contengano errori. Tutti gli esempi riportati in questo articolo possono essere sottoposti a verifica nello strumento di test.

Questo articolo illustra i dati strutturati necessari per i diversi contenuti avanzati.

Nota: l'API Manufacturer Center ora supporta l'attributo informazioni dettagliate sul prodotto [rich_product_content]. Scopri come iniziare a utilizzare l'API Manufacturer Center

Come funziona

Contenuti avanzati

I contenuti avanzati si articolano in una sequenza di blocchi di tipo Showcase, ciascuno dei quali consiste in un insieme di caratteristiche da mettere in evidenza o in una galleria multimediale. I blocchi vengono visualizzati in verticale in una singola colonna. I contenuti avanzati vengono specificati con un elemento di tipo Showcase.

Il tipo Showcase estende CollectionPage
Proprietà	Tipo previsto	Descrizione
showcaseBlock	ShowcaseFeatureSet o MediaGallery	Un blocco di contenuti avanzati. Il blocco deve consistere in un insieme di caratteristiche da mettere in evidenza o in una galleria multimediale.

Insieme di caratteristiche di tipo Showcase

Un insieme di caratteristiche di tipo Showcase comprende un'intestazione facoltativa e una sequenza di caratteristiche da mettere in evidenza. Gli insiemi di caratteristiche possono essere visualizzati in una singola colonna o su più colonne.

Il tipo ShowcaseFeatureSet estende ItemList
Proprietà	Tipo previsto	Descrizione
layoutHint	Text	Suggerimento facoltativo che indica il numero di colonne da utilizzare per il rendering. Le caratteristiche vengono visualizzate prima in righe e successivamente in colonne. Sono supportati i seguenti valori: > LayoutColumns1 LayoutColumns2 LayoutColumns3 LayoutColumns4> Il suggerimento relativo al layout viene applicato al meglio delle possibilità. Su schermi di dimensioni ridotte, è possibile che venga utilizzato un numero di colonne inferiore rispetto a quello richiesto.
headline	Text	Intestazione facoltativa che descrive l'insieme di caratteristiche.
itemListElement	ShowcaseFeature	Una delle caratteristiche da mettere in evidenza all'interno dell'insieme. Le caratteristiche vengono visualizzate prima in righe e successivamente in colonne.

Caratteristica di tipo Showcase

Una caratteristica di tipo Showcase è composta da un'intestazione, una descrizione e un'immagine facoltativa.

Il tipo ShowcaseFeature estende ListItem
Proprietà	Tipo previsto	Descrizione
layoutHint	Text	Suggerimento facoltativo che indica dove visualizzare l'immagine rispetto all'intestazione e alla descrizione. Sono supportati i seguenti valori: LayoutMediaLeft LayoutMediaRight LayoutMediaAbove LayoutMediaBelow Il suggerimento relativo al layout viene applicato al meglio delle possibilità. Su schermi di dimensioni ridotte, l'immagine potrebbe essere visualizzata in una posizione diversa rispetto a quella richiesta.
headline	Text	L'intestazione della caratteristica.
description	Text	La descrizione della caratteristica.
image	URL o ImageObject	Un'immagine facoltativa che illustra la caratteristica

Galleria multimediale

Una galleria multimediale è composta da un'intestazione facoltativa e da una sequenza di immagini, visualizzate all'interno di una o più colonne.

Il tipo MediaGallery estende CollectionPage
Proprietà	Tipo previsto	Descrizione
layoutHint	Text	Suggerimento facoltativo che indica il numero di colonne da utilizzare per il rendering. Le immagini vengono visualizzate prima in righe e successivamente in colonne. Sono supportati i seguenti valori: LayoutColumns1 LayoutColumns2 LayoutColumns3 LayoutColumns4 Il suggerimento relativo al layout viene applicato al meglio delle possibilità. Su schermi di dimensioni ridotte, è possibile che venga utilizzato un numero di colonne inferiore rispetto a quello richiesto.
headline	Text	Un'intestazione facoltativa da mostrare nella parte superiore della galleria.
image	URL o ImageObject	L'immagine da visualizzare nella galleria.

Nota sugli spazi dei nomi

I tipi Showcase, ShowcaseFeatureSet, ShowcaseFeature e MediaGallery, come pure le proprietà showcaseBlock e layoutHint, sono estensioni di schema definite alla pagina http://schema.googleapis.com/. Tutti gli altri tipi e proprietà sono definiti invece alla pagina http://schema.org/.

Esempi

Formato dei contenuti avanzati vuoto

Nel caso più semplice, i contenuti avanzati sono vuoti. Questo è il minimo indispensabile per un'istanza di contenuti avanzati.

Contenuti avanzati vuoti

JSON-LD

>{ "@context": { "s": "http://schema.org/", "g": "http://schema.googleapis.com/" }, "@type": "g:Showcase" }

RDFa

<div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/"> <div typeof="g:Showcase"> </div> </div>

Microdati

<div itemscope itemtype="http://schema.googleapis.com/Showcase"> </div>

Singola caratteristica da mettere in evidenza, con intestazione e descrizione, ma nessuna immagine

Ecco un esempio di contenuti avanzati che comprendono un'unica caratteristica da mettere in evidenza, senza alcuna immagine.

	Una singola caratteristica da mettere in evidenza, provvista di: Intestazione Descrizione
JSON-LD
>{ "@context": { "s": "http://schema.org/", "g": "http://schema.googleapis.com/" }, "@type": "g:Showcase", "g:showcaseBlock": [ { "@type": "g:ShowcaseFeatureSet", "s:itemListElement": [ { "@type": "g:ShowcaseFeature", "s:headline": "Scopri Google Pixel 3", "s:description": "Realizza ogni volta lo scatto perfetto, svolgi le tue attività con l'aiuto dell'Assistente Google, approfitta di una batteria che dura tutto il giorno e altro ancora." } ] } ] }
RDFa
<div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase"> <div property="g:showcaseBlock" typeof="g:ShowcaseFeatureSet"> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="headline" content="Scopri Google Pixel 3"></div> <div property="description" content="Realizza ogni volta lo scatto perfetto, svolgi le tue attività con l'aiuto dell'Assistente Google, approfitta di una batteria che dura tutto il giorno e altro ancora."></div> </div> </div> </div>
Microdati
><div itemscope itemtype="http://schema.googleapis.com/Showcase"> <div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeatureSet"> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.org/headline" content="Scopri Google Pixel 3"></div> <div itemprop="http://schema.org/description" content="Realizza ogni volta lo scatto perfetto, svolgi tutte le tue attività con l'aiuto dell'Assistente Google, approfitta di una batteria che dura tutto il giorno e altro ancora."></div> </div> </div> </div>

Singola caratteristica da mettere in evidenza, con intestazione, descrizione e immagine

Puoi aggiungere un'immagine alla caratteristica da mettere in evidenza.

	Una singola caratteristica da mettere in evidenza, provvista di: Intestazione Descrizione Immagine
JSON-LD
>{ "@context": { "s": "http://schema.org/", "g": "http://schema.googleapis.com/" }, "@type": "g:Showcase", "g:showcaseBlock": [ { "@type": "g:ShowcaseFeatureSet", "s:itemListElement": [ { "@type": "g:ShowcaseFeature", "s:headline": "Google Lens", "s:description": "Con Google Lens, puoi cercare quello che vedi", "s:image": "http://example.com/pixel3-google-lens.png" } ] } ] }
RDFa
><div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase"> <div property="g:showcaseBlock" typeof="g:ShowcaseFeatureSet"> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="headline" content="Google Lens"></div> <div property="description" content="Con Google Lens, puoi cercare quello che vedi"></div> <div property="image" content="http://example.com/pixel3-google-lens.png"></div> </div> </div> </div>
Microdati
><div itemscope itemtype="http://schema.googleapis.com/Showcase"> <div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeatureSet"> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.org/headline" content="Google Lens"></div> <div itemprop="http://schema.org/description" content="Con Google Lens, puoi cercare quello che vedi"></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div> </div> </div> </div>

Singola caratteristica da mettere in evidenza, con intestazione, descrizione e immagine con utilizzo dei suggerimenti per il layout

I suggerimenti relativi al layout ti consentono di controllare la posizione dell'immagine nella caratteristica da mettere in evidenza.

	Una singola caratteristica da mettere in evidenza, provvista di: Intestazione Descrizione Immagine Layout: immagine a sinistra degli altri contenuti
JSON-LD
>{ "@context": { "s": "http://schema.org/", "g": "http://schema.googleapis.com/" }, "@type": "g:Showcase", "g:showcaseBlock": [ { "@type": "g:ShowcaseFeatureSet", "s:itemListElement": [ { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaLeft", "s:headline": "Google Lens", "s:description": "Cerca quello che vedi con Google Lens: puoi cercare vestiti e arredi domestici, copiare e tradurre testi e identificare punti di riferimento, piante e animali, il tutto in tempo reale, direttamente dalla tua fotocamera.", "s:image": "http://example.com/pixel3-google-lens.png" } ] } ] }
RDFa
><div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase"> <div property="g:showcaseBlock" typeof="g:ShowcaseFeatureSet"> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaLeft"></div> <div property="headline" content="Google Lens"></div> <div property="description" content="Cerca quello che vedi con Google Lens: puoi cercare vestiti e arredi domestici, copiare e tradurre testi e identificare punti di riferimento, piante e animali, il tutto in tempo reale, direttamente dalla tua fotocamera."></div> <div property="image" content="http://example.com/pixel3-google-lens.png"></div> </div> </div> </div>
Microdati
><div itemscope itemtype="http://schema.googleapis.com/Showcase"> <div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeatureSet"> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaLeft"></div> <div itemprop="http://schema.org/headline" content="Google Lens"></div> <div itemprop="http://schema.org/description" content="Cerca quello che vedi con Google Lens: puoi cercare vestiti e arredi domestici, copiare e tradurre testi e identificare punti di riferimento, piante e animali, il tutto in tempo reale, direttamente dalla tua fotocamera."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div> </div> </div> </div>

Insieme di caratteristiche da mettere in evidenza, con utilizzo dei suggerimenti per modificare il layout

I suggerimenti relativi al layout possono esserti di aiuto per creare layout accattivanti.

	Un singolo insieme di caratteristiche da mettere in evidenza Quattro caratteristiche da mettere in evidenza La posizione alternata degli elementi multimediali sulle caratteristiche crea un motivo a zig zag
JSON-LD
>{ "@context": { "s": "http://schema.org/", "g": "http://schema.googleapis.com/" }, "@type": "g:Showcase", "g:showcaseBlock": [ { "@type": "g:ShowcaseFeatureSet", "g:layoutHint": "LayoutColumns1", "s:itemListElement": [ { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaLeft", "s:headline": "Google Lens", "s:description": "Cerca quello che vedi con Google Lens: puoi cercare vestiti e arredi domestici, copiare e tradurre testi e identificare punti di riferimento, piante e animali, il tutto in tempo reale, direttamente dalla tua fotocamera.", "s:image": "http://example.com/pixel3-google-lens.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaRight", "s:headline": "Selfie di gruppo", "s:description": "Grazie alla doppia fotocamera frontale, Pixel 3 ti consente di scattare selfie di gruppo senza selfie stick e senza che nessuno debba uscire dall'inquadratura per scattare la foto. In alternativa, puoi utilizzarla per includere nel tuo selfie il panorama alle tue spalle senza nessun faccione in primissimo piano.", "s:image": "http://example.com/pixel3-group-selfies.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaLeft", "s:headline": "Benessere digitale", "s:description": "Prendi una pausa dal telefono quando e dove vuoi, per dedicare tutta la tua attenzione alla famiglia e agli amici. Imposta timer nelle app e disattiva le notifiche visive. Utilizza la modalità Relax per attivare lo schermo in scala di grigi e prepararti a una notte di tutto riposo.", "s:image": "http://example.com/pixel3-digital-wellbeing.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaRight", "s:headline": "Assistente Google", "s:description": "Hai un viaggio in programma? Il tuo Assistente Google può aiutarti non solo a cercare voli e attrazioni principali, ma anche a tenere sotto controllo i prezzi dei voli e a ritrovare più velocemente la tua carta d'imbarco. Ti basterà chiedere all'Assistente Google che, una volta a destinazione, può anche aiutarti a trovare ristoranti, eventi locali e cose da fare nelle vicinanze del tuo hotel.", "s:image": "http://example.com/pixel3-google-assistant.png" } ] } ] }
RDFa
><div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase"> <div property="g:showcaseBlock" typeof="g:ShowcaseFeatureSet"> <div property="g:layoutHint" content="LayoutColumns1"></div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaLeft"></div> <div property="headline" content="Google Lens"></div> <div property="description" content="Cerca quello che vedi con Google Lens: puoi cercare vestiti e arredi domestici, copiare e tradurre testi e identificare punti di riferimento, piante e animali, il tutto in tempo reale, direttamente dalla tua fotocamera."></div> <div property="image" content="http://example.com/pixel3-google-lens.png"></div> </div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaRight"></div> <div property="headline" content="Selfie di gruppo"></div> <div property="description" content="Grazie alla doppia fotocamera frontale, Pixel 3 ti consente di scattare selfie di gruppo senza selfie stick e senza che nessuno debba uscire dall'inquadratura per scattare la foto. In alternativa, puoi utilizzarla per includere nel tuo selfie il panorama alle tue spalle senza nessun faccione in primissimo piano."></div> <div property="image" content="http://example.com/pixel3-group-selfies.png"></div> </div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaLeft"></div> <div property="headline" content="Benessere digitale"></div> <div property="description" content="Prendi una pausa dal telefono quando e dove vuoi, per dedicare tutta la tua attenzione alla famiglia e agli amici. Imposta timer nelle app e disattiva le notifiche visive. Utilizza la modalità Relax per attivare lo schermo in scala di grigi e prepararti a una notte di tutto riposo."></div> <div property="image" content="http://example.com/pixel3-digital-wellbeing.png"></div> </div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaRight"></div> <div property="headline" content="Assistente Google"></div> <div property="description" content="Hai un viaggio in programma? Il tuo Assistente Google può aiutarti non solo a cercare voli e attrazioni principali, ma anche a tenere sotto controllo i prezzi dei voli e a ritrovare più velocemente la carta d'imbarco. Ti basterà chiedere all'Assistente Google che, una volta a destinazione, può anche aiutarti a trovare ristoranti, eventi locali e cose da fare nelle vicinanze del tuo hotel."></div> <div property="image" content="http://example.com/pixel3-google-assistant.png"></div> </div> </div> </div>
Microdati
<div itemscope itemtype="http://schema.googleapis.com/Showcase"> <div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeatureSet"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutColumns1"></div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaLeft"></div> <div itemprop="http://schema.org/headline" content="Google Lens"></div> <div itemprop="http://schema.org/description" content="Cerca quello che vedi con Google Lens: puoi cercare vestiti e arredi domestici, copiare e tradurre testi e identificare punti di riferimento, piante e animali, il tutto in tempo reale, direttamente dalla tua fotocamera."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div> </div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaRight"></div> <div itemprop="http://schema.org/headline" content="Selfie di gruppo"></div> <div itemprop="http://schema.org/description" content="Grazie alla doppia fotocamera frontale, Pixel 3 ti consente di scattare selfie di gruppo senza selfie stick e senza che nessuno debba uscire dall'inquadratura per scattare la foto. In alternativa, puoi utilizzarla per includere nel tuo selfie il panorama alle tue spalle senza nessun faccione in primissimo piano."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-group-selfies.png"></div> </div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaLeft"></div> <div itemprop="http://schema.org/headline" content="Benessere digitale"></div> <div itemprop="http://schema.org/description" content="Prendi una pausa dal telefono quando e dove vuoi, per dedicare tutta la tua attenzione alla famiglia e agli amici. Imposta timer nelle app e disattiva le notifiche visive. Utilizza la modalità Relax per attivare lo schermo in scala di grigi e prepararti a una notte di tutto riposo."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-digital-wellbeing.png"></div> </div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaRight"></div> <div itemprop="http://schema.org/headline" content="Assistente Google"></div> <div itemprop="http://schema.org/description" content="Hai un viaggio in programma? Il tuo Assistente Google può aiutarti non solo a cercare voli e attrazioni principali, ma anche a tenere sotto controllo i prezzi dei voli e a ritrovare più velocemente la carta d'imbarco. Ti basterà chiedere all'Assistente Google che, una volta a destinazione, può anche aiutarti a trovare ristoranti, eventi locali e cose da fare nelle vicinanze del tuo hotel."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-assistant.png"></div> </div> </div> </div>

Galleria multimediale: singola immagine banner

In maniera analoga, le gallerie di immagini possono essere utilizzate per trasformare le immagini in immagini banner.

	Una galleria multimediale Una singola immagine banner
JSON-LD
{ "@context": { "s": "http://schema.org/", "g": "http://schema.googleapis.com/" }, "@type": "g:Showcase", "g:showcaseBlock": [ { "@type": "g:MediaGallery", "g:layoutHint": "LayoutColumns1", "s:image": [ "http://example.com/pixel3-pink-fruitpop-banner.png" ] } ] }
RDFa
<div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase"> <div property="g:showcaseBlock" typeof="g:MediaGallery"> <div property="g:layoutHint" content="LayoutColumns1"></div> <div property="image" content="http://example.com/pixel3-pink-fruitpop-banner.png"></div> </div> </div>
Microdati
><div itemscope itemtype="http://schema.googleapis.com/Showcase"> <div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/MediaGallery"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutColumns1"></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-pink-fruitpop-banner.png"></div> </div> </div>

Tre blocchi di tipo Showcase: una singola caratteristica, un insieme di caratteristiche da mettere in evidenza, una singola immagine banner

Combinando più blocchi di tipo Showcase, è possibile progettare layout personalizzati.

	Tre blocchi di tipo Showcase Un insieme di caratteristiche da mettere in evidenza con una singola caratteristica Un insieme di caratteristiche da mettere in evidenza con sei caratteristiche in un layout a tre colonne Una galleria multimediale con una singola immagine banner
JSON-LD
{ "@context": { "s": "http://schema.org/", "g": "http://schema.googleapis.com/" }, "@type": "g:Showcase", "g:showcaseBlock": [ { "@type": "g:ShowcaseFeatureSet", "g:layoutHint": "LayoutColumns1", "s:itemListElement": [ { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaBelow", "s:headline": "Scopri Google Pixel 3", "s:description": "Realizza ogni volta lo scatto perfetto, svolgi tutte le tue attività con l'aiuto dell'Assistente Google, approfitta di una batteria che dura tutto il giorno e altro ancora.", "s:image": "http://example.com/pixel3-main-image.png" } ] }, { "@type": "g:ShowcaseFeatureSet", "g:layoutHint": "LayoutColumns3", "s:headline": "Funzionalità disponibili", "s:itemListElement": [ { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Google Lens", "s:description": "Con Google Lens, puoi cercare quello che vedi.", "s:image": "http://example.com/pixel3-google-lens.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Selfie di gruppo", "s:description": "Con Selfie di gruppo, non avrai più bisogno di un selfie stick.", "s:image": "http://example.com/pixel3-group-selfies.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Benessere digitale", "s:description": "Con Benessere digitale, potrai riscoprire la gioia di lasciarti sfuggire qualcosa.", "s:image": "http://example.com/pixel3-digital-wellbeing.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Assistente Google", "s:description": "Con l'Assistente Google, puoi porre domande e molto altro ancora.", "s:image": "http://example.com/pixel3-google-assistant.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Gesto Shhh", "s:description": "Con il gesto Shhh, potrai concentrati su quello che conta.", "s:image": "http://example.com/pixel3-shhh-gesture.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Filtro chiamate", "s:description": "Con Filtro chiamate, puoi far rispondere l'Assistente al posto tuo.", "s:image": "http://example.com/pixel3-call-screen.png" } ] }, { "@type": "g:MediaGallery", "g:layoutHint": "LayoutColumns1", "s:image": [ "http://example.com/pixel3-pink-fruitpop-banner.png" ] } ] }
RDFa
<div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase"> <div property="g:showcaseBlock" typeof="g:ShowcaseFeatureSet"> <div property="g:layoutHint" content="LayoutColumns1"></div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaBelow"></div> <div property="headline" content="Scopri Google Pixel 3"></div> <div property="description" content="Realizza ogni volta lo scatto perfetto, svolgi tutte le tue attività con l'aiuto dell'Assistente Google, approfitta di una batteria che dura tutto il giorno e altro ancora."></div> <div property="image" content="http://example.com/pixel3-main-image.png"></div> </div> </div> <div property="g:showcaseBlock" typeof="g:ShowcaseFeatureSet"> <div property="g:layoutHint" content="LayoutColumns3"></div> <div property="headline" content="Funzionalità disponibili"></div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaAbove"></div> <div property="headline" content="Google Lens"></div> <div property="description" content="Con Google Lens, puoi cercare quello che vedi."></div> <div property="image" content="http://example.com/pixel3-google-lens.png"></div> </div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaAbove"></div> <div property="headline" content="Selfie di gruppo"></div> <div property="description" content="Con Selfie di gruppo, non avrai più bisogno di un selfie stick."></div> <div property="image" content="http://example.com/pixel3-group-selfies.png"></div> </div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaAbove"></div> <div property="headline" content="Benessere digitale"></div> <div property="description" content="Con Benessere digitale, potrai riscoprire la gioia di lasciarti sfuggire qualcosa."></div> <div property="image" content="http://example.com/pixel3-digital-wellbeing.png"></div> </div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaAbove"></div> <div property="headline" content="Assistente Google"></div> <div property="description" content="Con l'Assistente Google, puoi porre domande e molto altro ancora."></div> <div property="image" content="http://example.com/pixel3-google-assistant.png"></div> </div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaAbove"></div> <div property="headline" content="Gesto Shhh"></div> <div property="description" content="Con il gesto Shhh, potrai concentrati su quello che conta."></div> <div property="image" content="http://example.com/pixel3-shhh-gesture.png"></div> </div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaAbove"></div> <div property="headline" content="Filtro chiamate"></div> <div property="description" content="Con Filtro chiamate, puoi far rispondere l'Assistente al posto tuo."></div> <div property="image" content="http://example.com/pixel3-call-screen.png"></div> </div> </div> <div property="g:showcaseBlock" typeof="g:MediaGallery"> <div property="g:layoutHint" content="LayoutColumns1"></div> <div property="image" content="http://example.com/pixel3-pink-fruitpop-banner.png"></div> </div> </div>
Microdati
<div itemscope itemtype="http://schema.googleapis.com/Showcase"> <div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeatureSet"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutColumns1"></div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaBelow"></div> <div itemprop="http://schema.org/headline" content="Scopri Google Pixel 3"></div> <div itemprop="http://schema.org/description" content="Realizza ogni volta lo scatto perfetto, svolgi tutte le tue attività con l'aiuto dell'Assistente Google, approfitta di una batteria che dura tutto il giorno e altro ancora."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-main-image.png"></div> </div> </div> <div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeatureSet"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutColumns3"></div> <div itemprop="http://schema.org/headline" content="Funzionalità disponibili"></div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaAbove"></div> <div itemprop="http://schema.org/headline" content="Google Lens"></div> <div itemprop="http://schema.org/description" content="Con Google Lens, puoi cercare quello che vedi."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div> </div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaAbove"></div> <div itemprop="http://schema.org/headline" content="Selfie di gruppo"></div> <div itemprop="http://schema.org/description" content="Con Selfie di gruppo, non avrai più bisogno di un selfie stick."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-group-selfies.png"></div> </div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaAbove"></div> <div itemprop="http://schema.org/headline" content="Benessere digitale"></div> <div itemprop="http://schema.org/description" content="Con Benessere digitale, potrai riscoprire la gioia di lasciarti sfuggire qualcosa."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-digital-wellbeing.png"></div> </div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaAbove"></div> <div itemprop="http://schema.org/headline" content="Assistente Google"></div> <div itemprop="http://schema.org/description" content="Con l'Assistente Google, puoi porre domande e molto altro ancora."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-assistant.png"></div> </div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaAbove"></div> <div itemprop="http://schema.org/headline" content="Gesto Shhh"></div> <div itemprop="http://schema.org/description" content="Con il gesto Shhh, potrai concentrati su quello che conta."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-shhh-gesture.png"></div> </div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaAbove"></div> <div itemprop="http://schema.org/headline" content="Filtro chiamate"></div> <div itemprop="http://schema.org/description" content="Con Filtro chiamate, puoi far rispondere l'Assistente al posto tuo."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-call-screen.png"></div> </div> </div> <div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/MediaGallery"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutColumns1"></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-pink-fruitpop-banner.png"></div> </div> </div>