Dé formato al contenido enriquecido sobre el producto

El atributo contenido enriquecido sobre el producto [rich_product_content] le permite redactar descripciones enriquecidas que combinan texto y multimedia. El contenido enriquecido permite destacar características especiales de productos o servicios. Se puede proporcionar contenido enriquecido sobre el producto con distintas codificaciones, como JSON-LD, RDFa y microdatos.

Le recomendamos usar la Herramienta de prueba de datos estructurados de Google para probar el contenido enriquecido y verificar que no contenga errores. Con la herramienta de prueba, puede analizar todos los ejemplos que se proporcionan en este artículo.

En este artículo, se describen las estructuras de datos necesarias para distintos contenidos enriquecidos.

Nota: La API de Manufacturer Center ahora admite el atributo contenido enriquecido sobre el producto [rich_product_content]. Más información para comenzar a usar la API de Manufacturer Center

Cómo funciona

Contenido enriquecido

El contenido enriquecido consiste en una secuencia de bloques con un catálogo de productos. Cada bloque es un conjunto de características del catálogo de productos o una galería de elementos multimedia. Los bloques se renderizan de forma vertical en una sola columna. El contenido enriquecido se especifica con un elemento de tipo catálogo de productos.

Tipo Showcase extiende CollectionPage
Propiedad	Tipo esperado	Descripción
showcaseBlock	ShowcaseFeatureSet o MediaGallery	Es un bloque de contenido enriquecido. El bloque debe ser un conjunto de características del catálogo de productos o una galería de elementos multimedia.

Conjunto de características del catálogo de productos

Consiste en un encabezado opcional y una secuencia de características del catálogo de productos. Los conjuntos de características se pueden renderizar en una sola pantalla o en varias.

Tipo ShowcaseFeatureSet extiende ItemList
Propiedad	Tipo esperado	Descripción
layoutHint	Text	Sugerencia opcional que indica la cantidad de columnas para usar en la renderización. Las características se renderizan primero en las filas y, luego, en las columnas. Se admiten los siguientes valores: > LayoutColumns1 LayoutColumns2 LayoutColumns3 LayoutColumns4> La sugerencia de diseño se aplica de la mejor manera. Es posible que en pantallas pequeñas se usen menos columnas de las solicitadas.
headline	Text	Un título opcional que describe el conjunto de características.
itemListElement	ShowcaseFeature	Una característica del catálogo de productos del conjunto. Las características se renderizan primero en filas y, luego, en columnas.

Característica del catálogo de productos

Una característica del catálogo de productos consiste en un encabezado, una descripción y una imagen opcional.

Tipo ShowcaseFeature extiendeListItem
Propiedad	Tipo esperado	Descripción
layoutHint	Text	Una sugerencia opcional para indicar dónde se debe renderizar la imagen en relación con el encabezado y la descripción. Se admiten los siguientes valores: LayoutMediaLeft LayoutMediaRight LayoutMediaAbove LayoutMediaBelow La sugerencia de diseño se aplica de la mejor manera. En pantallas pequeñas, es posible que la imagen se renderice en una posición diferente de la solicitada.
headline	Text	Es el encabezado del elemento.
description	Text	Es la descripción de la característica.
image	URL o ImageObject	Es una imagen opcional que ilustra la característica.

Galería multimedia

Una galería multimedia consiste en un encabezado y una secuencia de imágenes opcionales. Las imágenes se renderizan en una o varias columnas.

Tipo MediaGallery extiende CollectionPage
Propiedad	Tipo esperado	Descripción
layoutHint	Text	Sugerencia opcional que indica la cantidad de columnas para usar en la renderización. Las imágenes se renderizan primero en las filas y, luego, en las columnas. Se admiten los siguientes valores: LayoutColumns1 LayoutColumns2 LayoutColumns3 LayoutColumns4 La sugerencia de diseño se aplica de la mejor manera. Es posible que en pantallas pequeñas se usen menos columnas de las solicitadas.
headline	Text	Un encabezado opcional para mostrar en la parte superior de la galería.
image	URL o ImageObject	La imagen que se mostrará en la galería.

Nota sobre espacios de nombres

