Rich Pins are Pins that automatically sync information from your site. You can identify rich Pins by the extra information above and below the image when you click into the Pin. If something changes on the original site, the rich Pin periodically updates to reflect that change.
Article rich Pins and recipe rich Pins will update automatically to reflect any edits that you make to your site. On the Pinterest side, if you make a manual edit to a recipe or article rich Pin, the new information you add will overwrite the rich metadata.
We’ll only show information about your product rich Pin if you've met our
To ensure your data syncs correctly, add tags to your site. If you have product, article or recipe content on your site, you’ll need to
All content from pages that have the correct meta tags will appear as rich Pins when you create a new Pin. Existing Pins that link back to pages with rich meta tags will now appear as Rich Pins.
Note: It may take up to 24 hours for the content from your site to sync to your rich Pin.
If you want to remove rich Pin data from a specific page on your site, add this tag to the header of your page before the closing body tag:
<meta name="pinterest-rich-pin" content="false" />The tag will override the rich Pin meta tags on that page only. All other pages on your site will remain unaffected unless you add the tag to those individual pages. If you ever want to turn rich Pins back on, remove this tag.
Recipe Pins let you add a title, serving size, cook time, ratings, and a list of ingredients to recipes from your site. You can also display if a recipe is paleo, vegetarian, vegan or gluten-free.
Add recipe Pins to your site
If you want to integrate recipe rich Pin data to your site, add Schema.org or h-recipe markups between the <head> </head> section of your HTML code for each page that you want to enable recipe rich Pins on.
Once this is done, our system should start to populate rich Pin content for Pins linked to these rich Pin enabled pages.
Recipe ratings
You can add ratings info to your recipe rich Pins. To do so, add the meta tag needed via Schema.org markup. If you need help implementing ratings info to your site, visit Schema.org or take a look at this sample Pin to see how bettycrocker.com set up their Pin.
Note: ratings info can only be added using Schema.org markup (not h-recipe) and ratings info will only appear on iOS and Android devices.
Schema.org and h-recipe markups
Here are the required rich Pin fields for each type of markup. Edit the fields in black to reflect your recipes:
<div itemscope itemtype="https://schema.org/Recipe">
<span itemprop="name">
Orange-Pineapple-Carrot Smoothie</span>
<span itemprop="description">
Description of your recipe.</span>
<span itemprop="aggregateRating">
Aggregate rating will show here</span>
<meta itemprop="url"
content="https://myrecipesite.com/pineapple.html" />
<span itemprop="recipeYield">Serves 1</span>
Ingredients:
<span itemprop="ingredients">ingredient 1</span>,
<span itemprop="ingredients">ingredient 2</span>,
<span itemprop="ingredients">ingredient 3</span>,
<span itemprop="ingredients">
add as many ingredient tags as you need</span>.
Instructions:
<span itemprop="recipeInstructions">
Put the pineapple, ice, orange juice, carrot and
banana in a blender. Blend until smooth.</span>
</div>
h-recipe tags:
<article class="h-recipe">
<h1 class="p-name">Bagels</h1>
<ul>
<li class="p-ingredient">Flour</li>
<li class="p-ingredient">Sugar</li>
<li class="p-ingredient">Yeast</li>
</ul>
<p>Takes <time class="dt-duration" datetime="1H">1 hour</time>,
serves <data class="p-yield" value="4">four people</data>.</p>
<div class="e-instructions">
<ol>
<li>Start by mixing all the ingredients together.</li>
</ol>
</div>
</article>
Check out our developer site to learn more.
An article is a page that contains text, like a news article or blog post. We do not consider listicles or pages with mostly images and little text to be articles.
Add article Pins to your site
If you want to integrate article rich Pin data to your site, Add Open Graph or Schema.org markups between the <head> </head> section of your HTML code for each page that you want to enable article rich Pins on.
Once this is done, our system should start to populate rich Pin content for Pins linked to these rich Pin enabled pages.
Open Graph and Schema.org markups
Here are the required rich Pin fields for each type of markup. Edit the capitalized fields to reflect your articles.
Open Graph markups:
<meta property="og:title" content="Title of your Article"/>
<meta property="og:description" content="Description of your article" />
<meta property="og:type" content="article" />
Schema.org markups:
<meta property="og:site_name" content="Example Site” />
<div itemscope itemtype="https://schema.org/article">
<meta itemprop="url" content="Https://www.example.com/2013/10/article.html" />
<span itemprop="name" content="Article Title” /> by <span itemprop="author" content="Johh Doe” />
<span itemprop="description">A description or summary of the article.</span>
</div>
Check out our developer site to learn more.
Product Pins are a type of rich Pin that feature the most up-to-date price, availability, product title and description from your site. In some cases, your Pin might have a "Best seller' badge if it’s one of the most purchased items within a Pinterest product category across different merchants. Or, it might have a "Popular" badge if it’s one of the most clicked product Pins within a product category on Pinterest.
Note: This info will only show up on your product Pins if your product is in stock, the price is accurate, we've updated the data recently and you meet our merchant guidelines.
Why and how to add product Pins to your site
Product Pins lead people on Pinterest to your site where they can purchase your products. This means people need to be able to buy the product directly from your site before you can add the product Pin to Pinterest.
You can create product Pins on your site as outlined below or by using catalogs. Use catalogs to upload a data source of your products and create product groups to group similar product Pins together. Only product Pins created using catalogs can be promoted as shopping ads.
Add product Pins to your site
If you want to integrate product rich Pin data to your site, add Open Graph or Schema.org markups between the <head> </head> section of your HTML code for each page on which you want to enable product Pins.
Once this is done, our system should start to populate rich Pin content for Pins linked to these rich Pin enabled pages.
Open Graph and Schema.org markups
Here are the required rich Pin fields for each type of markup. Edit the capitalized or numeric green text to reflect your products.
Open Graph markups:
<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" />
Schema.org markups:
<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>
You do not need to add any markup if your site is hosted by Etsy, Teachers Pay Teachers, or eBay. New Pins from these sites will have product information on them within 24 hours.
Check out our developer site to learn more.