Chances are you have seen those long eye catchy images on Pinterest. They are longer of course and usually contain some sort of text in a block around the middle. And that’s exactly what they are, eye catchy. Long images with text get pinned much more than short images and that’s probably why you’ve been using them or want to use them. As you can see below, the long image grabs your attention, and has much real estate than the short image. I visit many blogs that use these longer images, but some don’t know how to hide the Pinterest image in the WordPress post. I’ll teach you how to hide a long Pinterest image in a WordPress blog post. The image will still be Pinnable of course but will be hidden in the blog post.
So why hide the image? Well, usually they are very long and can disrupt the natural flow of a post, so it keeps the post cleaner. The image itself is easy to make. Just start with a long psd template. Add a square image to the top, and one to the bottom. Then add a colored rectangle in the middle. Add a description of the post, two or three lines, and don’t forget to include your website url. It helps people find your site if the image gets saved elsewhere and keeps correct attribution. Save it, and upload it your WordPress blog post.
You will need the following code:
<div style=”display: none;”>
Insert the image into the post and then switch from visual mode in the post panel to text mode. Then before the image code, add <div style=”display: none;”>. After the image code, add </div>. And that’s it, don’t add any spaces or anything, just the way it is. So it will look like the following below.
I will mention that between the two apostrophes after the “alt=” is the information that will appear with your pin by default. So, make it count and write something relevant like alt=”Vegan Chickpea Curry Recipe – Creamy, delicious and full of protein & fiber”. When you hit the browser pin button, your long Pinnable image will be there, but completely hidden from the WordPress post. Try it, it’s like magic, except well, it’s programming, so close enough 😀
I did hide a long Pinterest image in this post. You can’t see it, but if you hit the Pinterest button in your browser, it will be there along with the description. So, go forth, and pin merrily my minions!
Updated: I am looking into whether or not this may have a negative impact on SEO. I don’t believe it does if you are not being spammy and hiding keywords & text, as Google usually doesn’t like it when things are hidden, but I am checking into this and will update when I know more.