How to Create Super Stealthy Pinterest Images for Your Blog

Posted on 29 October, 2015 in Social Media / 42 Comments

pinterest-friendly blog post graphics

To paraphrase Mugatu, “Pinterest for business. So hot right now.” (That’s right, Hansel’s been bumped out of the spotlight!)

As I’m becoming more involved in the whole creative business niche, I’ve seen a passion for Pinterest that I hadn’t felt or seen in years. It inspired me, and I logged back into my account for the first time in over a year. I started pinning again.

And since it was around the time I also started blogging again, I knew I wanted to figure out how to make my blogs more Pinterest-friendly.

But the more I read about Pinterest-optimized blog graphics and see them “in the wild,” I couldn’t let go of one thing.

Pinterest-friendly blog graphics are ginormo.

It’s for good reason, I won’t contest that. They look great ON Pinterest. But really, they’re so big! It can be so annoying, especially if that beautiful Pinterest-optimized image doesn’t necessarily mesh with the rest of your blog’s vibe.

Even if you only have one pinnable image per post, where do you put it?

You can make it the post’s header image, but then your readers need to say ‘hello’ to scroll city. And I know, that’s not as big of a deal anymore, but it does still matter.

You can put it in the middle of the post, but then there’s a huge, scrolly gap between two paragraphs. When a blog post is meant to transition smoothly from one section to the next, that can make things awkward and break up the flow. An awkward silence, if you will.

Plus, what looks good on Pinterest may not look awesome with your blog’s design, even if they have consistent branding. I mean, they’re different mediums; it makes sense. A huge giant pinnable image can overwhelm the rest of your blog design

And forget about customized pinnable graphics for different parts of the post, which I like to use to drive more Pinterest traffic.

I love the idea of creating a customized pinnable image for every subheading or main point of a post. It lets your readers not just pin your post, but pin their favorite part. Such a personalized experience. 🙂 But if you do that more than once or twice in a post with Pinterest graphics, you’re buying your post a one-way ticket to scroll city.

So, I’ve been playing with other ways to make my blogs more pinnable, without having to give up the look I prefer for my posts. After lots of sleuthing and testing, I found a method I love: the Super Secret Pinnable Image.

The Super Secret Pinnable Image

It’s super easy. It’s super effective. It’s super sneaky. It’s the super secret pinnable image! Here are 2 ways to go about it.

First: The Ultimate Guide to Pinterest 📌

Now, super secret pinnable images are just one part of my Pinterest marketing strategy. It takes a lot more than putting graphics in your blog post to get traffic, subscribers, and sales from Pinterest. And frankly? This was the only good Pinterest idea I’ve ever head. ¯\_(ツ)_/¯

Everything else that I’ve done to make Pinterest my #2 source of traffic each month, and my #1 social referrer? I learned all that in Pinfinite Growth.

Pinfinite Growth is an amazing ecourse from Melyssa Griffin that I took in early 2016, right when I was relaunching this blog. I knew that if I got it right from the start, Pinterest would be key to growing fast. And with Melyssa’s strategies for optimizing my profile, curating pins, and optimizing my own content, it was.

Click here to learn more about Pinfinite Growth 📌 

Now let’s look at your two options for creating super secret blog graphics! 🙌

How to Add Your Own Super Secret Pinnable Image

Option 1: Resizing Images

All you’re doing with this tactic is adding a Pinterest-optimized graphic to your post, but then resizing it down until it’s a little speck that Horton the Elephant would get too emotionally attached to. Aka 1×1.

My sneaky little images are 1 pixel by 1 pixel.

Can you find it in this post?

In WordPress, just insert the Pinterest image wherever you want to hide it. Then, hover over the image until the actions menu pops up, and click the edit button. Then select “Custom Size” from the size drop-down menu, and resize the width and height.

insert-hidden-pinterest-image

Update: This method has stopped working for me in WordPress, and I’ve heard several other bloggers say the same. Luckily, we have a few other tricks up our sleeves!

Option 2: Hiding the Image