Los tipos Showcase, ShowcaseFeatureSet, ShowcaseFeature y MediaGallery y las propiedades showcaseBlock y layoutHint son extensiones de esquema definidas en http://schema.googleapis.com/. Todos los demás tipos y propiedades se definen en http://schema.org/.

Ejemplos

Formato del contenido enriquecido vacío

El contenido enriquecido más sencillo es aquel que está vacío. Este es el requisito mínimo para expresar una instancia del contenido enriquecido.

Contenido enriquecido vacío

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>

Microdatos

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

Característica única del catálogo de productos con encabezado y descripción, pero sin imágenes

A continuación, se muestra una instancia del contenido enriquecido que consiste en una sola característica del catálogo de productos sin imágenes.

	Una característica única del catálogo de productos con las siguientes opciones encabezado descripción
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": "Descubra el Google Pixel 3", "s:description": "Tome siempre las fotos perfectas, complete sus tareas con Asistente de Google, disfrute de una batería que dura todo el día y mucho más." } ] } ] }
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="Descubra el Google Pixel 3"></div> <div property="description" content="Tome siempre las fotos perfectas, complete sus tareas con Asistente de Google, disfrute de una batería que dura todo el día y mucho más."></div> </div> </div> </div>
Microdatos
><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="Descubra el Google Pixel 3"></div> <div itemprop="http://schema.org/description" content="Tome siempre las fotos perfectas, complete sus tareas con Asistente de Google, disfrute de una batería que dura todo el día y mucho más."></div> </div> </div> </div>

Característica única del catálogo de productos con encabezado, descripción y con imagen

Puede agregar una imagen a la característica del catálogo de productos.

	Una característica única del catálogo de productos con las siguientes opciones Encabezado Descripción Imagen
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": "El poder de realizar búsquedas sobre lo que mira con 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 propiedad="g:showcaseBlock" typeof="g:ShowcaseFeatureSet"> <div propiedad="itemListElement" typeof="g:ShowcaseFeature"> <div propiedad="headline" contenido="Google Lens"></div> <div Property="description" content="El poder de realizar búsquedas sobre lo que mira con Google Lens"></div> <div Property="imagen" content="http://example.com/pixel3-google-lens.png"></div> </div> </div> </div>
Microdatos
><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="El poder de realizar búsquedas sobre lo que mira con Google Lens"></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div> </div> </div> </div>

Característica única del catálogo de productos con encabezado y descripción, así como con imagen que usa sugerencias de diseño

Las sugerencias de diseño le permiten controlar la posición de la imagen en una característica del catálogo de productos.

	Una característica única del catálogo de productos con las siguientes opciones Encabezado Descripción Imagen Diseño: Imagen a la izquierda del otro contenido
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": "Con Google Lens puede realizar búsquedas sobre ropa y decoración para el hogar, copiar y traducir textos, así como identificar puntos de referencia, plantas y animales. Todo en tiempo real con su cámara.", "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 propiedad="g:showcaseBlock" typeof="g:ShowcaseFeatureSet"> <div propiedad="itemListElement" typeof="g:ShowcaseFeature"> <div propiedad="g:layoutHint" content="LayoutMediaLeft"></div> <div propiedad="headline" content="Google Lens"></div> <div propiedad="description" content="Con Google Lens puede realizar búsquedas sobre ropa y decoración para el hogar, copiar y traducir textos, así como identificar puntos de referencia, plantas y animales. Todo en tiempo real con su cámara."></div> <div Property="imagen" content="http://example.com/pixel3-google-lens.png"></div> </div> </div> </div>
Microdatos
><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="Con Google Lens puede realizar búsquedas sobre ropa y decoración para el hogar, copiar y traducir textos, así como identificar puntos de referencia, plantas y animales. Todo en tiempo real con su cámara."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div> </div> </div> </div>

Conjunto de características del catálogo de productos con sugerencias de diseño para cambiarlo

