Formatering af detaljeret produktindhold

Attributten detaljeret produktindhold [rich_product_content] giver dig mulighed for at lave detaljerede beskrivelser, der kombinerer tekst og medier. Med 'detaljeret produktindhold' [rich_product_content] kan du fremhæve særlige egenskaber ved produkter og tjenester. Du kan angive detaljeret produktindhold ved hjælp af forskellige kodninger, bl.a. JSON-LD, RDFa og mikrodata.

Vi anbefaler, at du bruger Googles testværktøj til strukturerede data for at teste dit detaljerede indhold og undersøge, om det indeholder fejl. Alle eksempler, der gives i denne artikel, kan prøves i testværktøjet.

Denne artikel beskriver de nødvendige datastrukturer til forskelligt detaljeret indhold.

Bemærk! Manufacturer Center API understøtter nu attributten detaljeret produktindhold [rich_product_content]. Se, hvordan du kommer godt i gang med Manufacturer Center API

Sådan fungerer det

Detaljeret indhold

Detaljeret indhold består af en serie af udstillingsblokke. Hver blok er enten et sæt af udstillingselementer eller et mediegalleri. Blokke gengives lodret i en enkelt kolonne. Detaljeret indhold specificeres med et element af typen Showcase.

Typen Showcase udvider CollectionPage
Ejendom	Forventet type	Beskrivelse
showcaseBlock	ShowcaseFeatureSet eller MediaGallery	En blok med detaljeret indhold. Blokken skal enten være et sæt af udstillingselementer eller et mediegalleri.

Sæt af udstillingselementer

Et sæt af udstillingselementer består af en valgfri overskrift og en serie af udstillingselementer. Sæt af elementer kan gengives i skærme med en enkelt eller flere kolonner.

Typen ShowcaseFeatureSet udvider ItemList
Ejendom	Forventet type	Beskrivelse
layoutHint	Tekst	Et valgfrit hint, der angiver, hvor mange kolonner der skal bruges til at gengive. Egenskaberne gengives først i rækker og så i kolonner. Følgende værdier understøttes: > LayoutColumns1 LayoutColumns2 LayoutColumns3 LayoutColumns4> Layout-hintet håndhæves på grundlag af de bedste bidrag. På mindre skærme kan der blive anvendt færre kolonner end anmodet.
overskrift	Tekst	En valgfri overskrift, der beskriver sættet af elementer.
itemListElement	ShowcaseFeature	Et udstillingselement i sættet. Elementer gengives først i rækker og så i kolonner.

Udstillingselement

Et udstillingselement består af en overskrift, en beskrivelse og et valgfrit billede.

Typen ShowcaseFeature udvider ListItem
Ejendom	Forventet type	Beskrivelse
layoutHint	Tekst	Et valgfrit hint, der angiver, hvor billedet skal gengives i forhold til overskriften og beskrivelsen. Følgende værdier understøttes: LayoutMediaLeft LayoutMediaRight LayoutMediaAbove LayoutMediaBelow Layout-hintet håndhæves på grundlag af de bedste bidrag. På små skærme kan billedet blive gengivet i en anden position end anmodet.
overskrift	Tekst	Elementets overskrift.
beskrivelse	Tekst	Beskrivelsen af elementet.
billede	URL eller ImageObject	Et valgfrit billede, der illustrerer elementet

Mediagalleri

Et mediegalleri består af en valgfri overskrift og en serie af billeder. Billederne gengives i en eller flere kolonner.

Typen MediaGallery udvider CollectionPage
Ejendom	Forventet type	Beskrivelse
layoutHint	Tekst	Et valgfrit hint, der angiver, hvor mange kolonner der skal bruges til at gengive. Billederne gengives først i rækker og så i kolonner. Følgende værdier understøttes: LayoutColumns1 LayoutColumns2 LayoutColumns3 LayoutColumns4 Layout-hintet håndhæves på grundlag af de bedste bidrag. På mindre skærme kan der blive anvendt færre kolonner end anmodet.
overskrift	Tekst	En valgfri overskrift, der vises øverst i galleriet.
billede	URL eller ImageObject	Billedet, der skal vises i galleriet.

Bemærkning om navneområder

Typerne Showcase, ShowcaseFeatureSet, ShowcaseFeature og MediaGallery samt egenskaberne showcaseBlock og layoutHint er skemaudvidelser som defineret under http://schema.googleapis.com/. Alle andre typer og egenskaber er defineret under http://schema.org/.

Eksempler

Tomt format for detaljeret indhold

Det enkleste format for detaljeret indhold er et tomt. Det skal som et minimum udtrykke en forekomst af detaljeret indhold.

Tomt detaljeret indhold

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>

Et enkelt udstillingselement med overskrift og beskrivelse, men uden billede

