Formatera detaljerat produktinnehåll

Med attributet avancerat produktinnehåll [rich_product_content] kan du ange detaljerade beskrivningar som kombinerar text och media. Med detaljerat innehåll kan du lyfta fram särskilda egenskaper hos produkter och tjänster. Detaljerat innehåll kan ha olika kodningar, däribland JSON-LD, RDFa och mikrodata.

Vi rekommenderar att du använder Googles testverktyg för strukturerad data för att testa ditt detaljerade innehåll och kontrollera att det inte innehåller fel. Alla exempel i den här artikeln kan testas i testverktyget.

I den här artikeln beskriver vi de datastrukturer som krävs för olika typer av detaljerat innehåll.

Obs! Manufacturer Center API har nu stöd för attributet avancerat produktinnehåll [rich_product_content]. Läs mer om hur du kommer igång med Manufacturer Center API

Så fungerar det

Detaljerat innehåll

Detaljerat innehåll består av en sekvens av showcase-block. Varje block är antingen en uppsättning showcase-rutor eller ett mediegalleri. Block återges vertikalt i en enda kolumn. Detaljerat innehåll anges med ett element av typen Showcase.

Typen Showcase utökar CollectionPage
Egenskap	Förväntad typ	Beskrivning
showcaseBlock	ShowcaseFeatureSet eller MediaGallery	Ett block med detaljerat innehåll. Blocket måste vara antingen en uppsättning showcase-rutor eller ett mediegalleri.

Uppsättningar med showcase-rutor

En uppsättning showcase-rutor består av en valfri rubrik och en sekvens med showcase-rutor. Uppsättningar med showcase-rutor kan återges i en enda kolumn eller flera kolumner.

Typen ShowcaseFeatureSet utökar ItemList
Egenskap	Förväntad typ	Beskrivning
layoutHint	Text	Ett valfritt tips som anger hur många kolumner som ska användas. Rutorna återges först i rader och sedan i kolumner. Följande värden stöds: > LayoutColumns1 LayoutColumns2 LayoutColumns3 LayoutColumns4> Layouten används efter bästa förmåga. På små skärmar kan det hända att färre kolumner används.
rubrik	Text	En valfri rubrik för uppsättningen.
itemListElement	ShowcaseFeature	En showcase-ruta i uppsättningen. Egenskaperna återges först i rader och sedan i kolumner.

Showcase-rutor

En showcase-ruta består av en rubrik, en beskrivning och en valfri bild.

Typen ShowcaseFeature utökar ListItem
Egenskap	Förväntad typ	Beskrivning
layoutHint	Text	Ett valfritt tips som anger var bilden ska visas i relation till rubriken och beskrivningen. Följande värden stöds: LayoutMediaLeft LayoutMediaRight LayoutMediaAbove LayoutMediaBelow Layouten används efter bästa förmåga. På små skärmar kan bilden visas i en annan position än den som anges.
rubrik	Text	Rutans rubrik.
beskrivning	Text	Rutans beskrivning.
bild	URL eller ImageObject	En valfri bild som illustrerar rutan.

Mediegalleri

Ett mediegalleri består av en valfri rubrik och en bildsekvens. Bilderna återges i en eller flera kolumner.

Typen MediaGallery utökar CollectionPage
Egenskap	Förväntad typ	Beskrivning
layoutHint	Text	Ett valfritt tips som anger hur många kolumner som ska användas. Bilderna återges först i rader och sedan i kolumner. Följande värden stöds: LayoutColumns1 LayoutColumns2 LayoutColumns3 LayoutColumns4 Layouten används efter bästa förmåga. På små skärmar kan det hända att färre kolumner används.
rubrik	Text	En valfri rubrik som visas längst upp i galleriet.
bild	URL eller ImageObject	Bilden som ska visas i galleriet.

Om namnrymder

Typerna Showcase, ShowcaseFeatureSet, ShowcaseFeature och MediaGallery och egendomarna showcaseBlock och layoutHint är schematillägg som definieras på http://schema.googleapis.com/. Alla andra typer och egendomar definieras på http://schema.org/.

Exempel

Tomt detaljerat innehåll

Det enklaste detaljerade innehållet är ett tomt innehåll. Det här är det minsta som krävs för att uttrycka en förekomst av detaljerat innehåll.

Tomt detaljerat innehåll

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>

Mikrodata

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

En enskild showcase-ruta med rubrik och beskrivning utan bild

