Some of the links in this post are affiliate links. This means if you click on the link and purchase the item, I will receive an affiliate commission at no extra cost to you. All opinions remain my own.
Have you ever written a blog post, added one picture to it, and then tried to share the same image on all social media? I have. The results didn’t look pretty. So I have found a way to include invisible images in my posts. Try out this method to hide images in your posts and let me know the outcome!
Why should you have more than one image in a blog post?
You might ask – why would anyone need to spend the time to make different images for their blog only to hide them afterward. Actually, there might be several reasons for that.
Each social media channel requires a different size of images
When you look at the most popular places, where blog posts are currently shared, they all prefer different image sizes. Pinterest images usually are tall. Twitter, on the other hand, is better for horizontal images. And Facebook posts are more like a rectangle.
If you are planning to share your blog posts on these and other platforms, it would be preferable for you to create the shareable images in formats that are designed for each platform.
The same image can be successfully re-sized to fit for different purposes in Canva, which is where I make designs for this blog as well. They even have several templates that you can use to make the graphics to look professional and be in the best size for your favorite sharing platforms.
It gives you an opportunity to do A/B testing
We each have our own unique taste and preferences for what we like. Imagine that you are browsing your Pinterest feed. Some of the graphics are just meh. Then there are some that are ok but don’t raise your curiosity and don’t capture any interest. And among all of this, there are a few exceptions that stand out. These are the ones that you are interested to open up and read more.
It’s hard to make the last type of graphics. As we all have our different tastes, it is impossible to make a graphic, which will be liked by everyone.
The solution to this is trying out several graphics for one blog post. Smart bloggers are creating several images that lead to their blog posts. Each image is a little bit different – some may have special fonts, others change up the background picture, and each of them might have a unique SEO description.
You too can do A/B testing with your audience by trying out several graphics for one post. There is nothing to lose, you can only gain more exposure. This Pinterest strategy1 has been suggested by many bloggers.
How to add “invisible” images in WordPress
So now that you know the benefits of adding several pictures to one blog post, you might be wondering, how hard it is to do. Don’t worry, it’s quite easy!
- Prepare several images, I usually make 2-3 graphics for Pinterest with a different design of text and images.
- Add all of the pictures to the blog post.
- Switch to the text editing in WordPress and find the added images:
- I usually choose to leave one image visible and hide the rest of them. To do this, first, you have to find the place, where the first image ends. In that place copy/paste this code: <div style=”display: none;”>
- Then find the place, where all images end and place this code: </div>
- Hidden images in this WordPress post look like this:
- Everything that is added to the blog post between these two pieces of the code will be hidden.
This way you can get several invisible images for promoting your blog post without annoying your readers with the excessive graphics.
I like to add these images in the blog post and not just straight to the social media, because of two reasons:
- By having images in the blog post, my readers have a wider choice of graphics, when they choose to share my blog post;
- In the future, I might come back to this post and want to re-share, and then all of the images will still be in the post. And not hidden in some random folder on my computer.
In addition, some browsers don’t load the images that are hidden using display:none property. This means that the page with the blog post will open as fast as if there were no additional invisible images.
Have you ever tried to share the same image on Pinterest and Twitter? How did it go? When you share other blogger’s posts, do you prefer a variety of images to choose from or just one straightforward image?