Uitgebreide productcontent indelen

Met het kenmerk uitgebreide productcontent [rich_product_content] kunt u uitgebreide beschrijvingen maken waarin tekst en media worden gecombineerd. Met uitgebreide content kunt u speciale functies van producten of diensten markeren. Uitgebreide content kan worden geleverd met verschillende coderingen, waaronder JSON-LD, RDFa en microdata.

We raden u aan de tool voor het testen van gestructureerde gegevens van Google te gebruiken om uw uitgebreide content te testen en te controleren of deze geen fouten bevat. Alle voorbeelden in dit artikel kunnen in de testtool worden uitgeprobeerd.

In dit artikel worden de gegevensstructuren beschreven die nodig zijn voor verschillende uitgebreide content.

Opmerking: Manufacturer Center API ondersteunt nu het kenmerk uitgebreide productcontent [rich_product_content]. Ontdek hoe u aan de slag gaat met Manufacturer Center API

Hoe het werkt

Uitgebreide content

Uitgebreide content bestaat uit een reeks showcaseblokken. Elk blok is een reeks met showcasefuncties of een mediagalerij. Blokken worden verticaal weergegeven in een enkele kolom. Uitgebreide content wordt gespecificeerd met een element van het type Showcase.

Type Showcase is een extensie van CollectionPage
Property Verwacht type Beschrijving
showcaseBlock ShowcaseFeatureSet of MediaGallery Een blok met uitgebreide content. Het blok moet een reeks met showcasefuncties of een mediagalerij zijn.

Reeks met showcasefuncties

Een reeks met showcasefuncties bestaat uit een optionele kop en een reeks showcasefuncties. Functiereeksen kunnen worden weergegeven in een of meerdere kolommen.

Type ShowcaseFeatureSet is een extensie van ItemList
Property Verwacht type Beschrijving
layoutHint Tekst Een optionele hint die aangeeft hoeveel kolommen moeten worden gebruikt voor weergave. De functies worden eerst weergegeven in rijen en vervolgens in kolommen. De volgende waarden worden ondersteund:
  • >
  • LayoutColumns1
  • LayoutColumns2
  • LayoutColumns3
  • LayoutColumns4>

De hint voor de lay-out wordt waar mogelijk afgedwongen. Op kleine schermen kunnen minder kolommen dan gevraagd worden gebruikt.
kop Tekst Een optionele kop die de functiereeks beschrijft.
itemListElement ShowcaseFeature

Een showcasefunctie in de reeks. Functies worden eerst weergegeven in rijen en vervolgens in kolommen.

Showcasefunctie

Een showcasefunctie bestaat uit een kop, een beschrijving en een optionele afbeelding.

Type ShowcaseFeature is een extensie van ListItem
Property Verwacht type Beschrijving
layoutHint Tekst Een optionele hint die aangeeft waar de afbeelding moet worden weergegeven ten opzichte van de kop en de beschrijving. De volgende waarden worden ondersteund:
  • LayoutMediaLeft
  • LayoutMediaRight
  • LayoutMediaAbove
  • LayoutMediaBelow
De hint voor de lay-out wordt waar mogelijk afgedwongen. Op kleine schermen kan de afbeelding op een andere positie worden weergegeven dan gevraagd.
kop Tekst De kop van de functie.
beschrijving Tekst De beschrijving van de functie.
afbeelding URL of ImageObject Een optionele afbeelding die een beeld geeft van de functie.

Mediagalerij

Een mediagalerij bestaat uit een optionele kop en een reeks afbeeldingen. De afbeeldingen worden weergegeven in een of meerdere kolommen.

Type MediaGallery is een extensie van CollectionPage
Property Verwacht type Beschrijving
layoutHint Tekst Een optionele hint die aangeeft hoeveel kolommen moeten worden gebruikt voor weergave. De afbeeldingen worden eerst weergegeven in rijen en vervolgens in kolommen. De volgende waarden worden ondersteund:
  • LayoutColumns1
  • LayoutColumns2
  • LayoutColumns3
  • LayoutColumns4
De hint voor de lay-out wordt waar mogelijk afgedwongen. Op kleine schermen kunnen minder kolommen dan gevraagd worden gebruikt.
kop Tekst Een optionele kop die bovenaan de galerij wordt weergegeven.
afbeelding URL of ImageObject De afbeelding die in de galerij wordt weergegeven.

Opmerking over naamruimtes

