You already know you should have at least one picture for every blogpost for both attention and SEO.
Before Pinterest became popular horizontal images or square ones were the norm, not just for blogs but for social media channels as well.
The problem
Most blog themes are styled for horizontal images, and those are not ideal if you want attention in the Pinterest-feed. Even if your theme allows for vertical images you may not want to use them, as they take up a lot of space before the reader even gets to the actual article.
The solution
How can you solve this? One way, of course, is to use vertical images for your blog posts, but then be aware of how they look when shared on other social channels but Pinterest.
Another solution is to add a vertical picture in or at the bottom of a blog post, which I have seen many do. In some cases that may look too cluttered, or you have other information you would like to display at the bottom of the post.
In those scenarios, you can add a pinnable picture to the post which is not visible to the reader.
Hiding a pinnable photo in your blog post
The way to do this is to add the picture you would like to use somewhere in the post, then add a piece of code surrounding it. You will have to switch to the text/HTML edit mode and look for the picture.
The code to show a picture will look something like <img src=”yourpicturenamehere.jpg”>.
The code you will be adding consists of two parts, one part that starts the code, and one part that ends it. You will, therefore, put your image between the start and end-code to hide it.
Start code:
<div style = “display:none;“>
End code:
</div>
This will look something like this:
This blog post has a hidden image in it: https://mona-lisa.com/supercharge-trello-with-these-free-extensions-and-get-things-done-faster/
When you look at the post you cannot see it, but if you try to pin the post the image will show up like this:
It is quite easy to do, so don’t let that little code snippet intimidate you. 🙂
