Zengin ürün içeriğini biçimlendirme

Zengin ürün içeriği [rich_product_content] özelliği, metin ve medyanın bir arada kullanıldığı zengin açıklamalar oluşturmanıza olanak sağlar. Bu özellikten yararlanarak ürün veya hizmetlerin özel özelliklerini öne çıkarabilirsiniz. Zengin içerik; JSON-LD, RDFa ve mikro veriler dahil olmak üzere farklı kodlamalar kullanılarak sağlanabilir.

Zengin içeriğinizi test etmek ve hata içermediğini doğrulamak için Google'ın yapılandırılmış veri test aracını kullanmanızı öneririz. Bu makalede verilen tüm örnekler test aracında denenebilir.

Bu makalede, farklı zengin içerikler için gereken veri yapıları açıklanmaktadır.

Not: Manufacturer Center API artık zengin ürün içeriği [rich_product_content] özelliğini desteklemektedir. Manufacturer Center'ı kullanmaya nasıl başlayacağınızı öğrenin

İşleyiş şekli

Zengin içerikler

Zengin içerikler bir dizi vitrin bloğundan oluşur. Her blok, bir vitrin özelliği grubu veya medya galerisidir. Bloklar, tek bir sütunda dikey olarak oluşturulur. Zengin içerik, Showcase türündeki bir öğe ile belirtilir.

Showcase türü, CollectionPage uzantısıdır
Özellik	Beklenen tür	Açıklama
showcaseBlock	ShowcaseFeatureSet veya MediaGallery	Zengin içerik bloğudur. Blok, bir vitrin özelliği grubu veya medya galerisi olmalıdır.

Vitrin özelliği grubu

Vitrin özelliği grubu, isteğe bağlı bir başlık ve bir dizi vitrin özelliğinden oluşur. Özellik grupları, tek veya çok sütunlu görünümde oluşturulabilir.

ShowcaseFeatureSet türü, ItemList uzantısıdır
Özellik	Beklenen tür	Açıklama
layoutHint	Metin	Oluşturmak için kaç sütunun kullanılacağını belirten isteğe bağlı bir ipucudur. Özellikler önce satırlarda, sonra da sütunlarda oluşturulur. Aşağıdaki değerler desteklenir: > LayoutColumns1 LayoutColumns2 LayoutColumns3 LayoutColumns4> Düzen ipucu, en iyi girişim temel alınarak uygulanır. Küçük ekranlarda, istenenden daha az sütun kullanılabilir.
başlık	Metin	Özellik grubunu açıklayan isteğe bağlı bir başlıktır.
itemListElement	ShowcaseFeature	Grubun vitrin özelliğidir. Özellikler önce satırlarda, sonra da sütunlarda oluşturulur.

Vitrin özelliği

Vitrin özelliği; başlık, açıklama ve isteğe bağlı bir resimden oluşur.

ShowcaseFeature türü, ListItem uzantısıdır
Özellik	Beklenen Tür	Açıklama
layoutHint	Metin	Resmi, başlığa ve açıklamaya göre nerede oluşturacağınızı belirten isteğe bağlı bir ipucudur. Aşağıdaki değerler desteklenir: LayoutMediaLeft LayoutMediaRight LayoutMediaAbove LayoutMediaBelow Düzen ipucu, en iyi girişim temel alınarak uygulanır. Küçük ekranlarda, resim istenenden farklı bir konumda oluşturulabilir.
başlık	Metin	Özelliğin başlığıdır.
açıklama	Metin	Özelliğin açıklamasıdır.
resim	URL veya ImageObject	Özelliği gösteren isteğe bağlı bir resimdir

Medya galerisi

Medya galerisi, isteğe bağlı bir başlık ve bir dizi resimden oluşur. Resimler bir veya birden çok sütunda oluşturulur.

MediaGallery türü, CollectionPage uzantısıdır
Özellik	Beklenen Tür	Açıklama
layoutHint	Metin	Oluşturmak için kaç sütunun kullanılacağını belirten isteğe bağlı bir ipucudur. Resimler önce satırlarda, sonra da sütunlarda oluşturulur. Aşağıdaki değerler desteklenir: LayoutColumns1 LayoutColumns2 LayoutColumns3 LayoutColumns4 Düzen ipucu, en iyi girişim temel alınarak uygulanır. Küçük ekranlarda, istenenden daha az sütun kullanılabilir.
başlık	Metin	Galerinin üst tarafında görüntülenecek isteğe bağlı başlıktır.
resim	URL veya ImageObject	Galeride görüntülenecek resimdir.

Ad alanları hakkında not