De typen Showcase, ShowcaseFeatureSet, ShowcaseFeature en MediaGallery, en de property's showcaseBlock en layoutHint zijn schema-extensies die zijn gedefinieerd op http://schema.googleapis.com/. Alle andere typen en property's worden gedefinieerd op http://schema.org/.

Voorbeelden

Indeling voor lege uitgebreide content

De eenvoudigste uitgebreide content is leeg. Dit is het absolute minimum dat nodig is om een instantie van uitgebreide content uit te drukken.
Lege uitgebreide content
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>
Microdata
<div itemscope itemtype="http://schema.googleapis.com/Showcase">
</div>

Een enkele showcasefunctie met kop en beschrijving, zonder afbeelding

Hier volgt een voorbeeld van uitgebreide content die bestaat uit één showcasefunctie zonder een afbeelding.
Een enkele showcasefunctie met
  • kop
  • beschrijving
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": "Ontdek de Google Pixel 3",
"s:description": "Leg elke keer de perfecte opname vast, krijg meer gedaan met de Google Assistent, werk met een batterij die de hele dag meegaat en nog veel meer."
}
]
}
]
}
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="Ontdek de Google Pixel 3"></div>
<div property="description" content="Leg elke keer de perfecte opname vast, krijg meer gedaan met de Google Assistent, werk met een batterij die de hele dag meegaat en nog veel meer."></div>
</div>
</div>
</div>
Microdata
><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="Ontdek de Google Pixel 3"></div>
<div itemprop="http://schema.org/description" content="Leg elke keer de perfecte opname vast, krijg meer gedaan met de Google Assistent, werk met een batterij die de hele dag meegaat en nog veel meer."></div>
</div>
</div>
</div>

Eén showcasefunctie met kop, beschrijving en afbeelding

U kunt een afbeelding toevoegen aan de showcasefunctie.
Een enkele showcasefunctie met
  • Kop
  • Beschrijving
  • Afbeelding
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": "De kracht om te zoeken wat u ziet met Google Lens",
"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="De kracht om te zoeken wat u ziet met Google Lens"></div>
<div property="image" content="http://example.com/pixel3-google-lens.png"></div>
</div>
</div>
</div>
Microdata
><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="De kracht om te zoeken wat u ziet met Google Lens"></div>
<div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div>
</div>
</div>
</div>

Eén showcasefunctie met kop, beschrijving en afbeelding met hints voor de lay-out

Met hints voor de lay-out kunt u de positie van de afbeelding in een showcasefunctie bepalen.
Een enkele showcasefunctie met
  • Kop
  • Beschrijving
  • Afbeelding
  • Lay-out: afbeelding links van de andere content
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": "Zoek met Google Lens naar wat u maar ziet om kleding en woonaccessoires op te zoeken, tekst te kopiëren en te vertalen en herkenningspunten, planten en dieren te identificeren, allemaal in realtime, rechtstreeks vanaf uw camera.",
"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="Zoek met Google Lens naar wat u maar ziet om kleding en woonaccessoires op te zoeken, tekst te kopiëren en te vertalen en herkenningspunten, planten en dieren te identificeren, allemaal in realtime, rechtstreeks vanaf uw camera."></div>
<div property="image" content="http://example.com/pixel3-google-lens.png"></div>
</div>
</div>
</div>
Microdata
><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="Zoek met Google Lens naar wat u maar ziet om kleding en woonaccessoires op te zoeken, tekst te kopiëren en te vertalen en herkenningspunten, planten en dieren te identificeren, allemaal in realtime, rechtstreeks vanaf uw camera."></div>
<div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div>
</div>
</div>
</div>

Reeks showcasefuncties met hints voor de lay-out om de lay-out te wijzigen

