The right way to hide Pinterest images in your blog posts
A lot of bloggers hide Pinterest images in their blog posts. They do it so they can use the extra images to promote their blog without distracting/annoying the reader.
And when they hide these images, they also try different descriptions for their pins.
Because you can learn a lot by looking at what pins are the most popular. Is it the one with the blue background or the red background? Is it the description that starts with a question or the one with the call-to-action?
The problem is that most bloggers are hiding their pinnable images the wrong way. And that means that Google is penalising them.
Is Google penalising you too?
[Disclaimer: Some of the links in this post may include affiliate links. This means that I get a commission if you purchase the product through my link at no extra cost to you.]
The wrong way to hide Pinterest images in WordPress
You wouldn´t want to show all your Pinterest images in a blog post, it´s just going to look wrong to have 3-5 big pins in blog post of average length. But you still want to have enough images to vary your pins and find out what works and what doesn't. So most bloggers hide these extra images in a blog post.
How bloggers usually hide Pinterest images in a blog post
In a hurry? Check out Tasty Pins to find out the easiest way to add your images to your blog posts.
Download your Social Media Strategy Cheat Sheet
6 Simple Steps to design your Social Media Strategy
Hiding images in blog posts is quite easy. I learnt how to do this from other bloggers a while ago and this is how I did it:
After finishing my blog post in WordPress, I clicked on the TEXT view. I usually did this when the cursor was at the bottom of the post.
It doesn’t matter where you do it but I like to put things like this at the bottom. So I know where to find them easily if I need to copy them or change them.
Then I typed in this bit of code
Tip: If your memory is like a sieve, you can keep bits of code like this in Evernote.
I then clicked between the two divs and clicked on the Add Media at the top of the post.
Then I chose my image, uploaded it and added the description of the pin to the Alt Text Box:
And I did this for my other images as well.
I was quite happy with doing it this way cos it was easy.
Why I stopped hiding Pinterest images this way
I started seeing people in FB groups saying that Google penalises this.
At the beginning, I didn’t think it would be that much of a problem. Because most of my blog traffic comes from social media.
SEO was not the most important thing for me and I didn't really understand it. But then I started thinking: some of my blog posts have good SEO according to YOAST. So why risk being penalised by Google?
Anyway, when I looked into it, I found out that it is not just the hidden images that are being penalised but all of them!
Why Google is penalising you
By following the above method, you are adding your Pinterest description in the ALT Text Tag.
But the ALT Text Tag is not meant for that. It’s meant to add text that will help Google recognise what the image is. And it also helps those people that use a website reader to understand what the image is. For example: You can have a roundup blog post called "The best chocolate biscuits from Myblog.com" with images for "chocolate and coconut biscuits", "Mexican chocolate biscuits", "white chocolate and pistacchio biscuits", etc.
Using a long Pinterest description has a completely different purpose: to get more people to click through, read your blog post, buy your product...
So your Pinterest description could be something like "Try baking some of the yummiest chocolate biscuits you'll find online. | Myblog.com #chocolatebiscuits #baking". This doesn't help the reader know what the image is, so Google penalises you.
How to hide Pinterest images in blog posts the right way
Doing it the hard way
Well, hard. You know what I mean. For non-techy people, like me.
It just means adding another little bit of code to your images. But you're not going to add it as you upload the image.
This time, you're going to have to do it from the WordPress editor and add the code yourself.
This also works for all the images you add to your blog posts, not just the ones you're hiding.
So, in Text view in the WordPress Editor, find the image. Then add the code to hide the images, as I showed you higher up.
The little bit of code you need to add is this:
It goes after your Alt Text, which looks like:
* Replace blahblah with the text + hashtags you want to use.
When you've done it it should look like this:
Anyway, this is how I currently hide pinnable images in my blog posts. I don't do recipes or tutorials with lots of my own photos and doing 3-5 images doesn't take me that long.
But there is a much better way to hide your images in WordPress if you are a food or craft blogger.
The easiest way to hide your pins and not be penalised by Google
The easiest and fastest way to do this is with this plugin:
This plugin is aimed at food bloggers but any niche that is very visual will benefit from this.
It is ideal for mom bloggers that focus on crafts, healthy recipes, homemade skincare, activities for children, bloggers with their own Etsy shop. In short, anybody that uses a lot of pinnable images for their tutorials and recipes.
What you can do with Tasty Pins
- With Tasty Pins, you can add the ALT Text so your images are optimised for SEO and can be understood by people using a website reader.
- And you can also add a Pinterest specific description in a different box. You can then add your user name, your website or any hashtags you want as well. So you increase visibility and increase your clickthroughs.
- Moreover, you don’t have to worry about losing some potential visitors because your images are not optimised for SEO.
- You're also optimising your posts for Pinterest as well as SEO.
- And it also makes it easy to hide images in your blog posts at the click of a button. No more changing from visual to text view and risk making mistakes when you enter your code or don’t copy something right. So it’s great for beginner bloggers.
Another advantage of using Tasty Pins
If you are doing a tutorial or have a lot of steps in your recipe, you are going to end up with a lot of images.
Most of them will be quite similar. Your reader might find them useful to understand your explanations but do they really need to pin them?
And, are all these images pin-worthy?
With Tasty Pins you can disable pinning on certain images so all these images won't be available for pinning.
It makes it easier for your reader. And can you think of the experiments you could do by disabling a couple for a month and try a different pair the next month?
What I think about Tasty Pins
It’s easy to hide your images using Tasty Pins because you have a box at the bottom of your post that is meant just for that. And you can do as many images as you like.
It’s also easy because you can see how many images you have hidden at a glance. Otherwise, you have to either look at it in the Text View or go to the blog post and use the Pinterest extension to pin it and see what images you have hiding in there.
And if you make a mistake with Tasty Pins, it’s easy to go into the image again and sort it out.
I just love Tasty Pins, unfortunately I cannot use it with this website because it doesn't work with Thrive Architect, which is what I use to write and build my blog posts. The advantages I get from building my posts this way outweigh the advantages of using Tasty Pins for me with this website.
But if you have a website with lots of recipes or tutorials and lots of pinnable (yummy) images, using Tasty Pins is going to make it so much easier for you.
So why not check it out?