Showcase, ShowcaseFeatureSet, ShowcaseFeature ve MediaGallery türleri ile showcaseBlock ve layoutHint özellikleri, http://schema.googleapis.com/ altında tanımlanan şema uzantılarıdır. Tüm diğer tür ve özellikler http://schema.org/ altında tanımlanır.

Örnekler

Boş zengin içerik biçimi

En basit zengin içerik boş zengin içeriktir. Bu, zengin içerik örneğini ifade etmek için gereken minimum içeriktir.

Boş zengin içerik

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>

Mikro veri

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

Başlık ile açıklama içeren ancak resim içermeyen tek bir vitrin özelliği

Resim içermeyen tek bir vitrin özelliğinden oluşan zengin içerik örneği aşağıda verilmiştir.

	Şunları içeren tek bir vitrin özelliği başlık açıklama
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 Pixel 3 ile tanışın", "s:description": "Her seferinde en iyi kareyi yakalayın, Google Asistan ile işlerinizi halledin, tüm gün bitmeyen pilin keyfini çıkarın ve daha fazla avantajdan yararlanın." } ] } ] }
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 Pixel 3 ile tanışın"></div> <div property="description" content="Her seferinde en iyi kareyi yakalayın, Google Asistan ile işlerinizi halledin, tüm gün bitmeyen pilin keyfini çıkarın ve daha fazla avantajdan yararlanın."></div> </div> </div> </div>
Mikro veri
><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 Pixel 3 ile tanışın"></div> <div itemprop="http://schema.org/description" content="Her seferinde en iyi kareyi yakalayın, Google Asistan ile işlerinizi halledin, tüm gün bitmeyen pilin keyfini çıkarın ve daha fazla avantajdan yararlanın."></div> </div> </div> </div>

Başlık, açıklama ve resim içeren tek vitrin özelliği

Vitrin özelliğine resim ekleyebilirsiniz.

	Şunları içeren tek bir vitrin özelliği Başlık Açıklama Resim
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": "Google Lens ile gördüklerinizi arama gücü", "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="Google Lens ile gördüklerinizi arama gücü"></div> <div property="image" content="http://example.com/pixel3-google-lens.png"></div> </div> </div> </div>
Mikro veri
><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="Google Lens ile gördüklerinizi arama gücü"></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div> </div> </div> </div>

Başlık, açıklama ve resim içeren ve düzen ipuçlarını kullanan tek vitrin özelliği

Düzen ipuçları, resmin vitrin özelliğindeki konumunu kontrol etmenize yardımcı olur.

	Şunları içeren tek bir vitrin özelliği Başlık Açıklama Resim Düzen: Resim diğer içeriğin sol tarafında
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": "Google Lens ile kıyafet ve ev dekorasyonu ürünlerini bulmak için gördüklerinizi arayın; metni kopyalayıp çevirin; önemli noktaları, bitkileri ve hayvanları tanımlayın ve bunların hepsini doğrudan kameranızdan gerçek zamanlı olarak yapın.", "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="Google Lens ile kıyafet ve ev dekorasyonu ürünlerini bulmak için gördüklerinizi arayın; metni kopyalayıp çevirin; önemli noktaları, bitkileri ve hayvanları tanımlayın ve bunların hepsini doğrudan kameranızdan gerçek zamanlı olarak yapın."></div> <div property="image" content="http://example.com/pixel3-google-lens.png"></div> </div> </div> </div>
Mikro veri
><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="Google Lens ile kıyafet ve ev dekorasyonu ürünlerini bulmak için gördüklerinizi arayın; metni kopyalayıp çevirin; önemli noktaları, bitkileri ve hayvanları tanımlayın ve bunların hepsini doğrudan kameranızdan gerçek zamanlı olarak yapın."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div> </div> </div> </div>

Düzeni değiştirmek için düzen ipuçlarını kullanan vitrin özelliği grubu

