Prevent Images from Being Pinned
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:
- 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.
- 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!”
- 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.
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: http://pinterest.com/source/dreamalittlebigger.com/ 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.
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=”https://www.dreamalittlebigger.com/picture.jpg” 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!