How to Beat the Image Bias of Pinterest: Getting Pinned, Blocking Pins & Image Optimization Tips

Pinterest is the social media darling. They slogged it out for years before breaking out to become a certifiable hit. They’ve earned the attention.

Would you like to know how well your site is doing on this social media phenom? Go to http://pinterest.com/source/<domain>.com/ – replace <domain> with your domain name. You’ll see what’s been pinned from your site, and you’ll realize how much interest you’ve generated and which images are sparking that interest.

For example, here is what you see when you enter in: http://pinterest.com/source/kissmetrics.com/

pinterest kissmetrics

If you don’t see much for your site, it doesn’t mean your photo choices are bad. There may be another reason. If you’re site happens to fall outside the “standard” when it comes to web graphics, you may not see any pinning because Pinterest is simply ignoring what you have to offer.

You Pin Some, You Lose Some

Take the theme gallery for Mozilla Firefox, http://GetPersonas.com. It’s a highly ranked site falling in the Alexa top 10,000. Not bad for a side feature to an alternative browser, but also not good enough to overcome the hurdle of acceptance for the graphically intense Pinterest.

personsas gallery

If you try to Pin It, you wind up with a simple error message.

Pinterest Size Restrictions:

The first time I encountered this, I was more than a little surprised. The Personas site is nothing but images. However, the images are the source of the problem. Pinterest won’t see any images that have a height or width of less than 80 pixels. Do you see all of those cute little thumbnail images on GetPersonas? They come in at a petite 67 pixels high.

Other Pinterest Limits:

You should know that sometimes size doesn’t matter. Even if your images meet the 80×80 pixel minimum, there are still times or ways your images won’t be picked up. For example:

  • Background images
  • Images embedded in iframes
  • Images within Flash websites

…cannot be shared via Pinterest – no matter how big and beautiful.

How to Block Content from Pinterest:

There may be times when you don’t want to allow images on your site to be Pinned. You may be featuring content with stringent copyright obligations. Add this code to the head of any page on your site:

<meta name=”pinterest” content=”nopin” description=”Sorry, but the images on this page are not available for pinning.” />

If someone tries to pin on that page, they will receive the message in the description. You can customize the message in a way that works best for your site and community.

More than One Way to Pin a Site

So, what do you do when you don’t have images that Pinterest will grab, but you want to make sharing on Pinterest an option for your site? Brand Thunder experienced this problem when we launched our browser themes for Major League Baseball. We had a page built to show off all the themes, but none of the images were shareable on Pinterest.

The problem was that all the images on the page were either CSS background images or were less than 80 pixels high, none of which were discoverable. Since the Pin It bookmarklet ignored our images, we set out to learn how to make a Pinterest-friendly page without impacting the design.

brand thunder

We decided to add a new image but keep it hidden from view on the page using CSS. Unfortunately, hiding an image this way also hides it from Pinterest. If an image is hidden via CSS, it won’t be found. We also tried setting the height and width to 0 via CSS. This didn’t work either because of the 80-pixel minimum that Pinterest seeks. Apparently, Pinterest honors the height and width specified via CSS.

Finally, we adjusted the opacity and got the results we were looking for. The code looks like this:

<img style="opacity: 0;position: absolute;top:0; left:0" src="image_for_pinterest.jpg">

Pinterest picks up this image, and it does not display on the page or affect the page layout. This approach has the added benefit of being the first image Pinterest finds, which gives you a level of control if you want to encourage a specific image to be shared. (One caveat: I’ve read that YouTube or Vimeo video embeds take precedence over images. We’ve not tested this scenario.)

browser theme image

Final Pins of Advice

Even if you’re site is already capturing interest and pins, it’s worth another look. The landscape changes; and the best practices of yesterday may not be the best practices of today. Here is the current state of images on Pinterest.

You’ll find lots of guidance stating images can be 600 pixels wide with no limit on height. That may not work in your favor. The unlimited height still works on the Pinterest board where images are resized to 192 pixels wide and support an unlimited height, but click through to the actual pin and you’ll find the height is constrained to 880 pixels high. That nice, lengthy infographic you created now looks like a pencil.

long pintrest image

So, while the pinner of the image above may be absolutely right that it’s worth reading, it’s not going to happen on Pinterest. It’s another click to get to the payoff – when the user leaves Pinterest and goes to the original site to view the image. That extra click is an inconvenience if you’re a casual visitor. If you’re a business, that extra click will be a big dent in your overall value.

