Aussagekräftige Produktinhalte formatieren

Mit dem Attribut Aussagekräftige Produktpräsentation [rich_product_content] können Sie aussagekräftige Beschreibungen erstellen, die Text und Medien kombinieren. Rich Content ermöglicht es Ihnen, spezielle Merkmale von Produkten oder Dienstleistungen hervorzuheben. Er kann mit verschiedenen Codierungen bereitgestellt werden, darunter JSON-LD, RDFa und Mikrodaten.

Wir empfehlen, Rich Content mit dem Testtool für strukturierte Daten von Google zu testen, um sicherzugehen, dass er keine Fehler enthält. Alle weiter unten erwähnten Beispiele können im Testtool ausprobiert werden.

In diesem Artikel werden die für verschiedenen Rich Content erforderlichen Datenstrukturen beschrieben.

Hinweis: Die Manufacturer Center API unterstützt jetzt das Attribut Aussagekräftige Produktpräsentation [rich_product_content]. Erste Schritte mit der Manufacturer Center API

So gehts

Rich Content

Rich Content besteht aus einer Reihe von Showcase-Blöcken. Jeder Block ist entweder ein Satz von Showcase-Elementen oder eine Mediagalerie. Blöcke werden vertikal in einer einzelnen Spalte gerendert. Rich Content wird mit einem Element des Typs „Showcase“ gekennzeichnet.

Typ Showcase beinhaltet CollectionPage
Property Erwarteter Typ Beschreibung
showcaseBlock ShowcaseFeatureSet oder MediaGallery Ein Block mit Rich Content. Der Block muss entweder ein Satz von Showcase-Elementen oder eine Mediagalerie sein.

Satz von Showcase-Elementen

Ein Satz von Showcase-Elementen besteht aus einer optionalen Überschrift und einer Reihe von Showcase-Elementen. Elementsätze können in einer oder mehreren Spalten gerendert werden.

Typ ShowcaseFeatureSet beinhaltet ItemList
Property Erwarteter Typ Beschreibung
layoutHint Text Ein optionaler Hinweis, der angibt, wie viele Spalten zum Rendern verwendet werden sollen. Die Elemente werden zuerst in Zeilen und dann in Spalten gerendert. Folgende Werte werden unterstützt:
  • >
  • LayoutColumns1
  • LayoutColumns2
  • LayoutColumns3
  • LayoutColumns4>

Der Layout-Hinweis wird bestmöglich umgesetzt. Auf kleinen Bildschirmen werden unter Umständen weniger Spalten als angefordert verwendet.
Überschrift Text Eine optionale Überschrift, die den Elementsatz beschreibt.
itemListElement ShowcaseFeature

Ein Showcase-Element des Satzes. Die Elemente werden zuerst in Zeilen und dann in Spalten gerendert.

Showcase-Element

Ein Showcase-Element besteht aus einer Überschrift, einer Beschreibung und einem optionalen Bild.

Typ ShowcaseFeature beinhaltet ListItem
Property Erwarteter Typ Beschreibung
layoutHint Text Ein optionaler Hinweis, der angibt, wo das Bild relativ zur Überschrift und zur Beschreibung gerendert werden soll. Folgende Werte werden unterstützt:
  • LayoutMediaLeft
  • LayoutMediaRight
  • LayoutMediaAbove
  • LayoutMediaBelow
Der Layout-Hinweis wird bestmöglich umgesetzt. Auf kleinen Bildschirmen kann das Bild an einer anderen als der angeforderten Position gerendert werden.
Überschrift Text Die Überschrift des Elements
Beschreibung Text Die Beschreibung des Elements
Bild URL oder ImageObject Ein optionales Bild, das das Element veranschaulicht

Mediagalerie

Eine Mediagalerie besteht aus einer optionalen Überschrift und einer Folge von Bildern. Die Bilder werden in einer oder mehreren Spalten gerendert.

Typ MediaGallery beinhaltet CollectionPage
Property Erwarteter Typ Beschreibung
layoutHint Text Ein optionaler Hinweis, der angibt, wie viele Spalten zum Rendern verwendet werden sollen. Die Bilder werden zuerst in Zeilen und dann in Spalten gerendert. Folgende Werte werden unterstützt:
  • LayoutColumns1
  • LayoutColumns2
  • LayoutColumns3
  • LayoutColumns4
Der Layout-Hinweis wird bestmöglich umgesetzt. Auf kleinen Bildschirmen werden unter Umständen weniger Spalten als angefordert verwendet.
Überschrift Text Eine optionale Überschrift, die über der Galerie angezeigt wird
Bild URL oder ImageObject Das Bild, das in der Galerie angezeigt werden soll

Hinweis zu Namespaces

