I’ve been blogging and freelance writing for about 12 years now, but it wasn’t until last year that I learned the trick that changed my posts forever. I learned how to hide one of those gigantic Pinterest images in the post, so that it’s still available for pinning, but doesn’t look out of place on my blog. Now, I know there’s a bit of debate over whether or not images should be hidden, so the best advice I can give you is to just do you. If you want to hide them, hide them. If you don’t want to hide them, don’t. Want to mix it up and only hide them on some posts like I do? Go for it.
Why Might You Want to Hide Images?
I started hiding my Pinterest images, because, as a reader, I am not a fan of having to scroll for 10 seconds before getting to the meat of the post. I understand that a lot of people prefer to have that big image right there at the top, but I’m not one of them. If I do decide not to hide that Pinterest image, I stick it at the end of my post like here. It’s also a great way to add additional images to your posts to provide multiple pin opportunities.
How do people find the image if it’s hidden?
Ah, great question! When you use the little Pinterest button to the right of your browser’s search bar, up pop all of the images associated with the post – including the hidden ones! Give it a try right now; I’ve hidden a few more images in this post than you can see on your screen. You can easily pin or save those other images just like you would the ones that are visible. More options means more pins and more pins usually means more traffic.
Why Wouldn’t You Want to Hide Images?
If people are simply pinning images from your post and not using their browser Pinterest button, they’re not going to see all of your lovely pictures. When you look at your analytics, if you notice that the majority of your traffic is coming from mobile, you might not want to hide all of your images either. It’s a lot easier to use the hover button than hunt down hidden images. Some people also just prefer to have those super big pictures in all of their posts.
Okay, Okay, So What’s the Code and How Do I Do It?!?
Without further ado, here’s the magical code that will change your blogging life forever:
<div style=”display: none;”><img code></div>
I know, it’s a bit anti-climactic isn’t it? It really is that simple. Let me break it down for you with what it looks like for an actual image in WordPress.
- Step 1: Upload your desired Pinterest-sized image.
- Step 2: Insert it like you normally would anywhere in your blog post. (I like to stick mine at the end of the text so that I don’t mess up any formatting).
- Step 3: Flip to the “Text” editor tab.
- Step 4: Scroll down to find the Pinterest-sized image that you inserted. The code will look something like:
- <img class=”alignnone size-large wp-image-5265″ src=”http://yourblogname.com/wp-content/uploads/2017/01/super-cute-penguin-picture.jpeg” alt=”Cute Penguin Picture” width=”940″ height=”678″ />
- Step 5: Before that code starts, put: <div style=”display: none;”>
- So, it now looks like this:
- So, it now looks like this:
- Step 6: At the end of the code, put: </div>
- And now:
- And now:
- Step 7: Check that your alt tag is optimized for Pinterest. It should be a description of what the image is about/your blog title/etc.
- <div style=”display: none;”><img class=”alignnone size-large wp-image-5265″ src=”http://yourblogname.com/wp-content/uploads/2017/01/super-cute-penguin-picture.jpeg” alt=”Cute Penguin Picture“ width=”940″ height=”678″ /></div>
- Step 8: Flip back to the Visual editor and take a look. It should be hidden!
- Step 9: Click on the Pinterest button in your browser tool bar to check that it’s there.
That’s it! Not too bad is it? I honestly thought it was a huge piece of coding or a widget I was going to have to install, but no, it’s just that tiny bit of code. So, hide multiple images for your pinning pleasure, my friends!
Are you keeping track of your social media numbers? You should be! Find out why here.