Düzen ipuçları, etkileyici düzenler oluşturmanıza yardımcı olabilir.

	Tek bir vitrin özelliği grubu Dört vitrin özelliği Özellikler üzerinde "zikzak" deseni oluşturan alternatif medya konumları
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": "Google Lens ile kıyafet ve ev dekorasyonu ürünlerini bulmak için gördüklerinizi arayın; metni kopyalayıp çevirin; önemli noktaları, bitkileri ve hayvanları tanımlayın ve bunların hepsini doğrudan kameranızdan gerçek zamanlı olarak yapın.", "s:image": "http://example.com/pixel3-google-lens.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaRight", "s:headline": "Grup Selfie'", "s:description": "Pixel 3'ün çift ön kamerası, selfie çubuğu olmadan veya birisinin öne çıkıp fotoğrafı çekmesi gerekmeden Grup Selfie'leri çekmenizi sağlar. Fotoğrafın sadece başınızdan ibaret olmasını istemiyorsanız özelliği kullanarak arka planı da selfie'ye dahil edebilirsiniz.", "s:image": "http://example.com/pixel3-group-selfies.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaLeft", "s:headline": "Dijital Denge", "s:description": "İstediğiniz zaman ve konumda telefonunuzla olan bağlantınızı koparın. Böylece ailenize ve arkadaşlarınıza odaklanın. Uygulamalarda zamanlayıcı ayarlayın ve görsel bildirimleri kapatın. Ekranı gri tonlamaya ayarlayıp iyi bir gece uykusuna hazırlanmak için düşük ışık modunu kullanın.", "s:image": "http://example.com/pixel3-digital-wellbeing.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaRight", "s:headline": "Google Asistan", "s:description": "Seyahat etmeyi planlıyorsanız Google Asistan en ilgi çekici yerleri bulmanıza, uçuş aramanıza, uçuş fiyatlarını takip etmenize ve yalnızca Google Asistanınız ile konuşarak biniş kartınızı daha hızlı almanıza yardımcı olabilir. Seyahat edeceğiniz yere vardığınızda Google Asistanınız restoranları, yerel etkinlikleri ve otelinizin yakınlarında yapabileceklerinizi bulmanıza da yardım edebilir.", "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="Google Lens ile kıyafet ve ev dekorasyonu ürünlerini bulmak için gördüklerinizi arayın; metni kopyalayıp çevirin; önemli noktaları, bitkileri ve hayvanları tanımlayın ve bunların hepsini doğrudan kameranızdan gerçek zamanlı olarak yapın."></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="Grup Selfie"></div> <div property="description" content="Pixel 3'ün çift ön kamerası, selfie çubuğu olmadan veya birisinin öne çıkıp fotoğrafı çekmesi gerekmeden Grup Selfie'leri çekmenizi sağlar. Fotoğrafın sadece başınızdan ibaret olmasını istemiyorsanız özelliği kullanarak arka planı da selfie'ye dahil edebilirsiniz."></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="Dijital Denge"></div> <div property="description" content="İstediğiniz zaman ve konumda telefonunuzla olan bağlantınızı koparın. Böylece ailenize ve arkadaşlarınıza odaklanın. Uygulamalarda zamanlayıcı ayarlayın ve görsel bildirimleri kapatın. Ekranı gri tonlamaya ayarlayıp iyi bir gece uykusuna hazırlanmak için düşük ışık modunu kullanın."></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 Asistan"></div> <div property="description" content="Seyahat etmeyi planlıyorsanız Google Asistan en ilgi çekici yerleri bulmanıza, uçuş aramanıza, uçuş fiyatlarını takip etmenize ve yalnızca Google Asistanınız ile konuşarak biniş kartınızı daha hızlı almanıza yardımcı olabilir. Seyahat edeceğiniz yere vardığınızda Google Asistanınız restoranları, yerel etkinlikleri ve otelinizin yakınlarında yapabileceklerinizi bulmanıza da yardım edebilir."></div> <div property="image" content="http://example.com/pixel3-google-assistant.png"></div> </div> </div> </div>
Mikro veri
<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="Google Lens ile kıyafet ve ev dekorasyonu ürünlerini bulmak için gördüklerinizi arayın; metni kopyalayıp çevirin; önemli noktaları, bitkileri ve hayvanları tanımlayın ve bunların hepsini doğrudan kameranızdan gerçek zamanlı olarak yapın."></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="Grup Selfie"></div> <div itemprop="http://schema.org/description" content="Pixel 3'ün çift ön kamerası, selfie çubuğu olmadan veya birisinin öne çıkıp fotoğrafı çekmesi gerekmeden Grup Selfie'leri çekmenizi sağlar. Fotoğrafın sadece başınızdan ibaret olmasını istemiyorsanız özelliği kullanarak arka planı da selfie'ye dahil edebilirsiniz."></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="Dijital Denge"></div> <div itemprop="http://schema.org/description" content="İstediğiniz zaman ve konumda telefonunuzla olan bağlantınızı koparın. Böylece ailenize ve arkadaşlarınıza odaklanın. Uygulamalarda zamanlayıcı ayarlayın ve görsel bildirimleri kapatın. Ekranı gri tonlamaya ayarlayıp iyi bir gece uykusuna hazırlanmak için düşük ışık modunu kullanın."></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 Asistan"></div> <div itemprop="http://schema.org/description" content="Seyahat etmeyi planlıyorsanız Google Asistan en ilgi çekici yerleri bulmanıza, uçuş aramanıza, uçuş fiyatlarını takip etmenize ve yalnızca Google Asistanınız ile konuşarak biniş kartınızı daha hızlı almanıza yardımcı olabilir. Seyahat edeceğiniz yere vardığınızda Google Asistanınız restoranları, yerel etkinlikleri ve otelinizin yakınlarında yapabileceklerinizi bulmanıza da yardım edebilir."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-assistant.png"></div> </div> </div> </div>