Här är ett exempel på detaljerat innehåll som består av en enda showcase-ruta utan bild.

	En enskild showcase-ruta med rubrik beskrivning.
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": "Här är Google Pixel 3", "s:description": "Fånga det perfekta ögonblicket, uträtta saker med Google Assistant, utnyttja den långa batteritiden och mycket annat." } ] } ] }
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="Här är Google Pixel 3"></div> <div property="description" content="Fånga det perfekta ögonblicket, uträtta saker med Google Assistant, utnyttja den långa batteritiden och mycket annat."></div> </div> </div> </div>
Mikrodata
><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="Här är Google Pixel 3"></div> <div itemprop="http://schema.org/description" content="Fånga det perfekta ögonblicket, uträtta saker med Google Assistant, utnyttja den långa batteritiden och mycket annat."></div> </div> </div> </div>

En enskild showcase-ruta med rubrik, beskrivning och bild

Du kan lägga till en bild i showcase-rutan.

	En enskild showcase-ruta med Rubrik beskrivning 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": "Sök efter det du ser med 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="Sök efter det du ser med Google Lens"></div> <div property="image" content="http://example.com/pixel3-google-lens.png"></div> </div> </div> </div>
Mikrodata
><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="Sök efter det du ser med Google Lens"></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div> </div> </div> </div>

En enskild showcase-ruta med rubrik, beskrivning och bild med layouttips

Layouttips hjälper dig att ange bildens placering i en showcase-ruta.

	En enskild showcase-ruta med Rubrik beskrivning bild layout: bild till vänster om det övriga innehållet.
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": "Sök efter det du ser med Google Lens och titta på kläder och heminredning, kopiera och översätt text och identifiera sevärdheter, växter och djur – allt i realtid direkt från kameran.", "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="Sök efter det du ser med Google Lens och titta på kläder och heminredning, kopiera och översätt text och identifiera sevärdheter, växter och djur – allt i realtid direkt från kameran."></div> <div property="image" content="http://example.com/pixel3-google-lens.png"></div> </div> </div> </div>
Mikrodata
><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="Sök efter det du ser med Google Lens och titta på kläder och heminredning, kopiera och översätt text och identifiera sevärdheter, växter och djur – allt i realtid direkt från kameran."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div> </div> </div> </div>

Uppsättningar med showcase-rutor med layouttips för att ändra layout

Layouttips gör det lättare att skapa tilltalande layouter.

	En enskild uppsättning showcase-rutor med fyra showcase-rutor alternativa medieplaceringar för rutorna i ett sicksackmönster.
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": "Sök efter det du ser med Google Lens och titta på kläder och heminredning, kopiera och översätt text och identifiera sevärdheter, växter och djur – allt i realtid direkt från kameran.", "s:image": "http://example.com/pixel3-google-lens.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaRight", "s:headline": "Gruppselfies", "s:description": "Pixel 3 har två frontkameror som gör att du kan ta gruppselfies utan selfiepinne eller någon annan som fotograferar. Det blir också lättare att få med bakgrunden utan att behöva luta sig åt sidan.", "s:image": "http://example.com/pixel3-group-selfies.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaLeft", "s:headline": "Digitalt välmående", "s:description": "Koppla bort från telefonen när och var du vill så att du kan fokusera på att tillbringa tid med familj och vänner. Ställ in timers på appar och stäng av visuella aviseringar. Använd nedvarvningsläget för att ändra skärmen till gråskala och göra dig redo för en god natts sömn.", "s:image": "http://example.com/pixel3-digital-wellbeing.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaRight", "s:headline": "Google Assistant", "s:description": "Om du planerar att resa någonstans kan du hitta populära sevärdheter, söka efter flyg, bevaka flygpriser och hämta ditt boardingkort snabbare genom att bara prata med Google Assistent. När du är framme kan Google Assistent hjälpa dig att hitta restauranger, lokala evenemang och saker att göra nära hotellet.", "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="Sök efter det du ser med Google Lens och titta på kläder och heminredning, kopiera och översätt text och identifiera sevärdheter, växter och djur – allt i realtid direkt från kameran."></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="Gruppselfies"></div> <div property="description" content="Pixel 3 har två frontkameror som gör att du kan ta gruppselfies utan selfiepinne eller någon annan som fotograferar. Det blir också lättare att få med bakgrunden utan att behöva luta sig åt sidan."></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="Digitalt välmående"></div> <div property="description" content="Koppla bort från telefonen när och var du vill så att du kan fokusera på att tillbringa tid med familj och vänner. Ställ in timers på appar och stäng av visuella aviseringar. Använd nedvarvningsläget för att ändra skärmen till gråskala och göra dig redo för en god natts sömn."></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="Om du planerar att resa någonstans kan du hitta populära sevärdheter, söka efter flyg, bevaka flygpriser och hämta ditt boardingkort snabbare genom att bara prata med Google Assistent. När du är framme kan Google Assistent hjälpa dig att hitta restauranger, lokala evenemang och saker att göra nära hotellet."></div> <div property="image" content="http://example.com/pixel3-google-assistant.png"></div> </div> </div> </div>
Mikrodata
<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="Sök efter det du ser med Google Lens och titta på kläder och heminredning, kopiera och översätt text och identifiera sevärdheter, växter och djur – allt i realtid direkt från kameran."></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="Gruppselfies"></div> <div itemprop="http://schema.org/description" content="Pixel 3 har två frontkameror som gör att du kan ta gruppselfies utan selfiepinne eller någon annan som fotograferar. Det blir också lättare att få med bakgrunden utan att behöva luta sig åt sidan."></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="Digitalt välmående"></div> <div itemprop="http://schema.org/description" content="Koppla bort från telefonen när och var du vill så att du kan fokusera på att tillbringa tid med familj och vänner. Ställ in timers på appar och stäng av visuella aviseringar. Använd nedvarvningsläget för att ändra skärmen till gråskala och göra dig redo för en god natts sömn."></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="Om du planerar att resa någonstans kan du hitta populära sevärdheter, söka efter flyg, bevaka flygpriser och hämta ditt boardingkort snabbare genom att bara prata med Google Assistent. När du är framme kan Google Assistent hjälpa dig att hitta restauranger, lokala evenemang och saker att göra nära hotellet."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-assistant.png"></div> </div> </div> </div>

