This has been a hot topic in my inbox as of late – Pinterest rich pins! So today I’m sharing how to set them up for both WordPress and Blogger [Blogspot] so you can get that rich pin awesomeness flowing for your blog – but! if even after reading this, you’re not comfortable with setting them up yourself, send me a message and I’ll be happy to help you out!
What are rich pins?
From Pinterest themselves –
Rich Pins are Pins that include extra information right on the Pin itself. There are 6 types of Rich Pins: app, movie, recipe, article, product and place.
Doesn’t really explain much, does it?
As the quote above explain, rich pins include more information in a native way into pins from you site. So for example, pins from my blog will include the my blog name, blog post title and the first paragraph (or meta description if I’ve set one!) into the pins as seen in the picture below. Now compare that to the pins on the left / bottom –
Ok, so what’s the big deal?
Rich pins don’t stop there! This is what happens when the rich pin type selected is “Article” but say you have a shop or a food blog – rich pins will include pricing information or the recipe ingredients (like the picture below) automatically into pins from your blog / site!
Having this extra information allows for better placement in searches (because of the extra information!) and it automatically brands all pins from my blog for brand recognition.
Now, how do you get rich pins? Just follow the steps below!
Rich Pins for self-hosted WordPress
- If you haven’t already, install Yoast SEO Plugin (seriously, if you don’t have this plugin, what have you been doing?!). Go to SEO -> Social -> Facebook (yes, Facebook), and check the box that says “Enable Open Graph meta data”.
- Go to Pinterest’s Rich Pin validator. Now copy/paste the link to a blog post from your site – any blog post, doesn’t matter which one – and then click “Validate”.
- Once it’s done a message will pop-up that says “Your pin’s been validated!” Click “Apply Now.” A pop up will come up with your website’s domain and “HTML tags” selected. Click “Apply Now” once again. And you’re done! You’ll get an email once your rich pins are enabled. I’ve heard this can take up to 10 days but I’ve had it take as little as a couple of hours.
Rich Pins for Blogger / Blogspot
Ok, the process here is a teeny tiny bit more involved because you’ll be adding some code to your blog’s template but crack those knuckles and take a deep breath, we can do this!
- From your Blogger Dashboard go to Settings -> Search Preferences -> Meta Tags and enable “Description” if you haven’t already done so. Enter a brief description about your blog content.
- Once this in enabled, go to edit an old post. You’ll see a field on the right for “Search Description.” Make sure you enter something here, this is Blogger’s Meta Description. That is, a short description of your blog posts that search engines – and Pinterest! – use. You can paste the first few sentences of your blog post or add a quick description. Save the post.
- Now, go to the “Template” page. First, back up your template. Then, click “Edit HTML”.
- When the HTML shows up for your template, click into the HTML Editor box and press CTRL/CMD + F to bring up the search bar. Search for the code below –
<b:includable id='post' var='post'>
Underneath this line of code 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='PIN TYPE' property='article:section'/>
<b:loop values='data:post.labels' var='label'>
<meta expr:content='data:label.name' property='article:tag'/>
Change PIN TYPE to be Rich Pin type you want applied to your blog – this should be the main topic of your blog, remember there are six types: article (blog posts), recipe, product, app, place, movie. What this does is add the needed open graph data to your blog posts using the information already there.
- Save your template.
- Go to Pinterest’s Rich Pin validator and copy/paste the link to a blog post from your site – any blog post, doesn’t matter which one – and then click “Validate”.
- Once it’s done a message will pop-up that says “Your pin’s been validated!” Click “Apply Now.” A pop up will come up with your website’s domain and “HTML tags” selected. Click “Apply Now” once again. And you’re done! You’ll get an email once your rich pins are enabled.
Need more help kickstarting your Pinterest?
I know, 100% what is like to know more traffic should be coming to your blog from Pinterest, yet nothing works. If this post helped you, then my free Pinterest email course will help you as well! This free course is 5 days long and will help you lay a strong foundation for a wining Pinterest strategy to grow your blog.