Prevent Images from Being Pinned

October 27, 2013Allison Murray

Sometimes for whatever reason you don’t want an image to be pinned. You can ask your readers very nicely to NOT pin a specific photo but guess what, lots of people don’t actually read your posts and simply scan the images to see if there is anything that strikes their fancy. I know this is true because it’s what my sister does. Regardless of the fact that I post full tutorials I’ll still get a call from her around 9 or 10 in the morning of the day that a post strikes her fancy “how do I make that thing on the blog today?” Some people just aren’t readers so a request to not pin, however nicely worded isn’t going to work out in those cases.

There are a few reasons that I can figure that you may want to prevent images from being pinned to Pinterest:

  1. You share the full tutorial in a photo collage meaning that anyone who views the pin has absolutely no need to visit your site. I did this in the past and kick myself for it nowadays.
  2. There is an image that without the surrounding images or explanation can be taken incredibly out of context. I’ve seen images like this myself. A staged photo of children misbehaving for a post about dealing with said misbehavior in a positive and healthy way, with something like “worst mother of the year – someone needs to take her kids away!”
  3. There are images required for the function of your site, like in the side bars, that clutter up the options for pinner to select the image that actually comes from the post.

My most pressing problem was issue number 3.

Prevent Images from Being Pinned

This is what it had looked like when anybody wanted to pin something from my site. I’d noticed that with my new design, this had started to happen but since I’m no coding genius I didn’t know why it did with this the new site but not the previous one. I only really noticed this when the number of pins I was receiving every day went SIGNIFICANTLY down. And can I blame anyone? Who wants to dig through all of that crap of every pic that appears on the blog?

Quick detour… Not sure how to see pins specifically pinned from your site? This is where I see the pins from my site: To see yours, simply replace my web address with yours WITHOUT any preceding http:// or www.

My first answer was to add a pin it button on each image hoping that would make things easier (which I’ll show you how to do in WordPress next week). And it did help out a bit, but when I would forget and head straight for my Pinterest add on in Chrome, I  became seriously irked scanning through a boatload of images I didn’t need to see. So I decided to fix it.

Prevent Images from Being Pinned

And this is what my pinning pop up looks like now and it’s MUCH more manageable and less daunting. And as it turns out the way to correct this was super simple.

You need to place this code:    nopin=”nopin”    into the HTML for each image you do NOT want to be visible to pin.

The finished image code will look something like this:

<img src=”” nopin=”nopin” />

Now if you want no image from your site to ever, ever be pinned (which I don’t understand but that’s your business) you’d insert this code before the </head> tag inside of your HTML: <meta name=”pinterest” content=”nopin” /> 

If you’re in WordPress you’ll access this area in your Scripts/Analytics in your theme’s options. (your theme is something like Genesis or Headway)

And that is all there is to that. I must admit that I need to go back and apply this code to a good handful of images from my early days and I will a little bit at a time. I hope that you’ve found this tutorial helpful! While you’re here you might want to check out this week’s link party!

Comments (8)

  • Laura @ The Experimental Home

    October 27, 2013 at 9:28 PM

    I try to remember to nopin all personal images – it just makes me feel like I am maintaining control of them.

    1. Allison

      October 28, 2013 at 7:59 AM

      That’s a really good point. Someone can always save it and upload it and yada, yada, yada but who’s going to do that, really ?

  • icy sedgwick

    October 28, 2013 at 3:51 AM

    That’s really helpful, particularly for the images in a sidebar!

    1. Allison

      October 28, 2013 at 7:57 AM

      Those pics in the sidebar definitely don’t need to be in there! I’m so glad the post was helpful for you!

  • Midsommarflicka

    November 7, 2013 at 4:44 PM

    This is all I have to do? Just adding this little bit of code? How awesome! Always thought about, that I should research how to prevent images from images, but… well, never did it. (Hello procrastination!) Thanks for sharing!

    Love, Midsommarflicka

    1. Allison

      November 8, 2013 at 8:36 AM

      I was the same way. One day I was got irritated enough to research it. Low and behold it’s really darn easy :)

  • [email protected] Eats

    September 11, 2014 at 1:22 AM

    Hi Allison, this is so useful, thanks! Only question is – how did you get it to work for your sidebar images?? I use WordPress and I use the image widget for some images in the sidebar and the text widget for others. I didn’t know where to put the no pin code for the image widget and it didn’t work work I added it into the text widget. Sorry if this is a silly question! I am quite new to wordpress.


    1. Allison Murray

      September 11, 2014 at 1:27 PM

      I actually went and checked and the code isn’t working in my sidebars anymore! Will need to investigate and update as this apparently isn’t the way anymore!

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Previous Post Next Post