Met hints voor de lay-out kunt u aantrekkelijke lay-outs maken.
Een enkele functie voor een reeks showcasefuncties
  • Vier showcasefuncties
  • Verschillende mediaposities bij de functies zorgen voor een zigzagpatroon
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": "Zoek met Google Lens naar wat u maar ziet om kleding en woonaccessoires op te zoeken, tekst te kopiëren en te vertalen en herkenningspunten, planten en dieren te identificeren, allemaal in realtime, rechtstreeks vanaf uw camera.",
"s:image": "http://example.com/pixel3-google-lens.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaRight",
"s:headline": "Group Selfies",
"s:description": "Met de 2 camera's aan de voorzijde van de Pixel 3 kunt u groepsselfies maken zonder een selfiestick of iemand die naar voren moet springen om de foto te maken. Of u kunt ze gebruiken voor een achtergrond in de selfie zonder een vertekening van uw gezicht.",
"s:image": "http://example.com/pixel3-group-selfies.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaLeft",
"s:headline": "Digital Wellbeing",
"s:description": "Laat uw telefoon los waar en wanneer u maar wilt, zodat u zich kunt richten op de tijd die u doorbrengt met familie en vrienden. Stel timers in voor apps en schakel visuele meldingen uit. Gebruik de modus Bijna bedtijd om het scherm in grijstinten weer te geven en u voor te bereiden op een goede nachtrust.",
"s:image": "http://example.com/pixel3-digital-wellbeing.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaRight",
"s:headline": "Google Assistent",
"s:description": "Als u van plan bent ergens naartoe te reizen, kunt u praten met uw Google Assistent die u helpt om topattracties of vluchten te vinden, vluchtprijzen te volgen en uw instapkaart sneller terug te vinden. Als u bent gearriveerd, kan de Google Assistent u ook helpen restaurants, lokale evenementen en activiteiten in de buurt van uw hotel te vinden.",
"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="Zoek met Google Lens naar wat u maar ziet om kleding en woonaccessoires op te zoeken, tekst te kopiëren en te vertalen en herkenningspunten, planten en dieren te identificeren, allemaal in realtime, rechtstreeks vanaf uw camera."></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="Group Selfies"></div>
<div property="description" content="Met de 2 camera's aan de voorzijde van de Pixel 3 kunt u groepsselfies maken zonder een selfiestick of iemand die naar voren moet springen om de foto te maken. Of u kunt ze gebruiken voor een achtergrond in de selfie zonder een vertekening van uw gezicht."></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="Digitaal welzijn"></div>
<div property="description" content="Laat uw telefoon los waar en wanneer u maar wilt, zodat u zich kunt richten op de tijd die u doorbrengt met familie en vrienden. Stel timers in voor apps en schakel visuele meldingen uit. Gebruik de modus Bijna bedtijd om het scherm in grijstinten weer te geven en u voor te bereiden op een goede nachtrust."></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="Google Assistent"></div>
<div property="description" content="Als u van plan bent ergens naartoe te reizen, kunt u praten met uw Google Assistent die u helpt om topattracties of vluchten te vinden, vluchtprijzen te volgen en uw instapkaart sneller terug te vinden. Als u bent gearriveerd, kan de Google Assistent u ook helpen restaurants, lokale evenementen en activiteiten in de buurt van uw hotel te vinden."></div>
<div property="image" content="http://example.com/pixel3-google-assistant.png"></div>
</div>
</div>
</div>
Microdata
<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="Zoek met Google Lens naar wat u maar ziet om kleding en woonaccessoires op te zoeken, tekst te kopiëren en te vertalen en herkenningspunten, planten en dieren te identificeren, allemaal in realtime, rechtstreeks vanaf uw camera."></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="Groepsselfies"></div>
<div itemprop="http://schema.org/description" content="Met de 2 camera's aan de voorzijde van de Pixel 3 kunt u groepsselfies maken zonder een selfiestick of iemand die naar voren moet springen om de foto te maken. Of u kunt ze gebruiken voor een achtergrond in de selfie zonder een vertekening van uw gezicht."></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="Digitaal welzijn"></div>
<div itemprop="http://schema.org/description" content="Laat uw telefoon los waar en wanneer u maar wilt, zodat u zich kunt richten op de tijd die u doorbrengt met familie en vrienden. Stel timers in voor apps en schakel visuele meldingen uit. Gebruik de modus Bijna bedtijd om het scherm in grijstinten weer te geven en u voor te bereiden op een goede nachtrust."></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="Google Assistent"></div>
<div itemprop="http://schema.org/description" content="Als u van plan bent ergens naartoe te reizen, kunt u praten met uw Google Assistent die u helpt om topattracties of vluchten te vinden, vluchtprijzen te volgen en uw instapkaart sneller terug te vinden. Als u bent gearriveerd, kan de Google Assistent u ook helpen restaurants, lokale evenementen en activiteiten in de buurt van uw hotel te vinden."></div>
<div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-assistant.png"></div>
</div>
</div>
</div>

Mediagalerij: één bannerafbeelding

Afbeeldingsgalerijen kunnen op vergelijkbare wijze worden gebruikt om van afbeeldingen bannerafbeeldingen te maken.
Een mediagalerij
  • Eén bannerafbeelding
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>
Microdata
><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>

3 showcaseblokken: 1 functie, reeks showcasefuncties, 1 bannerafbeelding

