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.
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
- Upload the image to your blog post as normal and fill out the Alt description.
- 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).
- Find the image that you want to hide. It will look something like this:
<img class=”size-large” src=”https://seasidesundays.com/wp-content/uploads/2017/07/hideapin-392×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=”https://seasidesundays.com/wp-content/uploads/2017/07/hideapin-392×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?
More Blogging Tips!
Start A Blog That Makes Money
Ready to start a blog and make money from home?
In this FREE 5 day email course, I will show you the exact steps I took to take my mom blog from $0 to a consistent $2000 a month within 4 months.