Her er en forekomst af detaljeret indhold, der består af et enkelt udstillingselement uden et billede.

	Et enkelt udstillingselement med Overskrift Beskrivelse
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": "Mød Google Pixel 3", "s:description": "Tag det perfekte billede hver gang, få tingene gjort med Google Assistent, få glæde af et heldagsbatteri og meget mere." } ] } ] }
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="Mød Google Pixel 3"></div> <div property="description" content="Tag det perfekte billede hver gang, få tingene gjort med Google Assistent, få glæde af et heldagsbatteri og meget mere."></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="Mød Google Pixel 3"></div> <div itemprop="http://schema.org/description" content="Tag det perfekte billede hver gang, få tingene gjort med Google Assistent, få glæde af et heldagsbatteri og meget mere."></div> </div> </div> </div>

Et enkelt udstillingselement med overskrift, beskrivelse og billede

Du kan føje et billede til udstillingselementet.

	Et enkelt udstillingselement med Overskrift Beskrivelse Billede
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": "Evnen til at søge 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="Evnen til at søge 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="Evnen til at søge 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>

Et enkelt udstillingselement med overskrift, beskrivelse og billede med brug af layout-hints

Layout-hints hjælper dig med at kontrollere placeringen af billedet i et udstillingselement.

	Et enkelt udstillingselement med Overskrift Beskrivelse Billede Layout: Billede til venstre for det andet indhold
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øg efter det, du ser, med Google Lens, for at finde tøj og boligindretning, kopiere og oversætte tekst og identificere vartegn, planter og dyr – alt sammen i realtid og direkte fra kameraet.", "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øg efter det, du ser, med Google Lens, for at finde tøj og boligindretning, kopiere og oversætte tekst og identificere vartegn, planter og dyr – alt sammen i realtid og direkte fra kameraet."></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øg efter det, du ser, med Google Lens, for at finde tøj og boligindretning, kopiere og oversætte tekst og identificere vartegn, planter og dyr – alt sammen i realtid og direkte fra kameraet."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div> </div> </div> </div>

Sæt af udstillingselementer, der bruger layout-hints til at ændre layout

Layout-hints kan hjælpe dig med at skabe tiltalende layouts.

	Et enkelt sæt udstillingselementer Fire udstillingselementer Forskellige positioner i mediet af udstillingselementerne skaber et "zigzag"-mø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øg efter det, du ser, med Google Lens, for at finde tøj og boligindretning, kopiere og oversætte tekst og identificere vartegn, planter og dyr – alt sammen i realtid og direkte fra kameraet.", "s:image": "http://example.com/pixel3-google-lens.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaRight", "s:headline": "Group Selfies", "s:description": "Pixel 3's dobbelte, fremadvendte kameraer giver dig mulighed for at tage gruppeselfies uden en selfiestang eller nogen, der skal hoppe ud og tage billedet. Eller du kan bruge den til at få baggrunden med i selfien uden at få et kæmpehoved.", "s:image": "http://example.com/pixel3-group-selfies.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaLeft", "s:headline": "Digital balance", "s:description": "Afbryd forbindelsen til din telefon, når og hvor du ønsker, så du kan fokusere på tiden med familie og venner. Indstil timere på apps, og slå visuelle notifikationer fra. Brug neddroslingstilstand for at ændre skærmen til gråtoner, og gør dig klar til en god nats søvn.", "s:image": "http://example.com/pixel3-digital-wellbeing.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaRight", "s:headline": "Google Assistant", "s:description": "Hvis du planlægger at rejse et sted hen, kan Google Assistent hjælpe dig med at finde de bedste seværdigheder, søge efter en flyafgang, følge flypriser og hente dit boardingkort hurtigere ved blot at tale til Google Assistent. Derefter kan Google Assistent også hjælpe dig med at finde restauranter, lokale begivenheder og ting at opleve i nærheden af dit hotel, når du er ankommet.", "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øg efter det, du ser, med Google Lens, for at finde tøj og boligindretning, kopiere og oversætte tekst og identificere vartegn, planter og dyr – alt sammen i realtid og direkte fra kameraet."></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="Gruppeselfies"></div> <div property="description" content="Pixel 3's dobbelte, fremadvendte kameraer giver dig mulighed for at tage gruppeselfies uden en selfiestang eller nogen, der skal hoppe ud og tage billedet. Eller du kan bruge den til at få baggrunden med i selfien uden at få et kæmpehoved."></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 balance"></div> <div property="description" content="Afbryd forbindelsen til din telefon, når og hvor du ønsker, så du kan fokusere på tiden med familie og venner. Indstil timere på apps, og slå visuelle notifikationer fra. Brug neddroslingstilstand for at ændre skærmen til gråtoner, og gør dig klar til en god nats søvn."></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="Hvis du planlægger at rejse et sted hen, kan Google Assistent hjælpe dig med at finde de bedste seværdigheder, søge efter en flyafgang, følge flypriser og hente dit boardingkort hurtigere ved blot at tale til Google Assistent. Derefter kan Google Assistent også hjælpe dig med at finde restauranter, lokale begivenheder og ting at opleve i nærheden af dit hotel, når du er ankommet."></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øg efter det, du ser, med Google Lens, for at finde tøj og boligindretning, kopiere og oversætte tekst og identificere vartegn, planter og dyr – alt sammen i realtid og direkte fra kameraet."></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="Group Selfies"></div> <div itemprop="http://schema.org/description" content="Pixel 3's dobbelte, fremadvendte kameraer giver dig mulighed for at tage gruppeselfies uden en selfiestang eller nogen, der skal hoppe ud og tage billedet. Eller du kan bruge den til at få baggrunden med i selfien uden at få et kæmpehoved."></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 balance"></div> <div itemprop="http://schema.org/description" content="Afbryd forbindelsen til din telefon, når og hvor du ønsker, så du kan fokusere på tiden med familie og venner. Indstil timere på apps, og slå visuelle notifikationer fra. Brug neddroslingstilstand for at ændre skærmen til gråtoner, og gør dig klar til en god nats søvn."></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="Hvis du planlægger at rejse et sted hen, kan Google Assistent hjælpe dig med at finde de bedste seværdigheder, søge efter en flyafgang, følge flypriser og hente dit boardingkort hurtigere ved blot at tale til Google Assistent. Derefter kan Google Assistent også hjælpe dig med at finde restauranter, lokale begivenheder og ting at opleve i nærheden af dit hotel, når du er ankommet."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-assistant.png"></div> </div> </div> </div>