Las sugerencias de diseño pueden ayudarlo a crear diseños atractivos.

	Un conjunto de características únicas del catálogo de productos con las siguientes opciones Cuatro características del catálogo de productos Alterne las posiciones de los elementos multimedia para generar un patrón de “zig-zag”
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": "Con Google Lens puede realizar búsquedas sobre ropa y decoración para el hogar, copiar y traducir textos, así como identificar puntos de referencia, plantas y animales. Todo en tiempo real con su cámara.", "s:image": "http://example.com/pixel3-google-lens.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaRight", "s:headline": "Selfies grupales", "s:description": "Las cámaras frontales duales de Pixel 3 le permiten tomar selfies grupales sin un selfie stick ni que alguien deba salirse para tomar la foto. O utilícelo para ver todo el fondo de la selfie sin que su cabeza sobresalga.", "s:image": "http://example.com/pixel3-group-selfies.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaLeft", "s:headline": "Bienestar digital", "s:description": "Desconéctese de su teléfono cuando y donde quiera para que se pueda enfocar en compartir su tiempo con familiares y amigos. Establezca temporizadores en las apps y desactive las notificaciones visuales. Use el modo Desconectar a fin de cambiar la pantalla a escala de grises y prepararse para una buena noche de sueño.", "s:image": "http://example.com/pixel3-digital-wellbeing.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaRight", "s:headline": "Asistente de Google", "s:description": "Si piensa viajar a algún lugar, háblele a Asistente de Google para que lo ayude a buscar atracciones principales o un vuelo, realizar un seguimiento de los precios de vuelos y recuperar su tarjeta de embarque más rápido. Luego, cuando llegue, Asistente de Google también podrá ayudarlo a encontrar restaurantes, eventos locales y le indicará cuáles actividades puede realizar cerca de su hotel.", "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="Con Google Lens puede realizar búsquedas sobre ropa y decoración para el hogar, copiar y traducir textos, así como identificar puntos de referencia, plantas y animales. Todo en tiempo real con su cámara."></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="Selfies grupales"></div> <div property="description" content="Las cámaras frontales duales de Pixel 3 le permiten tomar selfies grupales sin un selfie stick ni que alguien deba salirse para tomar la foto. O utilícelo para ver todo el fondo de la selfie sin que su cabeza sobresalga."></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="Bienestar digital"></div> <div property="description" content="Desconéctese de su teléfono cuando y donde quiera para que se pueda enfocar en compartir su tiempo con familiares y amigos. Establezca temporizadores en las apps y desactive las notificaciones visuales. Use el modo Desconectar a fin de cambiar la pantalla a escala de grises y prepararse para una buena noche de sueño."></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="Asistente de Google"></div> <div property="description" content="Si piensa viajar a algún lugar, háblele a Asistente de Google para que lo ayude a buscar atracciones principales o un vuelo, realizar un seguimiento de los precios de vuelos y recuperar su tarjeta de embarque más rápido. Luego, cuando llegue, Asistente de Google también podrá ayudarlo a encontrar restaurantes, eventos locales y le indicará cuáles actividades puede realizar cerca de su hotel."></div> <div property="image" content="http://example.com/pixel3-google-assistant.png"></div> </div> </div> </div>
Microdatos
<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="Con Google Lens puede realizar búsquedas sobre ropa y decoración para el hogar, copiar y traducir textos, así como identificar puntos de referencia, plantas y animales. Todo en tiempo real con su cámara."></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="Selfies grupales"></div> <div itemprop="http://schema.org/description" content="Las cámaras frontales duales de Pixel 3 le permiten tomar selfies grupales sin un selfie stick ni que alguien deba salirse para tomar la foto. O utilícelo para ver todo el fondo de la selfie sin que su cabeza sobresalga."></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="Bienestar digital"></div> <div itemprop="http://schema.org/description" content="Desconéctese de su teléfono cuando y donde quiera para que se pueda enfocar en compartir su tiempo con familiares y amigos. Establezca temporizadores en las apps y desactive las notificaciones visuales. Use el modo Desconectar a fin de cambiar la pantalla a escala de grises y prepararse para una buena noche de sueño."></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="Asistente de Google"></div> <div itemprop="http://schema.org/description" content="Si piensa viajar a algún lugar, háblele a Asistente de Google para que lo ayude a buscar atracciones principales o un vuelo, realizar un seguimiento de los precios de vuelos y recuperar su tarjeta de embarque más rápido. Luego, cuando llegue, Asistente de Google también podrá ayudarlo a encontrar restaurantes, eventos locales y le indicará cuáles actividades puede realizar cerca de su hotel."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-assistant.png"></div> </div> </div> </div>