Die Typen Showcase, ShowcaseFeatureSet, ShowcaseFeature und MediaGallery und die Properties showcaseBlock und layoutHint sind schema.org-Erweiterungen, die unter http://schema.googleapis.com/ definiert werden. Alle anderen Typen und Properties werden unter http://schema.org/ definiert.

Beispiele

Leeres Rich-Content-Format

Der einfachste Rich Content ist leer. Dies ist das Minimum, das erforderlich ist, um eine Rich Content-Instanz auszudrücken.
Leerer Rich 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>
Mikrodaten
<div itemscope itemtype="http://schema.googleapis.com/Showcase">
</div>

Einzelnes Showcase-Element mit Überschrift und Beschreibung, aber ohne Bild

Hier sehen Sie eine Rich Content-Instanz mit einem einzelnen Showcase-Element und ohne Bild.
Ein einzelnes Showcase-Element mit
  • Überschrift
  • Beschreibung
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": "Wir präsentieren das Google Pixel 3",
"s:description": "Sie können hochwertige Fotos machen, mit Google Assistant Dinge erledigen, den Akku ganztags nutzen und vieles mehr."
}
]
}
]
}
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="Wir präsentieren das Google Pixel 3"></div>
<div property="description" content="Sie können hochwertige Fotos machen, mit Google Assistant Dinge erledigen, den Akku ganztags nutzen und vieles mehr."></div>
</div>
</div>
</div>
Mikrodaten
><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="Wir präsentieren das Google Pixel 3"></div>
<div itemprop="http://schema.org/description" content="Sie können hochwertige Fotos machen, mit Google Assistant Dinge erledigen, den Akku ganztags nutzen und vieles mehr."></div>
</div>
</div>
</div>

Einzelnes Showcase-Element mit Überschrift, Beschreibung und Bild

Sie können dem Showcase-Element ein Bild hinzufügen.
Ein einzelnes Showcase-Element mit
  • Überschrift
  • Beschreibung
  • Bild
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": "Mit Google Lens können Sie ganz einfach suchen, was Sie sehen",
"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="Mit Google Lens können Sie ganz einfach suchen, was Sie sehen"></div>
<div property="image" content="http://example.com/pixel3-google-lens.png"></div>
</div>
</div>
</div>
Mikrodaten
><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="Mit Google Lens können Sie ganz einfach suchen, was Sie sehen"></div>
<div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div>
</div>
</div>
</div>

Einzelnes Showcase-Element mit Überschrift, Beschreibung und Bild sowie Verwendung von Layout-Hinweisen

Mit Layout-Hinweisen können Sie die Position des Bilds in einem Showcase-Element steuern.
Ein einzelnes Showcase-Element mit
  • Überschrift
  • Beschreibung
  • Bild
  • Layout: Bild links neben dem anderen Inhalt
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": "Mit Google Lens können Sie suchen, was Sie sehen, um Kleidung und Wohnaccessoires zu finden, Text zu kopieren und zu übersetzen sowie Sehenswürdigkeiten, Pflanzen und Tiere zu identifizieren – alles in Echtzeit und direkt über Ihre Kamera.",
"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="Mit Google Lens können Sie suchen, was Sie sehen, um Kleidung und Wohnaccessoires zu finden, Text zu kopieren und zu übersetzen sowie Sehenswürdigkeiten, Pflanzen und Tiere zu identifizieren – alles in Echtzeit und direkt über Ihre Kamera."></div>
<div property="image" content="http://example.com/pixel3-google-lens.png"></div>
</div>
</div>
</div>
Mikrodaten
><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="Mit Google Lens können Sie suchen, was Sie sehen, um Kleidung und Wohnaccessoires zu finden, Text zu kopieren und zu übersetzen sowie Sehenswürdigkeiten, Pflanzen und Tiere zu identifizieren – alles in Echtzeit und direkt über Ihre Kamera."></div>
<div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div>
</div>
</div>
</div>

Satz von Showcase-Elementen mit Layout-Hinweisen zum Ändern des Layouts