Mediegalleri: Enkelt bannerbillede

Billedgallerier kan på samme måde bruges til at omdanne billeder til bannerbilleder.

	Et mediegalleri Et enkelt bannerbillede
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 udstillingsblokke: Enkelt element, sæt af udstillingselementer, enkelt bannerbillede

Ved at kombinere flere udstillingsblokke kan du designe tilpassede layouts.

	Tre udstillingsblokke Et sæt af udstillingselementer med et enkelt element Et sæt af udstillingselementer med seks elementer i et layout med 3 kolonner Et mediegalleri med en enkelt bannerbillede
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": "Mød Google Pixel 3", "s:description": "Tag det perfekte billede hver gang, få tingene gjort med Google Assistent, få glæde af et heldagsbatteri og meget mere.", "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": "Evnen til at søge efter det, du ser, med Google Lens.", "s:image": "http://example.com/pixel3-google-lens.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Gruppeselfies", "s:description": "Evnen til at tage gruppeselfies uden at bruge en selfiestang.", "s:image": "http://example.com/pixel3-group-selfies.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Digital balance", "s:description": "Evnen til at nyde at gå glip af det sjove med Digital balance.", "s:image": "http://example.com/pixel3-digital-wellbeing.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Google Assistent", "s:description": "Evnen til at stille spørgsmål og få tingene gjort med Google Assistent.", "s:image": "http://example.com/pixel3-google-assistant.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Shhh-bevægelse", "s:description": "Evnen til at fokusere på det vigtige med en Shhh-bevægelse.", "s:image": "http://example.com/pixel3-shhh-gesture.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Call Screen", "s:description": "Evnen til at lade Assistent besvare opkald for dig 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="Mød Google Pixel 3"></div> <div property="description" content="Tag det perfekte billede hver gang, få tingene gjort med Google Assistent, få glæde af et heldagsbatteri og meget mere."></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="Funktioner"></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="Evnen til at søge 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="Gruppeselfies"></div> <div property="description" content="Evnen til at tage gruppeselfies uden at bruge en selfiestang."></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 balance"></div> <div property="description" content="Evnen til at nyde at gå glip af det sjove med Digital balance."></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="Evnen til at stille spørgsmål og få tingene gjort 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="Shhh-bevægelse"></div> <div property="description" content="Evnen til at fokusere på det vigtige med en Shhh-bevægelse."></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="Evnen til at lade Assistent besvare opkald for dig 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="Mød Google Pixel 3"></div> <div itemprop="http://schema.org/description" content="Tag det perfekte billede hver gang, få tingene gjort med Google Assistent, få glæde af et heldagsbatteri og meget mere."></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="Funktioner"></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="Evnen til at søge 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="Gruppeselfies"></div> <div itemprop="http://schema.org/description" content="Evnen til at tage gruppeselfies uden at bruge en selfiestang."></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 balance"></div> <div itemprop="http://schema.org/description" content="Evnen til at nyde at gå glip af det sjove med Digital balance."></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="Evnen til at stille spørgsmål og få tingene gjort 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="Shhh-bevægelse"></div> <div itemprop="http://schema.org/description" content="Evnen til at fokusere på det vigtige med en Shhh-bevægelse."></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="Evnen til at lade Assistent besvare opkald for dig 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>