If resizing isn’t your thing or isn’t working for you, just hide the whole damn thing:

hidden-pinterest-image-how-to

Just wrap the graphic in the following div tag:

<div style="display: none;">ADD YOUR IMAGE URL RIGHT HURR</div>

Both options take about 5 seconds, start to finish. 🙂 Quick enough that I didn’t even make a how-to gif, and you know how I love those!

Ways to Rock Super Secret Pinnable Images

As you can see, it’s stupidly simple to do this trick once you know about it. A perfect example of #TheMoreYouKnow! Haha 🙂

Since it’s so easy, why not use it to the max? Here are a few ways you can use hidden graphics:

  • Create a main pin: This is for those of us that don’t like what a pinnable image does to our blog post’s look. We’re stereotypical like that. Just resize it down and let your ‘Pin it’ button introduce your readers to the image when the time is right.
  • Create customized pins: You can also create custom images for each subheading or section of your post. For example, in this post, I could (and plan to) make one for the intro section, the tutorial, this “ways to rock it” part, and the #ProTip coming up next. This way, readers can pin the specific parts they find most useful.
  • Create designated content upgrade pins: When I see bloggers promote content upgrades on Pinterest, it’s usually on the main blog post image. The pin is mostly about the post title or whatever, with a note about the upgrade somewhere. Here you can make it its own pin without taking up more page space.
  • Add more pins: If you workshop multiple headlines while writing your post, now’s your chance to put them to use and do some A/B testing along the way. Create hidden images for each of them. You can compare which one gets pinned and clicked the most and change the headline to match, if it doesn’t already.

#ProTip: Also Include a “Pin this post” CTA

Worried that people won’t know you want them to pin your post, when there’s no visible image begging for it?

There’s an easy fix for that, too. Try clicking this!

Yup, you can create a customized “Pin it” link to go with your hidden image!

Just download this Pin It URL Generator from Ripen Ecommerce. The free spreadsheet is pretty self-explanatory: just fill out the URL for the image, the URL it should link to, and the pin’s description. The formula will then plug what’s in those cells into the resulting URL!

Pinterest-URL-generator

From that, you can include a customized Pin It graphic or text CTA, instead of a giant image.

Again, something crazy useful that takes just a few seconds once you know it exists. Those are my favorite kinds of discoveries by far!

Get to Pinning

This little trick is a simple, 5-second way to make your blog better without sacrificing Pinterest traffic. It also opens up opportunities to make your posts even more pinnable. And can act as a mechanism for headline testing along the way.

Talk about low-hanging fruit. That’s why this is my new favorite optimization tactic!

Are you going to try this? Pin it to save for later!

Note: This post was originally published in October 2015 and has been updated to reflect that the resizing method wasn’t working for people anymore.

