Habilitar Pines detallados para tu sitio web

Los Pines detallados dan más información acerca de los Pines de tu sitio web. Actualmente hay cuatro tipos de Pines detallados: de producto, de artículo, de instalación de la app y de recetas.


Añade Pines detallados a tu sitio web:

  1. Añade en tu sitio web las metaetiquetas correspondientes o el extremo de oEmbed. El proceso es un poco técnico, así que tal vez necesites la ayuda del desarrollador de tu sitio web. A continuación, podrás encontrar instrucciones para cada tipo de Pin detallado.
  2. Prueba tus Pines detallados.
  3. Solicita añadirlos en Pinterest.

Para conocer la documentación completa para desarrolladores con respecto a los Pines detallados, visita nuestro sitio para desarrolladores .


Mira las instrucciones para cada tipo de Pin:

Si vas a solicitar Pines detallados, los marcadores que coloques en tu sitio web deben ser del tipo de Pin más adecuado. Así que, si, por ejemplo, en tu sitio hay recetas, deberás añadirle el marcador de Pines de recetas y no el de Pines de artículos.
 

Product Pins Product Pins
Los Pines de producto te permiten indicar el precio, el inventario y la descripción de un producto en los Pines de tu sitio web.
 
Para agregar Pines de producto a tu sitio:

Añade marcadores de Open Graph o Schema.org entre las secciones <head> </head> del código HTML en cada página en la que quieras habilitar los Pines detallados de producto. Si utilizas Shopify, consulta las instrucciones que aparecen a continuación sobre este tipo de sitios. Estos son los campos obligatorios de Pines detallados para cada tipo de marcador. Edita los campos destacados para incluir la información de tus productos.

Marcadores de Open Graph:
<meta property="og:title" content="Marcador de Young Copper"/>
<meta property="og:type" content="product" />
<meta property="og:price:amount" content="15,00" />
<meta property="og:price:currency" content="USD"/>
 

Marcadores de Schema.org:

<div itemscope itemtype="https://schema.org/Product">

<meta itemprop="name" content="Marcador de Young Copper"/>
<meta itemprop="url" content="https://shop.famsf.org/do/product/BK5160" />
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<span itemprop="price">15,00 $</span>
<meta itemprop="priceCurrency" content="USD"/>
<meta itemprop="availability" itemtype="https://schema.org/ItemAvailability"
</div>
 

2. Utiliza nuestro validador de Pines detallados para asegurarte de que podemos ver los datos del Pin detallado.

3. Si todo está bien, haz clic en Solicitar ahora. Asegúrate de elegir el tipo de marcador correcto al realizar la solicitud. 

Solo agregamos Pines enriquecidos de productos de sitios en los que se pueden comprar los productos en cuestión. Esto significa que debe ser posible comprar el producto directamente desde tu sitio web, no desde otro sitio.
 
No necesitas añadir marcadores si tu sitio web está hospedado en:
  1. Shopify: en su lugar, visita la página del validador de Pines detallados, pega el enlace a tu producto y añade ".oembed" al final del enlace. Entonces podrás ver toda la información del Pin detallado. Envía tu solicitud de Pines detallados desde esta página (asegúrate de elegir Shopify al realizar la solicitud).
  2. Etsy, Teachers Pay Teachers, eBay: los Pines nuevos de estos sitios incluirán la información sobre el producto en un plazo de 24 horas. 

Echa un vistazo a nuestro sitio para desarrolladores para obtener más información. 

Article Pins Article Pins
Los Pines de artículo te permiten mostrar el encabezado o título, la descripción y el autor de tu artículo o entrada de blog.
 
Para agregar Pines de artículo a tu sitio:

Añade marcadores de Open Graph o Schema.org entre las secciones <head> </head> del código HTML en cada página en la que quieres habilitar los Pines detallados de artículos. Estos son los campos obligatorios de Pines detallados para cada tipo de marcador. Edita los campos destacados para incluir la información de tus artículos.

Marcadores de Open Graph: 
<meta property="og:title" content="Título del 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” /> por <span itemprop="author" content="Johh Doe” />
    <span itemprop="description">Una descripción o resumen sobre el artículo.</span>
    </div>
  1. Usa nuestro validador de Pines detallados para asegurarte de que podemos ver los datos del Pin detallado.
  2. Si todo está bien, haz clic en Solicitar ahora. Asegúrate de elegir las etiquetas HTML al realizar la solicitud.
Un artículo es una página que contiene texto, como una nota periodística o la entrada de un blog. No consideramos que sean artículos las listas o páginas en su mayoría con imágenes y poco texto. 
 
 

App Install Pins App Install Pins
Los Pines para aplicaciones muestran el botón Instalar que lleva a los usuarios de iOS a la App Store para descargarse la aplicación.
 
Para crear un Pin para aplicaciones:
  1. En la vista del tablero, selecciona Añadir un Pin y carga la imagen de un Pin desde tu equipo o dispositivo.
  2. Sube una imagen de alta resolución de tu aplicación.
  3. Edita el Pin para cambiar el sitio web a tu página de App Store.
Echa un vistazo a la App Store en Pinterest para ver buenos ejemplos de Pines para aplicaciones. Actualmente, solo las aplicaciones estadounidenses son compatibles con los Pines para aplicaciones. En estos momentos, los Pines de aplicaciones solo están disponibles para las aplicaciones estadounidense y solo pueden consultarse en dispositivos iOS.

Recipe Pins Recipe Pins
Los Pines de recetas te permiten indicar un título, el tamaño de las porciones, el tiempo de preparación, las valoraciones y una lista de ingredientes de las recetas de tu sitio. También podemos mencionar si las recetas pertenecen a una dieta paleolítica, vegetariana, vegana o sin gluten.
 
