You already know that the best pins on Pinterest are vertical “long pins” to make your images stand out and drive traffic.
That much is clear.
But how do you include Pinterest pinnable images in a blog post without taking up space in your blog post?
And how do you get those images to appear on Pinterest optimized with awesome descriptive text for every shared pin?
Well, that’s exactly what I’m going to share with you in today’s blog post.
These are the simple steps to create vertical Pinterest images that don’t appear in your blog post but appear when pinned.
Step 1: Create Your Pinterest Image
Create an eye-catching Pin image for your blog post. It should be vertical orientation. The recommended size is 735 px x 1102 px.
If you don’t have many personal images, you can always download fabulous royalty free stock photos for free from many web sites.
Always brand your images with your blog URL or your name so it’s easily recognizable and add text so your target audience knows what the pin is about.
I use two online graphic editors that have beautiful templates for Pinterest and other social media sites. It’s very helpful since I am not too creative!
- PicMonkey – Create beautiful images with PicMonkey’s powerful photo editing and graphic design software.
- Canva – Use Canva’s drag-and-drop feature and professional layouts to design consistently stunning graphics.
Step 2: Upload Pinterest Image to your Blog Post
Upload your amazing Pinterest picture to the end of your blog post.
Go to edit your WordPress blog post. I like to insert the hidden Pinterest images at bottom to make them easy to find. But you can insert the pinnable image anywhere in your post.
Upload the image using the Add Media button. Don’t insert the Pinnable image yet. We will optimize the Pinterest image first.
Step 3: Optimize Pinterest Image with Title and Alt Text
Before you insert the image, fill in the Title and Alt Text fields on the Attachment Details panel.
Copy and paste your blog post title to the Title field.
For the Alt Text, write a good, optimized description about your blog post.
Set the Attachment Display Settings Size feature to Full Size and insert the Pinterest image.
Step 4: Insert the Hidden Image Code
In your WordPress blog post, switch to the Text tab. You’ll see a bunch of code called HTML. You’ll be inserting the hidden code for the Pinterest image.
Don’t worry! This is so simple you’ll wish you did it sooner!
Scroll to the bottom where you inserted your Pinterest image. You will see code that looks something like this:
Now, you will add two small pieces of code around your pinnable image code to hide it. You can copy the code below.
Add to the beginning of your pinnable image code:
<div style="display: none;">
Add to the end of your Pinterest image code:
It should now look something like this:
Step 5: Update Your Blog Post and Test your Hidden Pinterest Image
When you finish adding the hidden code to your Pin image, switch back to the Visual tab in WordPress.
Update your blog post to save it.
View the blog post to make sure the Pinterest image is not showing. Pin the post and choose your new hidden Pinnable image to post on Pinterest!
Notice how when I pin my blog post, the Pinterest image description is already filled in!
I hope you enjoyed learning how to create hidden pin images for your WordPress blog posts. I prefer to hide them because the large vertical images are not a good fit for my posts.
You can also create multiple images and hide them so the Pinterest community has more pinnables to choose from.