http://www.brittanyberger.com/wp-content/uploads/2015/10/Tutorial-How-to-Create-Super-Secret-Pinnable-Images-for-Your-Blog-Posts.png
  • Ah this is SO useful Brittany! Thank you! I’ve been debating whether to include portrait-size images into my posts but I always feel they take up too much room. This is a MUCH better way of doing things!

    • Right!? I just couldn’t come to terms with putting an image with those dimensions in my post. And this opens up so many more possibilities, like custom images for each section. I can’t wait to start using it more – I’d love to do another post about my resutls if it works. 🙂

  • Kassiah

    Love this idea, Brittany!

  • I actually use the Social Warfare plug-in which offers a similar functionality. I’ll have to look into this for possible client use in future. Thanks much for sharing!

    • Oh, I’ll have to look into that! Does the image you upload to the plugin also load when someone goes to pin using a browser extension or something other than the plugin’s share button?

  • Rocío Andújar

    very clever and useful tip! thank you for sharing

  • Pingback: The Weekly Write-Up: Females are Strong as Hell()

  • Thank you for the tips!

  • Pingback: How to Encourage More Pinterest Shares with Custom Links()

  • Pingback: How to Encourage More Pinterest Shares with Custom Pin It Links | ContentMarketing()

  • Pingback: 10 Advanced MailChimp Features You Probably Forgot About - Blog Bolder()

  • Unfortunately, neither the div/hide or 1px option is working for me on my blog. Any other ideas?

    • Hi Angie! The case might be that your theme has different class names than the ones I’m using. I’m not a coder but I *think* that’s a possibility. Looking into your design or asking your theme developer might help ya solve it!

  • Great idea Brittany!

  • Great post! I have been wanting to create multiple pin-able images for my posts for awhile but didn’t want to put several super large images into my post. Thanks for the info!
    – – Rachel @ Tidy&Teal

    • At one time I felt the same way so I TOTALLY get it! You’re welcome!

  • I’m sorry, I don’t even think adding the extra html works anymore 🙁

    • Ah thanks for letting me know – I’ll test and look into some other options to add in!

      • Lauren Fowler

        I have been trying the code to no avail also and so far it hasn’t hidden my image.

  • Renee Birchfield

    Sadly I don’t think hiding the image works, my image is hidden but also does not come up as an option to pin it. The pin generator doesn’t seem to be working either.

  • darnold23

    Try as I might, I cannot get this to work. Wonder what I’m doing wrong? (Hiding the pinnable image.)

    • Hi there! I’m so sorry, it looks like something from either the blogging or Pinterest tech has changed since I wrote this post and it doesn’t always work anymore. 🙁 It seems to work sporadically, probably about 50% of the time for me, so the only rec I can offer is try redoing it if it doesn’t work the first time!

  • ashley

    Hello Brittany! I am happy to have found this post, but as a new blogger I feel like a fish out of water… after seeing the update I tried to use the url option, but once I have that long series of words and characters and what have you… where do I put that?

    Any help would be awesome! Thank you!

    • Hi Ashley! If you’re using WordPress and are writing your post in the “Visual” tab of the post editor, you’ll just want to click over to the “Text” tab at the top of the editor, and paste that code where you want the image to appear! 🙂

  • Looks like your sneaky methods won’t work anymore.. But I’m glad to see that someone else out there is as particular about the graphics on their posts as I am! I’ve been trying to use more vertical photos, simply because they are pinterest-friendly, but I get so self-conscious and worried for those who have to scroll a bunch!!

    I think I’ve seen some people post multiple types of pinterest-friendly graphics at the bottom of their page, so the viewer gets to pick from them. Might try that instead!

    Kim @ simplylovebirds.com

  • Empowee

    Hi all, the second feature worked for me. To make it work, I inserted the image in the visual editor in WordPress then I clicked on the text editor to add the code Brittany provided ADD YOUR IMAGE URL RIGHT HURR

  • I have seen some top boards in pinterest having very lengthy images. Apart from creating a featured image size for the blog post, creating a extra image for pinterest is still an extra work. Is it possible to create an auto re sizable image?

  • The Pennies We Saved

    I don’t know what you did different, Brittany! But your blog post is the FIFTH one I’ve visited and the ONLY one that has worked for me! I am so relieved to have found this! Now to go back and hide all of my gigantic pinnable images on my already published posts! lol. I have bookmarked this page.

  • Great tips! I’ve been trying so hard to use Pinterest with my blog… but it’s a slow learning process!

    • It can definitely be slow at first but then pays off so much!

  • I just did option #2 for two pictures. I put them at the end of my post for easy access. Bam! It worked! THANK YOU!

  • Hanna Abreu

    Have been trying to do these for a few weeks in many different ways and it FINALLY worked! 😀 😀 Thank you!

  • Melissa

    THANK YOU SOOOOOOOOO MUCH! I’ve been struggling with how to hide an image for a while. Thank you than you thank you!!!!

  • Melissa Gould

    Thank you Brittany! I am not a coder and have tried this using other tutorials without success. I think it was how you articulated “ADD YOUR IMAGE URL RIGHT HURR” that really helped me. [seriously, I always had spaces]. Again! [and your blog is really pretty:)]