Galería multimedia: imagen del banner única

Del mismo modo, las galerías de imágenes se pueden utilizar para convertir imágenes en imágenes de banners.

	Una galería de elementos multimedia con la siguiente opción Una imagen del banner única
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>
Microdatos
><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>

Tres bloques para el catálogo de productos: un solo atributo, un conjunto de características del catálogo de productos y una imagen del banner única

Cuando se combinan varios bloques para el catálogo de productos, se pueden crear diseños personalizados.

	Tres bloques para el catálogo de productos con las siguientes opciones Un conjunto de características del catálogo de productos con una sola característica Un conjunto de características del catálogo de productos con seis características en un diseño de 3 columnas Una galería de elementos multimedia con una sola imagen de banner
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": "Descubra el Google Pixel 3", "s:description": "Tome siempre las fotos perfectas, complete sus tareas con Asistente de Google, disfrute de una batería que dura todo el día y mucho más.", "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": "El poder de realizar búsquedas sobre lo que mira con Google Lens.", "s:image": "http://example.com/pixel3-google-lens.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Selfies grupales", "s:description": "El poder de no usar un selfie stick para tomar selfies grupales.", "s:image": "http://example.com/pixel3-group-selfies.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Bienestar digital", "s:description": "El poder de aprovechar las ventajas de desconectarse con el Bienestar digital.", "s:image": "http://example.com/pixel3-digital-wellbeing.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Asistente de Google", "s:description": "El poder de realizar preguntas y tareas con Asistente de Google.", "s:image": "http://example.com/pixel3-google-assistant.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Gesto de silencio", "s:description": "El poder de enfocarse en lo que importa con el gesto de silencio.", "s:image": "http://example.com/pixel3-shhh-gesture.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Filtro de llamadas", "s:description": "El poder para permitir que Asistente responda las llamadas por usted con el filtro de llamadas.", "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="Descubra el Google Pixel 3"></div> <div property="description" content="Tome siempre las fotos perfectas, complete sus tareas con Asistente de Google, disfrute de una batería que dura todo el día y mucho más."></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="El poder de realizar búsquedas sobre lo que mira con 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="Selfies grupales"></div> <div property="description" content="El poder de no usar un selfie stick para tomar selfies grupales."></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="Bienestar digital"></div> <div property="description" content="El poder de aprovechar las ventajas de desconectarse con el Bienestar digital."></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="Asistente de Google"></div> <div property="description" content="El poder de realizar preguntas y tareas con Asistente de Google."></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="Gesto de silencio"></div> <div property="description" content="El poder de enfocarse en lo que importa con el gesto de silencio."></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="Filtro de llamadas"></div> <div property="description" content="El poder para permitir que Asistente responda las llamadas por usted con el filtro de llamadas."></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>
Microdatos
<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="Descubra el Google Pixel 3"></div> <div itemprop="http://schema.org/description" content="Tome siempre las fotos perfectas, complete sus tareas con Asistente de Google, disfrute de una batería que dura todo el día y mucho más."></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="El poder de realizar búsquedas sobre lo que mira con 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="Selfies grupales"></div> <div itemprop="http://schema.org/description" content="El poder de no usar un selfie stick para tomar selfies grupales."></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="Bienestar digital"></div> <div itemprop="http://schema.org/description" content="El poder de aprovechar las ventajas de desconectarse con el Bienestar digital."></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="Asistente de Google"></div> <div itemprop="http://schema.org/description" content="El poder de realizar preguntas y tareas con Asistente de Google."></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="Gesto de silencio"></div> <div itemprop="http://schema.org/description" content="El poder de enfocarse en lo que importa con el gesto de silencio."></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="Filtro de llamadas"></div> <div itemprop="http://schema.org/description" content="El poder para permitir que Asistente responda las llamadas por usted con el filtro de llamadas."></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>