How to setup Pinterest rich pins for Blogger and WordPress - Carrie Loves Blog

I get asked a lot how to add Pinterest Rich Pins to websites & blogs, so I thought I share with you how to do it for both WordPress.org and Blogger/Blogspot blogs if you’re the DIY kind… if not, I can do it for you – contact me here.

Rich Pins on Pinterest are like regular Pins you see in your Pinterest feed, but they include some extra information about the source of the pin – the website’s name, post title, image alt name, description of post, and your favicon <– that’s some sweet marketing potential right there. Once you’ve enabled Rich Pins using the steps outlined below, this information will be shown automatically on pins from your site. The image below gives you a pretty good idea of what all is included, and what you’re missing out on if you don’t have Pinterest rich pins enabled.

how to add pinterest rich pins

Onward with the how to…

How to Enable Pinterest Rich Pins on WordPress.org

1. Install SEO Framework plugin, if you don’t already have this one installed – hello! SEO for dummies. Once installed go to SEO > scroll down to Social Media Settings > and the check box that says “Output Open Graph meta tags?” This will add the necessary code to your blog posts without you having to do so manually – which is only one of the many great advantages of having a Worpdress site, I get asked that all the time, too!

2. Go to Pinterest’s Rich Pin Validator, and enter in a link to any post on your site. It doesn’t matter which post and you only need to do one. Click “validate.” After validating, you should see a message that says “your pin’s been validated!” Then, 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.

3. Pinterest will email you once you have applied. They say it takes a couple of days, I just applied for mine this past Saturday… hopefully I’ll hear something by the end of the week – I’ll keep you posted.

[Update: 12/23/2014 – it took about 10 days to get approved. You can see my rich pins here.]

How to Enable Pinterest Rich Pins on Blogger/Blogspot

1. To set up Rich Pins for Blogger you’ll need to add some code to your posts in your template, a little more work than WP but still definitely doable. On Blogger go to Settings > Search Preferences > Meta Tags and enable Description. You can enter a brief description about your blog content here.

2. Then, when you’re in the post editor (Posts > New Post/Edit Post) you’ll see a field in options section on the right for “Search Description”. Add a relative description about your post to this area – it can be a summary or just the first few lines of your content. If you don’t add a description, it will use the first few lines from your post content.

3. Then, go to Template > Edit HTML > Click into the HTML Editor box and press CTRL/CMD F to bring up the search bar. Find:

Underneath this line of code add the following:

Change BLOG TOPIC to be the main topic (Rich Pin type) on your blog. By doing this the code adds the needed open graph data to each blog post on your site using the information already there. Currently there are six different types of Rich Pins – app, movie, recipe, article (i.e. blog posts), product and place. Decide what type of Rich Pin suits your content the most, for most blogs this will be “article”. That meta tag should look something like this after you edit it:

Save.

4. Lastly, go to Pinterest’s Rich Pin Validator, and enter in a link to any post on your site. It doesn’t matter which post and you only need to do one. Click “validate.” After validating, you should see a message that says “your pin’s been validated!” Then, 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.

5. Pinterest will email you once you have applied.