Combineer meerdere showcaseblokken om custom lay-outs te ontwerpen.
3 showcaseblokken
  • Een reeks showcasefuncties met 1 functie
  • Een reeks showcasefuncties met 6 functies in een lay-out met 3 kolommen
  • Een mediagalerij met 1 bannerafbeelding
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": "Ontdek de Google Pixel 3",
"s:description": "Leg elke keer de perfecte opname vast, krijg meer gedaan met de Google Assistent, een batterij die de hele dag meegaat en nog veel meer.",
"s:image": "http://example.com/pixel3-main-image.png"
}
]
},
{
"@type": "g:ShowcaseFeatureSet",
"g:layoutHint": "LayoutColumns3",
"s:headline": "Featuring",
"s:itemListElement": [
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaAbove",
"s:headline": "Google Lens",
"s:description": "De kracht om te zoeken wat u ziet met Google Lens.",
"s:image": "http://example.com/pixel3-google-lens.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaAbove",
"s:headline": "Groepsselfies",
"s:description": "De mogelijkheid om geen selfiestick te hoeven gebruiken voor groepsselfies.",
"s:image": "http://example.com/pixel3-group-selfies.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaAbove",
"s:headline": "Digitaal welzijn",
"s:description": "De kans om blij te zijn met wat u mist met digitaal welzijn.",
"s:image": "http://example.com/pixel3-digital-wellbeing.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaAbove",
"s:headline": "Google Assistent",
"s:description": "De kracht om vragen te stellen en meer gedaan te krijgen met de Google Assistent.",
"s:image": "http://example.com/pixel3-google-assistant.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaAbove",
"s:headline": "Sst-gebaar",
"s:description": "De mogelijkheid om u te richten op wat belangrijk is met het sst-gebaar.",
"s:image": "http://example.com/pixel3-shhh-gesture.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaAbove",
"s:headline": "Gespreksscreening",
"s:description": "De kracht van gespreksscreening, waarmee de Assistent oproepen voor u kan beantwoorden.",
"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="Ontdek de Google Pixel 3"></div>
<div property="description" content="Leg elke keer de perfecte opname vast, krijg meer gedaan met de Google Assistent, werk met een batterij die de hele dag meegaat en nog veel meer."></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="Featuring"></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="De kracht om te zoeken wat u ziet met Google Lens."></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="Groepsselfies"></div>
<div property="description" content="De mogelijkheid om geen selfiestick te hoeven gebruiken voor groepsselfies."></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="Digitaal welzijn"></div>
<div property="description" content="De kans om blij te zijn met wat u mist met digitaal welzijn."></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="Google Assistent"></div>
<div property="description" content="De kracht om vragen te stellen en meer gedaan te krijgen met de Google Assistent."></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="Sst-gebaar"></div>
<div property="description" content="De kracht om u te richten op wat belangrijk is met het sst-gebaar."></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="Gespreksscreening"></div>
<div property="description" content="De kracht van gespreksscreening, waarmee de Assistent oproepen voor u kan beantwoorden."></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>
Microdata
<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="Ontdek de Google Pixel 3"></div>
<div itemprop="http://schema.org/description" content="Leg elke keer de perfecte opname vast, krijg meer gedaan met de Google Assistent, werk met een batterij die de hele dag meegaat en nog veel meer."></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="Featuring"></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="De kracht om te zoeken wat u ziet met Google Lens."></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="Groepsselfies"></div>
<div itemprop="http://schema.org/description" content="De mogelijkheid om geen selfiestick te hoeven gebruiken voor groepsselfies."></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="Digitaal welzijn"></div>
<div itemprop="http://schema.org/description" content="De kans om blij te zijn met wat u mist met digitaal welzijn."></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="Google Assistent"></div>
<div itemprop="http://schema.org/description" content="De kracht om vragen te stellen en meer gedaan te krijgen met de Google Assistent."></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="Sst-gebaar"></div>
<div itemprop="http://schema.org/description" content="De mogelijkheid om u te richten op wat belangrijk is met het sst-gebaar."></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="Gespreksscreening"></div>
<div itemprop="http://schema.org/description" content="De kracht van gespreksscreening, waarmee de Assistent oproepen voor u kan beantwoorden."></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>

Was dit nuttig?

Hoe kunnen we dit verbeteren?

Meer hulp nodig?

Probeer de volgende stappen:

Contact opnemen Vertel ons meer zodat we u kunnen helpen
false
Zoeken
Zoekopdracht wissen
Zoekfunctie sluiten
Hoofdmenu
3997698774911828580
true
Zoeken in het Helpcentrum
true
true
true
true
true
104514
false
false