Skip to Content

How To Hide Pinterest Images In Your Blog Posts & Grow Your Traffic

It might sound a bit odd but learning to hide Pinterest images in your blog posts is a great trick that can help grow your blog traffic.

Using the code below you can hide any images you like but I use this mainly for hiding pins for Pinterest marketing.

This trick to grow your blog traffic is so simple! This takes you step by step on what you need to do to create multiple images for your blog posts and hide them on WordPress. This is a great way to grow your Pinterest traffic and A/B test different pinnable images.

Why would you want to hide your images?

I know it seems counter-intuitive to hide a beautiful pin that you spent an hour designing. However, I am not saying hide ALL your images in your blog posts. Your posts should have images to break up the text or illustrate the subject.

If you promote your blog on Pinterest you probably know that there are many different designs and sizes of pin that you can use. In fact, I have a whole free ebook on creating great Pinterest pins that you can access here.

One of the best ways to improve your traffic from Pinterest is to make multiple pins for each blog post. You can (and should) experiment with different pin sizes, images, fonts and colors to see which ones attract the most readers.

This is often called A/B testing and just means trying a few different options to see which one works. you might be surprised  at which pins take off and which ones flop!

The other way this can grow your blog traffic is that it allows you to promote the same blog post more times to the same Pinterest boards. Instead of posting one pin once a month, you can double your posts exposure by pinning two different pins that link to the same blog post in the same month.

How many pins should you create?

As many as you like! I typically create 2-3 pins whenever I write a new post.

I also periodically go in and update my popular posts and create new images. Some of my older posts now have up to 10 pins linked to them!

Obviously, if I had 10 pins sprinkled throughout my posts it would be unsightly and probably unreadable which is why I hide superfluous pins within the blog post. By hiding them, they will pop up as an option when someone pins the “Pin it” button but are otherwise invisible.

How to hide Pinterest images in your blog posts

  1. Upload the image to your blog post as normal and fill out the Alt description.
  2. Click over to the “text” tab at the top right of your blog post. (you are normally in the visual tab when working on WordPress).
  3. Find the image that you want to hide. It will look something like this:

<img class=”size-large” src=”×1024.jpg” alt=”” width=”392″ height=”1024″ />

4.  Add the following to the above image code:

Before the <img part add <div style=”display: none;”>

After the width and height add </div>

So my original code above would now look like this:

<div style=”display: none;”><img class=”size-large” src=”×1024.jpg” alt=”” width=”392″ height=”1024″ /></div>

Just copy and paste this code to a notepad on your desktop so you can access it easily whenever you want to hide an image:

<div style= “display: none;”> Your Image Here </div>

5. Now flip back over to the visual tab on WordPress and your image should now be hidden! If it is still there, double check you have added the code correctly.

6. Once your post is published, go to your website and click on your Pinterest sharing button. The hidden image will appear as an option to add to Pinterest.

Wasn’t that easy?

Create The Perfect Pin In Minutes!

Subscribe to get my FREE ebook on creating a pin that gets noticed and brings you traffic.

No spam - I promise! Powered by ConvertKit

More Blogging Tips!

From 0-90K Pageviews in 9 Months – How I did it

Making Sense of Affiliate Marketing – Is it worth the money?

Start a blog and make money the right way

How to optimize your Pinterest strategy

How to choose the right web host for your blog

I accept the Privacy Policy

Different Trish

Sunday 14th of October 2018

I am so impressed with this! I have been programming in HTML since 1996 when we had to code our websites in Notepad and I did not know this trick. This is fabulous! Thank you for sharing the invaluable tip!


Saturday 15th of September 2018

I'm having the same problem as Trish is having. It has to do with the theme. I found a site that described how to get around this issue, but my theme edits never work as others describe. I always have to email them for support. But if Trish or anyone else is having the problem where the attributes of "div" are stripped away, check this out. Maybe it will work for you. Basically, you have to add that div attribute to your style.css file. If you don't have the same kind of theme that I do, it should work. Good luck!


Friday 28th of September 2018

Awesome tip, Julia, thanks for sharing! Hopefully it helps some others out.


Monday 3rd of September 2018

Oh this was SO SO helpful, thank you for sharing!


Tuesday 4th of September 2018

You are welcome! Glad it was useful!


Thursday 30th of August 2018

Hello! I'd love some help with this. I use the Pintoany plugin for my blog (which it looks like you may use as well?) and I know how to use the display none code. But even when I use it, the only image that comes up when I click the pinterest share button is the feature image. Is there a reason it isnt showing any of the images in the post? Thanks for any help!


Tuesday 4th of September 2018

Hi Mel, Ugh, no idea to be honest. I use addtoany and I used to use social warfare and have always been able to use the code. Just make sure that you have all the <<>> as sometimes I have missed them and then it doesn't work (but your image would show then). Have you tried with the Pinterest chrome extension? Sorry I can't be more help.

Sarah @ Enchanting Words

Wednesday 15th of August 2018

Thank you for these instructions! I've been trying to figure out how to hide these pictures. It worked perfectly :)