Los Pines detallados son Pines que sincronizan, automáticamente, la información de tu sitio. Puedes identificarlos por la información adicional que aparece arriba y debajo de la imagen cuando haces clic en el Pin. Si algo cambia en el sitio original, el Pin detallado se actualiza periódicamente para reflejar la modificación.
Los Pines detallados de artículo y los Pines detallados de receta se actualizarán automáticamente para reflejar los cambios que hagas en tu sitio. En Pinterest, si haces una edición manual en un Pin detallado de receta o artículo, la nueva información que agregues sobrescribirá los metadatos detallados.
Solo mostraremos información de tu Pin detallado de producto si cumples con nuestras
Para asegurarte de que los datos se sincronicen correctamente, agrega etiquetas a tu sitio. Si tienes contenido de productos, artículos o recetas en tu sitio, tendrás que
Todo el contenido de las páginas que tengan las etiquetas meta correctas se mostrará como Pines detallados cuando crees un nuevo Pin. Los Pines existentes que vinculen a páginas con etiquetas meta detalladas ahora se mostrarán como Pines detallados.
Nota: El contenido de tu sitio puede tardar hasta 24 horas en sincronizarse con tu Pin detallado.
Si quieres eliminar los datos de un Pin detallado de una página específica en tu sitio web, agrega esta etiqueta al encabezado de la página antes de la etiqueta de cierre:
<meta name="pinterest-rich-pin" content="false" />La etiqueta anulará las etiquetas meta de Pines detallados únicamente en esa página. Las demás páginas de tu sitio web no se verán afectadas, a menos que agregues la etiqueta a esas páginas individuales. Si quieres volver a activar los Pines detallados, solo tienes que eliminar la etiqueta.
Los Pines de receta te permiten agregar un título, el tamaño de las porciones, el tiempo de preparación, las calificaciones y una lista de ingredientes a las recetas de tu sitio. También puedes indicar si la receta es paleo, vegetariana, vegana o sin gluten.
Cómo añadir Pines a tu sitio
Si quieres integrar los datos de los Pines detallados de receta en tu sitio, agrega marcas de Schema.org o h-recipe entre la sección <head> </head> del código HTML en cada página en la que quieras habilitar los Pines detallados de receta.
Una vez hecho esto, nuestro sistema debería comenzar a rellenar contenido de Pines detallados para los Pines vinculados a estas páginas habilitadas para Pines detallados.
Valoraciones de recetas
Puedes agregar información sobre las calificaciones a tus Pines detallados de receta. Para hacerlo, agrega la etiqueta meta necesaria mediante una marca de Schema.org. Si necesitas ayuda para implementar esta información en tu sitio, visita Schema.org o echa un vistazo a este Pin de ejemplo para ver cómo configuró su Pin bettycrocker.com.
Nota: La información sobre las valoraciones solo se puede agregar mediante un marcador de Schema.org (no h-recipe) y esta información solo se mostrará en dispositivos iOS y Android.
Marcadores de Schema.org y h-recipe
Estos son los campos obligatorios de los Pines detallados para cada tipo de marcador. Edita los campos en negro para incluir la información de tus recetas:
<div itemscope itemtype="https://schema.org/Recipe">
<span itemprop="name">
Orange-Pineapple-Carrot Smoothie</span>
<span itemprop="description">
Descripción de tu receta.</span>
<span itemprop="aggregateRating">
La valoración agregada se mostrará aquí</span>
<meta itemprop="url"
content="https://myrecipesite.com/pineapple.html" />
<span itemprop="recipeYield">Sirve 1</span>
Ingredientes:
<span itemprop="ingredients">ingrediente 1</span>,
<span itemprop="ingredients">ingrediente 2</span>,
<span itemprop="ingredients">ingrediente 3</span>,
<span itemprop="ingredients">
añade tantas etiquetas de ingrediente como necesites</span>.
Instrucciones:
<span itemprop="recipeInstructions">
Coloca la piña, el hielo, el zumo de naranja, la zanahoria y el
plátano en una batidora. Mezcla bien hasta que todo esté combinado.</span>
</div>
etiquetas de h-recipe:
<article class="h-recipe">
<h1 class="p-name">Bagels</h1>
<ul>
<li class="p-ingredient">Harina</li>
<li class="p-ingredient">Azúcar</li>
<li class="p-ingredient">Levadura</li>
</ul>
<p>Tiempo: <time class="dt-duration" datetime="1H">1 hora</time>,
serves <data class="p-yield" value="4">cuatro personas</data>.</p>
<div class="e-instructions">
<ol>
<li>Mezcla todos los ingredientes.</li>
</ol>
</div>
</article>
Echa un vistazo a nuestro sitio para desarrolladores para obtener más información.
Un artículo es una página que contiene texto, como una nota periodística o la entrada de un blog. Las listas y las páginas con una gran cantidad de imágenes y poco texto no se consideran artículos.
Cómo añadir Pines de artículo a tu sitio
Si quieres integrar los datos de los Pines detallados de artículo en tu sitio, agrega marcas de Open Graph o Schema.org entre la sección <head> </head> del código HTML en cada página en la que quieras habilitar los Pines detallados de artículo.
Una vez hecho esto, nuestro sistema debería comenzar a rellenar contenido de Pines detallados para los Pines vinculados a estas páginas habilitadas para Pines detallados.
Cómo abrir los marcadores Open Graph y Schema.org
Estos son los campos obligatorios de Pines detallados para cada tipo de marcador. Edita los campos en mayúscula para incluir la información de tus artículos.
Marcadores de Open Graph:
<meta property="og:title" content="Título de tu artículo"/>
<meta property="og:description" content="Descripción de tu artículo" />
<meta property="og:type" content="article" />
Marcadores de Schema.org:
<meta property="og:site_name" content="sitio de ejemplo” />
<div itemscope itemtype="https://schema.org/article">
<meta itemprop="url" content="Https://www.example.com/2013/10/article.html" />
<span itemprop="name" content="Título del artículo” /> by <span itemprop="author" content="Johh Doe” />
<span itemprop="description">Una descripción o resumen del artículo.</span>
</div>
Echa un vistazo a nuestro sitio para desarrolladores para obtener más información.
Los Pines de producto son un tipo de Pin detallado que cuenta con el precio, la disponibilidad, el título y la descripción de producto más actualizados de tu sitio. En algunos casos, es posible que tu Pin tenga una insignia de "Más vendido" si es uno de los artículos más comprados de una categoría de productos de Pinterest entre diferentes comerciantes. O podría tener una insignia de "Popular" si es uno de los Pines de producto con más clics dentro de una categoría de productos en Pinterest.
Nota: Esta información solo se mostrará en tus Pines de producto si el producto está disponible, el precio es exacto, los datos se actualizaron recientemente y cumples con nuestras Directrices para comerciantes.
Por qué y cómo agregar Pines de producto a tu sitio
Los Pines de producto conducen a las personas que visitan Pinterest a tu sitio, donde pueden comprar tus productos. Esto significa que las personas deben poder comprar el producto directamente desde tu sitio antes de que puedas agregar el Pin de producto a Pinterest.
Puedes crear Pines de producto en tu sitio como se indica a continuación o mediante catálogos. Usa catálogos para subir una fuente de datos de tus productos y crear grupos de productos para agrupar Pines similares. Solo los Pines de producto que se crean mediante catálogos se pueden promocionar como anuncios Shopping.
Cómo añadir Pines de producto a tu sitio
Si quieres integrar los datos de los Pines detallados de producto en tu sitio, agrega marcas de Open Graph o Schema.org entre la sección <head> </head> del código HTML en cada página en la que quieras habilitar los Pines de producto.
Una vez hecho esto, nuestro sistema debería comenzar a rellenar contenido de Pines detallados para los Pines vinculados a estas páginas habilitadas para Pines detallados.
Cómo abrir los marcadores Open Graph y Schema.org
Estos son los campos obligatorios de Pines detallados para cada tipo de marcador. Edita los campos en mayúscula o el texto numérico en verde para incluir la información de tus productos.
Marcadores de Open Graph:
<meta property="og:title" content="De Young Copper Bookmark" />
<meta property="og:type" content="product" />
<meta property="product:price:amount" content="15.00" />
<meta property="product:price:currency" content="USD" />
Marcadores de Schema.org:
<div itemscope itemtype="https://schema.org/Product">
<meta itemprop="name" content="De Young Copper Bookmark" />
<meta itemprop="url" content="Https://shop.famsf.org/do/product/BK5160" />
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<span itemprop="price">.00</span>
<meta itemprop="priceCurrency" content="USD” />
<meta itemprop="availability" itemtype="https://schema.org/ItemAvailability"
content="https://schema.org/InStock" />
</div>
No tienes que agregar marcas si tu sitio está alojado en Etsy, Teachers Pay Teachers o eBay. Los Pines nuevos de estos sitios incluirán la información del producto en las siguientes 24 horas.
Echa un vistazo a nuestro sitio para desarrolladores para obtener más información.