Layout-Hinweise können Ihnen dabei helfen, ansprechende Layouts zu erstellen.
Ein einzelner Satz von Showcase-Elementen
  • Vier Showcase-Elemente
  • Alternierende Positionierung der Medien erzeugt ein Zickzackmuster
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": "Mit Google Lens können Sie suchen, was Sie sehen, um Kleidung und Wohnaccessoires zu finden, Text zu kopieren und zu übersetzen sowie Sehenswürdigkeiten, Pflanzen und Tiere zu identifizieren – alles in Echtzeit und direkt über Ihre Kamera.",
"s:image": "http://example.com/pixel3-google-lens.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaRight",
"s:headline": "Gruppenselfies",
"s:description": "Mit den beiden Frontkameras des Pixel 3 können Sie Gruppenselfies aufnehmen – ohne Selfiestick und ohne dass jemand sich von der Gruppe trennen muss, um das Foto zu machen. Sie bekommen damit auch den Hintergrund ins Bild, ohne zum Wackelkopf zu werden.",
"s:image": "http://example.com/pixel3-group-selfies.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaLeft",
"s:headline": "Digital Wellbeing",
"s:description": "Lassen Sie Ihr Smartphone beiseite, wann und wo Sie möchten, um Zeit mit Freunden und Familie zu verbringen. Kontrollieren Sie Ihr digitales Universum durch den Timer für Apps und deaktivieren Sie Benachrichtigungen im Pssst-Modus mit nur einer Handbewegung. Verwenden Sie den Entspannungsmodus, um das Display auf Graustufen umzustellen und sich auf eine erholsame Nachtruhe vorzubereiten.",
"s:image": "http://example.com/pixel3-digital-wellbeing.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaRight",
"s:headline": "Google Assistant",
"s:description": "Wenn Sie eine Reise planen, können Sie mit Google Assistant die wichtigsten Sehenswürdigkeiten finden, nach einem Flug suchen, Flugpreise beobachten und Ihre Bordkarte schneller abrufen. Und wenn Sie am Reiseziel angekommen sind, finden Sie damit Restaurants, lokale Veranstaltungen und andere Aktivitäten in der Nähe Ihres Hotels.",
"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="Mit Google Lens können Sie suchen, was Sie sehen, um Kleidung und Wohnaccessoires zu finden, Text zu kopieren und zu übersetzen sowie Sehenswürdigkeiten, Pflanzen und Tiere zu identifizieren – alles in Echtzeit und direkt über Ihre Kamera."></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="Gruppenselfies"></div>
<div property="description" content="Mit den beiden Frontkameras des Pixel 3 können Sie Gruppenselfies aufnehmen – ohne Selfiestick und ohne dass jemand sich von der Gruppe trennen muss, um das Foto zu machen. Sie bekommen damit auch den Hintergrund ins Bild, ohne zum Wackelkopf zu werden."></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="Digital Wellbeing"></div>
<div property="description" content="Lassen Sie Ihr Smartphone beiseite, wann und wo Sie möchten, um Zeit mit Freunden und Familie zu verbringen. Kontrollieren Sie Ihr digitales Universum durch den Timer für Apps und deaktivieren Sie Benachrichtigungen im Pssst-Modus mit nur einer Handbewegung. Verwenden Sie den Entspannungsmodus, um das Display auf Graustufen umzustellen und sich auf eine erholsame Nachtruhe vorzubereiten."></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 Assistant"></div>
<div property="description" content="Wenn Sie eine Reise planen, können Sie mit Google Assistant die wichtigsten Sehenswürdigkeiten finden, nach einem Flug suchen, Flugpreise beobachten und Ihre Bordkarte schneller abrufen. Und wenn Sie am Reiseziel angekommen sind, finden Sie damit Restaurants, lokale Veranstaltungen und andere Aktivitäten in der Nähe Ihres Hotels."></div>
<div property="image" content="http://example.com/pixel3-google-assistant.png"></div>
</div>
</div>
</div>
Mikrodaten
<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="Mit Google Lens können Sie suchen, was Sie sehen, um Kleidung und Wohnaccessoires zu finden, Text zu kopieren und zu übersetzen sowie Sehenswürdigkeiten, Pflanzen und Tiere zu identifizieren – alles in Echtzeit und direkt über Ihre Kamera."></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="Gruppenselfies"></div>
<div itemprop="http://schema.org/description" content="Mit den beiden Frontkameras des Pixel 3 können Sie Gruppenselfies aufnehmen – ohne Selfiestick und ohne dass jemand sich von der Gruppe trennen muss, um das Foto zu machen. Sie bekommen damit auch den Hintergrund ins Bild, ohne zum Wackelkopf zu werden."></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="Digital Wellbeing"></div>
<div itemprop="http://schema.org/description" content="Lassen Sie Ihr Smartphone beiseite, wann und wo Sie möchten, um Zeit mit Freunden und Familie zu verbringen. Kontrollieren Sie Ihr digitales Universum durch den Timer für Apps und deaktivieren Sie Benachrichtigungen im Pssst-Modus mit nur einer Handbewegung. Verwenden Sie den Entspannungsmodus, um das Display auf Graustufen umzustellen und sich auf eine erholsame Nachtruhe vorzubereiten."></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 Assistant"></div>
<div itemprop="http://schema.org/description" content="Wenn Sie eine Reise planen, können Sie mit Google Assistant die wichtigsten Sehenswürdigkeiten finden, nach einem Flug suchen, Flugpreise beobachten und Ihre Bordkarte schneller abrufen. Und wenn Sie am Reiseziel angekommen sind, finden Sie damit Restaurants, lokale Veranstaltungen und andere Aktivitäten in der Nähe Ihres Hotels."></div>
<div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-assistant.png"></div>
</div>
</div>
</div>