Para agregar Pines de recetas a tu sitio:

1. Add Schema.org or hrecipe markups between the <head> </head> section of your HTML code for each page you want to enable recipe Rich Pins on. Here are the required Rich Pin fields for each type of markup. Edit the highlighted fields to reflect your recipes. Note, Ratings are only supported using Schema.org markup and will only show on iOS and Android devices at this time.

Marcadores de Schema.org:
<div itemscope itemtype="https://schema.org/Recipe">
    <span itemprop="name">
    Smoothie de naranja, piña y zanahoria</span>
   <span itemprop="description">
    Descripción de tu receta.</span>
  <span itemprop="aggregateRating">
    Todas las valoraciones se mostrarán aquí</span>.
    <meta itemprop="url"
    <span itemprop="recipeYield">Serves 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 ingredientes como necesites</span>.
    Instrucciones:
    <span itemprop="recipeInstructions">
    Pon la piña, hielo, el zumo de naranja, zanahoria y
    el plátano en una batidora. Mézclalo todo.</span>
</div>
 
etiquetas hrecipe:
<article class="h-recipe">
  <h1 class="p-name">Bollos</h1>
  <ul>
    <li class="p-ingredient">Harina</li>
    <li class="p-ingredient">Azúcar</li>
    <li class="p-ingredient">Levadura</li>
  </ul>
  <p>Requiere <time class="dt-duration" datetime="1H">1 hora</time>,
     para <data class="p-yield" value="4">cuatro personas</data>.</p>
  <div class="e-instructions">
    <ol>
      <li>En primer lugar, mezcla todos los ingredientes.</li>
    </ol>
  </div>
</article>
 

2. Utiliza nuestro validador de Pines detallados para asegurarte de que podemos ver los datos del Pin detallado.

3. Si todo está bien, haz clic en Solicitar ahora. Asegúrate de elegir las etiquetas HTML al realizar la solicitud.

Echa un vistazo a nuestro sitio para desarrolladores para obtener más información. 


Añadir Pines detallados a tu tienda Shopify

  1. Accede a una URL de producto específica a través de tu sitio de Shopify (una página en la que aparece el botón "Comprar" o "Agregar al carrito").
  2. Copia y pega esta URL en el validador de Pines detallados y escribe .oembed al final de la URL del producto.
  3. Haz clic en Validar.
  4. Una vez que se muestre la vista previa, haz clic en Aplicar. Recuerda que solo tendrás que presentar la solicitud con una sola URL de producto de tu sitio web.
  5. En un máximo de 24 horas, podrás ver cómo tus Pines de productos se convierten en Pines detallados.

Preguntas comunes:

¿Puedo desactivar los Pines detallados en mi sitio?
¿Tengo que aplicar marcadores en todas mis páginas?
¿Tengo que presentar una solicitud por cada página individual de mi sitio?
¿Cuándo se mostrarán mis Pines como Pines detallados?
Aparece un mensaje de error cuando solicito Pines detallados
¿Por qué no aparecen mis recetas como Pines detallados?

Si no quieres que los Pines de tu sitio web incluyan información detallada, añade esta etiqueta en la sección de encabezado de HTML de tus páginas:

<meta name="pinterest-rich-pin" content="false" />

Sí, tendrás que añadir metaetiquetas de Pin detallado a cualquier página en la que quieras que aparezca contenido de este tipo en Pinterest. Recuerda que los Pines detallados solo están pensados para detalles específicos de productos, artículos o páginas de recetas. No se deben aplicar marcadores a páginas como las de inicio o de categorías. Solo tendrás que validar y aplicar una página con marcado correcto para habilitar los Pines detallados en cualquier página que contenga metaetiquetas de tu sitio web.


No, solo necesitas presentar la solicitud para una página de tu sitio. Una vez que aprobemos la solicitud, habilitaremos los Pines detallados en todo tu sitio.

Cuando se apruebe tu solicitud de Pines detallados, los nuevos Pines de tu sitio web aparecerán como Pines detallados siempre y cuando incluyan la etiqueta correcta de producto, artículo o  receta.
 
En el caso de tus Pines anteriores, podrían tardar semanas en aparecer como Pines detallados. 

Si aparece un mensaje que indica que no hemos podido recuperar datos de tu URL, es posible que Pinterest se esté cerrando antes de que podamos crear un Pin en tu sitio. Desafortunadamente, no podemos corregir este problema, que suele producirse cuando un sitio es lento. Este error también aparece si tu sitio bloquea las solicitudes de Amazon Web Services (AWS). Debes eliminar el bloqueo antes de solicitar los Pines detallados.

Si aparece un mensaje que indica que parece que a tu URL le falta información obligatoria, significa que te faltan una o varias de las etiquetas de Pin detallado necesarias. Visita nuestro sitio para desarrolladores para saber qué etiquetas se deben añadir. 

Recientemente, Pinterest ha dejado de ser compatible con la versión 1 del microformato hrecipe y, en la actualidad, solo admite la versión 2 para los Pines detallados de recetas. Para saber más sobre el nuevo microformato, consulta este enlace: http://microformats.org/wiki/h-recipe
 
Te recomendamos que pases a la versión 2 de microformato o a las etiquetas schema.org para que tu sitio sea compatible con los Pines detallados de recetas. 


Nota: desde enero de 2017, ya no ofrecemos asistencia para los tipos de Pines detallados de lugar y película. Los Pines existentes de lugar y película seguirán mostrándose de la manera habitual en Pinterest.