Optimal Pinterest Image Size:

The winning image size appears to be 600 x 800. It resizes down to 192 x 256, giving it enough visual presence on the board to not get lost in all the noise, and it is fully visible once clicked.

monks at waterfall

Pinterest remains a visually engaging site for consumers and businesses. It’s worth learning the tricks to make sure your site’s images are easily shared. Once you’ve got your images fine tuned, don’t forget to get the tools to make it easy to share them. You’ll find everything you need on the Pinterest Goodies page.

About the Author: Patrick Murphy is the founder and CEO of Brand Thunder (BT). You can follow him on Twitter @brandthunder or Facebook. The team at BT creates interactive browser themes that help brands enjoy a consistent connection to their online consumers.

  1. I’ve not been very active on Pinterest mainly because I haven’t taken the time to learn how to really use it. I appreciate these tips to help me get started!

  2. nice article can you tell me or make a post of how to get traffic from pinterest ? ?

  3. Great post, I’ve been looking for a valuable way to find out what has been pinned from sites.

  4. Thanks for the tips! I haven’t heard any of these guidelines or limitations before.

  5. Thanks for the tips. One question: the source URL to see how my pins are doing 404s. Is that something to contact Pinterest about?

  6. One thing to consider; that big long image that people can’t actually read on Pinterest – that actually can be a good thing, because it means people will actually come to YOUR site rather than just look at it on Pinterest. But of course, you still need it to be shared around Pinterest and it might not be as easy if it’s hard to read just a little of it at least. It’s a balance.

    In general though, vertically oriented images are quite good because they are visible a *lot* more than the horizontal ones. The constraint on Pinterest in the galleries is on the width, not on the height. Anything up to 2500 pixels or so shows up nicely.

  7. Good thoughts. I call this PIO – Pinnable Image Optimization, or Pinterest Image Optimization – it’s the new SEO.

  8. Another question: what field in the image file creates the default description text?

  9. Hi,

    great post.keep on writing.

    Thanks

  10. Hi,

    Awesome work man! Thanks for your tips.

    Thanks

  11. Hy,

    Great post man! Excellent work.i must appreciate your work.Thanks for sharing..

    Thanks

  12. Gosh, I had no idea that Pinterest had these image restrictions. I’ll need to take a closer look at my websites to make sure they work as I was expecting!

  13. I have never checked out Pinterest, however, heard a lot about it from my friends. After I went through this blog, I understood the various limitations of posting a picture on Pinterest and also how to overcome these limitations. I will surely ask my friends to go through this blog and enhance their knowledge about the same.

    I had an idea that pictures can be posted on Pinterest, however, I never had the knowledge that there was a size restriction to it. The restriction of a picture as far as the height and width is concerned is something very interesting to know. I was also interested to know that even if the minimum size restriction is met by a picture, there are other factors as well, due to which a picture cannot be uploaded, like background and images within flash websites.

    A special thanks to the writer to come up with this kind of blog. I would say a complete blog about the various problems a person may face on Pinterest.

  14. Is this possible to get traffic from pinterest ?

  15. I uploaded pictures into various Pins and eventually realized that the size of them is probably too big (4000X3000). So I have resized them to 600X450. Can I just replace the photos somehow or do I have to delete the pin and start all over again with the resized photos.

  16. Hey Patrick !
    Really found this article helpful for me.
    Thanks for telling us optimal pinterest image size. I was a little bit confused about it, but thanks for clearing it.
    Thanks.
    Matt

  17. More for users to get around the image requirements than the developers, but check out this Chrome extension that I built.

    https://chrome.google.com/webstore/detail/pin-it-all/fgkahiidpmgafgcfiodnkecmecddgldk

    It lets you pin sites regardless of pinterest’s image/video requirements. It lets you pin an image of a cat instead.

    I built it because I was trying to use Pinterest for bookmarking sites but not all of them had a sufficient image on the page.

  18. How to Beat the Image Bias of Pinterest: Getting Pinned, Blocking Pins & Image Optimization Tips..

    is excellent useful information to us thank you !

  19. Thank you for that opacity tip. I’m going to start using that.

Comments are closed.

← Previous ArticleNext Article →
Buffer