If you read my post on growing your Pinterest traffic, you might have also started making graphics for your pins. If not, you should! Remember, Pinterest is a search engine and having graphics with text on them makes people far more likely to click.
From my personal experience, almost 100% of the time, my pins with the most clicks and saves are the ones with graphics. Crazy, right?! It goes to show that it truly works.
I typically create 5 pin images for each post, which is a lot! But, people respond to different images or text orientation, and it’s nice to have some variety. Plus, Pinterest prioritizes new content, so the more graphics you have, the better. When I say new content here, I don’t necessarily mean new blog posts, I simply mean new pins! That is “new content” on Pinterest.
If you look through any of my posts, you won’t see all 5 of these graphics though! Personally, I don’t like how they look in my posts on my lifestyle blog, and I definitely don’t want the bottom half of my post jam-packed with 5 images that basically say the same thing.
So, I hide them!
When you hit the Pin It button, or Tailwind button and it pulls up all the images, you will see them, but they’re not visible if you’re just reading the post. It keeps your post looking clean and nice, while including your awesome graphics. Here’s how to do it:
How to Hide Pin Images on your Blog
1. Add the Image to your Post
Once you have your pin image complete, go ahead and add it to your post like you would add any other image. Make sure to include a Pinterest description in your Alt Text. That way, when you or anyone else tries to pin them in the future, they already contain and keyword-rich description that will boost SEO & traffic.
I typically add all my pin images at the very bottom of the post, but you can add them wherever, it honestly does not matter.
2. Edit as HTML
If you’re using WordPress’ new editor, you’ll be using the ‘Blocks’ feature. If not, make sure you’re editing in ‘HTML’ and not visually.
In your image block, hit the button with the 3 dots, and click on the option to ‘Edit as HTML’
Once you click this, you’ll see the HTML code.
3. Add Simple HTML Code
Next is adding the actual HTML code that will hide your graphics. It’s very simple:
Put your cursor at the very beginning and add this code:
And, at the very end of the code, add the closing tag. If you do not add the closing tag it will not work and may cause issues with your theme as well.
4. Convert to HTML
In the old editor, you can just go back to editing visually. In the new editor, it may tell you there’s something to resolve. Ignore that and just hit the Convert to HTML button. This will keep that block in HTML and preserve any changes you made.
With the most recent WordPress update, I find that I sometimes have to click this button twice. This is what it should look like once you’re done:
Follow these steps for all pin images you want to add to your post. Make sure to preview your post before scheduling or posting to make sure it’s working properly.
I hope this helps make it easy to hide your pin images in your blog post!