Medya galerisi: tek bir banner resmi

Benzer şekilde, resimleri banner resimlerine dönüştürmek için resim galerileri kullanılabilir.

	Bir medya galerisi Tek bir banner resmi
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>
Mikro veri
><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>

Üç vitrin bloğu: tek bir özellik, vitrin özelliği grubu, tek bir banner resmi

Birden fazla vitrin bloğunu birleştirerek özel düzenler tasarlayabilirsiniz.

	Üç vitrin bloğu Tek bir özelliğe sahip bir vitrin özelliği grubu 3 sütunlu düzende altı özellik içeren bir vitrin özelliği Tek bir banner resmi içeren medya galerisi
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": "Google Pixel 3 ile tanışın", "s:description": "Her seferinde en iyi kareyi yakalayın, Google Asistan ile işlerinizi halledin, tüm gün bitmeyen pilin keyfini çıkarın ve daha fazla avantajdan yararlanın.", "s:image": "http://example.com/pixel3-main-image.png" } ] }, { "@type": "g:ShowcaseFeatureSet", "g:layoutHint": "LayoutColumns3", "s:headline": "Özellikler", "s:itemListElement": [ { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Google Lens", "s:description": "Google Lens ile gördüklerinizi arama gücü.", "s:image": "http://example.com/pixel3-google-lens.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Grup Selfie", "s:description": "Grup Selfie ile selfie çubuğu yükünden kurtulma gücü.", "s:image": "http://example.com/pixel3-group-selfies.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Dijital Denge", "s:description": "Dijital Denge ile bir şeyleri kaçırmanın keyfini çıkarma gücü.", "s:image": "http://example.com/pixel3-digital-wellbeing.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Google Asistan", "s:description": "Google Asistan ile soru sorma ve işleri halletme gücü.", "s:image": "http://example.com/pixel3-google-assistant.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Şşşt hareketi", "s:description": "Şşşt hareketi sayesinde önemli olan şeylere odaklanma gücü.", "s:image": "http://example.com/pixel3-shhh-gesture.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Arama Filtreleme", "s:description": "Arama Filtreleme özelliğiyle aramaları sizin yerinize Asistan'ın yanıtlaması gücü.", "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="Google Pixel 3 ile tanışın"></div> <div property="description" content="Her seferinde en iyi kareyi yakalayın, Google Asistan ile işlerinizi halledin, tüm gün bitmeyen pilin keyfini çıkarın ve daha fazla avantajdan yararlanın."></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="Özellikler"></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="Google Lens ile gördüklerinizi arama gücü."></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="Grup Selfie"></div> <div property="description" content="Grup Selfie ile selfie çubuğu yükünden kurtulma gücü."></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="Dijital Denge"></div> <div property="description" content="Dijital Denge ile bir şeyleri kaçırmanın keyfini çıkarma gücü."></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 Asistan"></div> <div property="description" content="Google Asistan ile soru sorma ve işleri halletme gücü."></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="Şşşt hareketi"></div> <div property="description" content="Şşşt hareketi sayesinde önemli olan şeylere odaklanma gücü."></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="Arama Filtreleme"></div> <div property="description" content="Arama Filtreleme özelliğiyle aramaları sizin yerinize Asistan'ın yanıtlaması gücü."></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>
Mikro veri
<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="Google Pixel 3 ile tanışın"></div> <div itemprop="http://schema.org/description" content="Her seferinde en iyi kareyi yakalayın, Google Asistan ile işlerinizi halledin, tüm gün bitmeyen pilin keyfini çıkarın ve daha fazla avantajdan yararlanın."></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="Özellikler"></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="Google Lens ile gördüklerinizi arama gücü."></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="Grup Selfie"></div> <div itemprop="http://schema.org/description" content="Grup Selfie ile selfie çubuğu yükünden kurtulma gücü."></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="Dijital Denge"></div> <div itemprop="http://schema.org/description" content="Dijital Denge ile bir şeyleri kaçırmanın keyfini çıkarma gücü."></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 Asistan"></div> <div itemprop="http://schema.org/description" content="Google Asistan ile soru sorma ve işleri halletme gücü."></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="Şşşt hareketi"></div> <div itemprop="http://schema.org/description" content="Şşşt hareketi sayesinde önemli olan şeylere odaklanma gücü."></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="Arama Filtreleme"></div> <div itemprop="http://schema.org/description" content="Arama Filtreleme özelliğiyle aramaları sizin yerinize Asistan'ın yanıtlaması gücü."></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>