Mediegalleri: en enskild bannerbild

På liknande sätt kan bildgallerier användas för att förvandla bilder till bannerbilder.

	Ett mediegalleri en enskild 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>
Mikrodata
><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 showcase-block: enskild ruta, uppsättning av showcase-rutor, enskild bannerbild

Genom att kombinera flera showcase-block kan du designa egna layouter.

	Tre showcase-rutor en uppsättning showcase-rutor med en enskild ruta en uppsättning showcase-rutor med sex rutor i en layout med tre kolumner ett mediegalleri med en enda 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": "Här är Google Pixel 3", "s:description": "Fånga det perfekta ögonblicket, uträtta saker med Google Assistent, utnyttja den långa batteritiden och mycket annat.", "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": "Sök efter det du ser med Google Lens.", "s:image": "http://example.com/pixel3-google-lens.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Gruppselfies", "s:description": "Gruppselfies utan selfiepinne.", "s:image": "http://example.com/pixel3-group-selfies.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Digitalt välmående", "s:description": "Stäng världen ute ibland: det är digitalt välmående.", "s:image": "http://example.com/pixel3-digital-wellbeing.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Google Assistant", "s:description": "Ställ frågor och uträtta saker med Google Assistent.", "s:image": "http://example.com/pixel3-google-assistant.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Schh-funktionen", "s:description": "Fokusera på det viktigaste med Schh-funktionen.", "s:image": "http://example.com/pixel3-shhh-gesture.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Call Screen", "s:description": "Låt Assistent svara på samtal med Call Screen.", "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="Här är Google Pixel 3"></div> <div property="description" content="Fånga det perfekta ögonblicket, uträtta saker med Google Assistent, utnyttja den långa batteritiden och mycket annat."></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="Sök efter det du ser med 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="Gruppselfies"></div> <div property="description" content="Gruppselfies utan selfiepinne."></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="Digitalt välmående"></div> <div property="description" content="Stäng världen ute ibland: det är digitalt välmående."></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="Ställ frågor och uträtta saker med 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="Schh-funktionen"></div> <div property="description" content="Fokusera på det viktigaste med Schh-funktionen."></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="Call Screen"></div> <div property="description" content="Låt Assistent svara på samtal med Call Screen."></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>
Mikrodata
<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="Här är Google Pixel 3"></div> <div itemprop="http://schema.org/description" content="Fånga det perfekta ögonblicket, uträtta saker med Google Assistent, utnyttja den långa batteritiden och mycket annat."></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="Sök efter det du ser med 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="Gruppselfies"></div> <div itemprop="http://schema.org/description" content="Gruppselfies utan selfiepinne."></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="Digitalt välmående"></div> <div itemprop="http://schema.org/description" content="Stäng världen ute ibland: det är digitalt välmående."></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="Ställ frågor och uträtta saker med 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="Schh-funktionen"></div> <div itemprop="http://schema.org/description" content="Fokusera på det viktigaste med Schh-funktionen."></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="Call Screen"></div> <div itemprop="http://schema.org/description" content="Låt Assistent svara på samtal med Call Screen."></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>