59 Responses

  1. Thank you for a straightforward easy to understand article. I felt like Pinterest’s directions were confusing.

  2. Thanks for this. Seems like I already have it correct but all of a sudden my rich pins are not pulling some details. Searched around and saw that the format may have now changed to h2 but still not getting Pinterest to pull the correct info.

    The search continues

  3. Hi, Im following your directions and getting an error: We were unable to retrieve any data from your url.

    Any ideas? The facebook meta tags is checked, I have wordpress SEO and I made sure to enter my name and upload a logo in wordpress SEO settings. I have even tried a different plug in. 🙁

    1. I get the error on pinterest when I hit validate. I looked it up on pinterest this morning they said it can happen when it times out (which my site id not timing out for sure) OR when my site is blocking amazonaws. I am googling how to unblock it but nothing is coming up. Sigh. 😉

      1. I was having this exact problem today, but I did some digging and managed to get it working. On here, Carrie said we needed to change BLOG TOPIC to “article” but I found another site that suggested putting “blogging” instead. I tried it, and it worked like a charm!

        Maybe you could give that a try? I hope you can get it to work, if you haven’t already!

  4. Thanks very much for this. I have been looking at the codes on pinterest and I was so confused but this cleared it all up!

    This is such a easy to follow post

    mucho gracias

    🙂

  5. THANK YOU so much for this info. We have been wanting to do this for a while, but couldn’t find a comprehensive how-to on it!! We followed your steps and have applied. Thanks for sharing this!

    Olivia @ silverspiralstudio.com

  6. Really, One of the best explanations!!!! I’ve been searching the web, but all articles were too technical for me. Yours was the best! Many Thanks for the help.
    Keep on going!!!!! Best Wishes from Brazil ;-D

  7. Excellent tutorial! This is the only tutorial that I tried for blogger that included the step of adding in the type of rich pin I am applying for! Thank you! I wish I had found this months ago!

  8. I followed your instructions for Blogger and it worked like a charm. I applied and was approved immediately, and the Rich Pins are showing up. A few are showing “from Blue i Style” but it is showing “from blueistyleblog.com”. Any idea why that is happening, or how to make them all read “from Blue i Style”?

    1. Hi Angela, That’s really strange, I’ve never seen that before and I don’t know why it’s doing that. Going forward, I would add this meta tag after <head> the tag in your HTML: <meta property=”og:site_name” content=”Blue i Style” />

  9. This is so great, thank you so much! I got my email notification about 30 seconds after submitting and my rich pins are already up and running. You’re amazing, thank you.

    1. Hi Brynn, Yes, definitely ask your blog designer for help. She should be able to guide you to where to put the code, or even slip it in herself. If not, send me an email (email address is on my contact page) with your Blogger login info. and I can take a look to see if I can put it in there for you.

      1. Thanks Carrie! I realized my comment didn’t quite come out right because I tried to paste in some of the code for you to see. I emailed my blog designer and will definitely come back to you for help if she can’t. Thanks again,
        Brynn Allison

  10. Lovely tutorial. My wordpress site uses a genesis child theme (lifestyle pro). I was validated quickly but the genesis favicon is overriding my website favicon on my rich pins. I can’t seem to find a way around this. Any ideas?

    1. Hi Tut, That’s an interesting question and I’m not sure how to get around that. I have always used the same icon across the boards to keep my brand identity cohesive.

    1. Hi Sara, Did you change anything on your blog? Did you change your Pinterest name? You’re on WordPress.org, do you still have the Yoast SEO plugin installed and have Add Open Graph meta data checked (Yoast did update their plugin a little while ago, maybe it got unchecked?) Maybe you can reapply with Pinterest and see what happens.

      1. It says “The data we scraped from your site could not be validated. Please make sure all required tags are present and you aren’t serving different pages depending on different user agents.” I’ve even tried putting the tags into my Simple Hooks, but that didn’t work either.

        1. Hi, did you manage to find a solution to this issue? My Rich Pins were working and now I’m getting the same notification – saying my Site Name can’t be validated. Have checked everywhere and my site name hasn’t changed

  11. Please I need your help! This is a great post and I was following the steps to apply it to my Blogger. As I was ready to hit Save after inserting the code I got this error, “The widget with id “Blog1” cannot contain element: “meta”. A widget can only contain b:includable elements.” Any idea why?? I would appreciate any help.

  12. Hi, This is an excellent tutorial (Thank you) I followed instructions, was validated no problem and advised that my rich pins would show within 1-2 weeks. However, when they didn’t activate after 2 weeks I contacted pinterest. They responded by saying that my canonical url doesn’t match my website url… I was unaware of this but on checking found that they’re right. I set my blog up using the .co.uk and I’ve never seen ,com when I’m sharing my links. .co.uk shows on all my pins on pinterest/tweets ect… when I checked my blogspot dash board I found that they do indeed have my site under .com. Both the .com and .co.uk links link to my blog but pinterest can’t activate rich pins. I have absolutely no idea what a canonical url is or how to correct … can you advise, please. I have no idea what i’m doing…other than having a techy breakdown o_O Thank you. Kimmie.

    1. Hi Kimmie,

      I think what you need to do is add another line of code (to the code mentioned in this post that you put in your blog’s HTML template) that will give Pinterest what they are looking for. Right now in the code there is a line that says this:

      <meta expr:content=’data:blog.url’ property=’og:url’/>

      Add another line of code right underneath that one that says this:

      <meta expr:content=’http://mentalillnessgodandme.blogspot.co.uk/’ property=’og:url’/>

      Then resubmit your site to Pinterest… I haven’t heard of this scenario before, but hopefully this will solved the problem.

      1. Hi Carrie. I attempted to add the code you suggested and failed… this message came up – “could not load to template open quote is expected for attribute “{1}” associated with an element type “expr.content”. Do you know what this means and what I need to do. Thanks again for your help, Kimmie.

        1. Sorry, I don’t know what that means… but make sure that the code is formatted correctly and that the “quotes” and ‘apostrophes’ are okay. Sometimes when you copy & paste code it reformats the “quotes” and ‘apostrophes’, to fix type over them in your template with a fresh set of “quotes” and/or ‘apostrophes’.

  13. Thank you so much, Carrie. I will give this a go. I’m so grateful for your help…I’ve been pulling my hair out over this issue. I’ll come back and let you know if it works.

    All the best, Kimmie.

  14. THANKS so much! I got it to work and Pinterest e-mailed me already! I am now subscribed to your newsletter and I look forward to learning more!

  15. Thank you so much, I was prepping for 10 day and got my rich pins approved in 2 minutes. Your explanations was so easy to follow. Nice! Thanks a million.

  16. I am trying to get my rich pins validated but i too keep getting this message.
    ” The data we scraped from your site could not be validated. Please make sure all required tags are present and you aren’t serving different pages depending on different user agents.”

    I am not sure what this means? Please advise, could it be that my page is not launched yet?

    1. Hi Kelley, When I clicked over to your site you have a Coming Soon notice… this may be why Pinterest can’t produce a validation for you. I would resubmit after your site goes Live.

  17. Hi Carrie, I hope you’re still taking questions on this topic. I’ve had rich pins validated on my site for over a year, but recently realized my new pins are not rich-enabled. When I tried to validate a recent post, this is what I got: “The data we scraped from your site could not be validated. Please make sure all required tags are present and you aren’t serving different pages depending on different use agents”. Um, what?? I checked my template and found the <b:includable id='post' var='post' line, but it's surrounded with a lot of other muckety-much that seems to go with it and I was afraid to mess with it. Last year I had a new blogger template installed and I'm wondering if that messed with it. Any chance you could take a look or have any suggestions? Thanks bunches!

    1. Hi Cindy, I just sent you an email… I would have to see the HTML of your template to see what’s going on (I couldn’t see the code with View Source.)

  18. Hi Carrie!
    HELP! I did what you directed but I get a weird message

    The data we scraped from your site could not be validated. Please make sure all required tags are present and you aren’t serving different pages depending on different user agents.

    Im stuck! Can you suggest what I do?

    1. Hi Bruno, I just sent you an email… I would have to see the HTML of your template to see what’s going on (I couldn’t see the code with View Source.)

  19. Hello!
    This is a great easy to follow post, BUT I TOO am receiving the ‘The data we scraped from your site could not be validated.Please make sure all required tags are present and you aren’t serving different pages depending on different user agents.’ message.’
    I had rich pins enabled before but then I updated my hosting and loads of things went wrong on my site after that.
    I can’t seem to find an answer to this any where.
    Hoping you might be able to direct me to any info that might help!
    Thanks so much!!

    Jo

    1. Hi Jo,

      As long as you still have the Yoast SEO plugin installed, and under the Social > Facebook section you have “Add Open Graph meta data” Enabled then it should work. Check those settings and resubmit your site to Pinterest.

  20. Would love some help with this. No matter what I do, and I’ve done everything that Yoast requires, I get this message: We were unable to retrieve any data from your domain.

    I can see the meta data when I look at the source code, so I’m totally confused.

Comments are closed.