Sep 25, 2013

Validating for Rich Pins for Pinterest

Pinterest recently announced new functionality for "Rich Pins" for Pinterest for different types of pins (product, recipe, movie, or article).

As we're a blog, and support lots of bloggers on +Blogger, we've created instructions for setting up these Rich Pins for Blogger so that you can validate them and have them approved..

And if you're looking for quick instructions to add a Pin It button to your Blogger blog, give these instructions a read.

Step 1: search for this line

Run a search for this line of code in your Template
<b:includable id='post' var='post'>

Step 2: add the following

Below the line you found in Step 1, add the following:

<meta expr:content='data:post.title' property='og:title'/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:post.timestampISO8601' property='article:published_time'/>
<meta content='Technology' property='article:section'/>
<b:loop values='data:post.labels' var='label'>
<meta expr:content='data:label.name' property='article:tag'/>
</b:loop>

Change the last line from "Technology" to whatever section you want to be in.

Step 3: save your template

Congratulations! Test out the new code with the validator and you should be good to go!