Mediagalerie: einzelnes Bannerbild

Auf ähnliche Weise können Bildergalerien verwendet werden, um Bilder in Bannerbilder umzuwandeln.
Eine Mediagalerie
  • Ein einzelnes Bannerbild
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>
Mikrodaten
><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>

Drei Showcase-Blöcke: einzelnes Element, Satz von Showcase-Elementen, einzelnes Bannerbild

Durch das Kombinieren mehrerer Showcase-Blöcke können Sie benutzerdefinierte Layouts erstellen.
Drei Showcase-Blöcke
  • Ein Satz von Showcase-Elementen mit einem einzelnen Element
  • Ein Satz von Showcase-Elementen mit sechs Elementen in einem Layout mit drei Spalten
  • Eine Mediagalerie mit einem einzelnen Bannerbild
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": "Wir präsentieren das Google Pixel 3",
"s:description": "Sie können hochwertige Fotos machen, mit Google Assistant Dinge erledigen, den Akku ganztags nutzen und vieles mehr.",
"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": "Mit Google Lens können Sie ganz einfach suchen, was Sie sehen.",
"s:image": "http://example.com/pixel3-google-lens.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaAbove",
"s:headline": "Gruppenselfies",
"s:description": "Gruppenselfies ganz ohne Selfiestick.",
"s:image": "http://example.com/pixel3-group-selfies.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaAbove",
"s:headline": "Digital Wellbeing",
"s:description": "Mit Digital Wellbeing einfach mal ganz abschalten.",
"s:image": "http://example.com/pixel3-digital-wellbeing.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaAbove",
"s:headline": "Google Assistant",
"s:description": "Mit Google Assistant können Sie Fragen stellen und Dinge erledigen.",
"s:image": "http://example.com/pixel3-google-assistant.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaAbove",
"s:headline": "Pssst-Modus",
"s:description": "Aktivieren Sie den Pssst-Modus, um sich auf das Wesentliche zu konzentrieren.",
"s:image": "http://example.com/pixel3-shhh-gesture.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaAbove",
"s:headline": "Anruf-Filter",
"s:description": "Anruf-Filter beantwortet und screent Anrufe für Sie.",
"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="Wir präsentieren das Google Pixel 3"></div>
<div property="description" content="Sie können hochwertige Fotos machen, mit Google Assistant Dinge erledigen, den Akku ganztags nutzen und vieles mehr."></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="Mit Google Lens können Sie ganz einfach suchen, was Sie sehen."></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="Gruppenselfies"></div>
<div property="description" content="Gruppenselfies ganz ohne Selfiestick."></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="Digital Wellbeing"></div>
<div property="description" content="Mit Digital Wellbeing einfach mal ganz abschalten."></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 Assistant"></div>
<div property="description" content="Mit Google Assistant können Sie Fragen stellen und Dinge erledigen."></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="Pssst-Modus"></div>
<div property="description" content="Aktivieren Sie den Pssst-Modus, um sich auf das Wesentliche zu konzentrieren."></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="Anruf-Filter"></div>
<div property="description" content="Anruf-Filter beantwortet und screent Anrufe für Sie."></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>
Mikrodaten
<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="Wir präsentieren das Google Pixel 3"></div>
<div itemprop="http://schema.org/description" content="Sie können hochwertige Fotos machen, mit Google Assistant Dinge erledigen, den Akku ganztags nutzen und vieles mehr."></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="Mit Google Lens können Sie ganz einfach suchen, was Sie sehen."></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="Gruppenselfies"></div>
<div itemprop="http://schema.org/description" content="Gruppenselfies ganz ohne Selfiestick."></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="Digital Wellbeing"></div>
<div itemprop="http://schema.org/description" content="Mit Digital Wellbeing einfach mal ganz abschalten."></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 Assistant"></div>
<div itemprop="http://schema.org/description" content="Mit Google Assistant können Sie Fragen stellen und Dinge erledigen."></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="Pssst-Modus"></div>
<div itemprop="http://schema.org/description" content="Aktivieren Sie den Pssst-Modus, um sich auf das Wesentliche zu konzentrieren."></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="Anruf-Filter"></div>
<div itemprop="http://schema.org/description" content="Anruf-Filter beantwortet und screent Anrufe für Sie."></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>

War das hilfreich?

Wie können wir die Seite verbessern?

Benötigen Sie weitere Hilfe?

Mögliche weitere Schritte:

Kontakt Weitere Informationen angeben und Hilfe erhalten
false
Suche
Suche löschen
Suche schließen
Hauptmenü
9742387523274641428
true
Suchen in der Hilfe
true
true
true
true
true
104514
false
false