Want to make your blog posts Pinterest friendly?
But don’t want to change the layout of your blog posts or add huge Vertical Pin images in your blog post.
You can easily add images that are ideal for vertical pinning but hide them from your blog post view.
How to add hidden Pinterest Image using Code
Create the Pinterest Image
- You can use Canva (free online graphic creating platform), Picmonkey, Photoshop or any graphic creation platforms
- Ideal size varies on who you ask. Canva has the Pinterest Pin Image size as 735px x 1102px. Pinterest advises maximum aspect ratio 1:2:8, aspects 2:3 to 1:2:8 and a minimum width of 600px.
Upload the image to your media library in WordPress or direct at the top of your blog post.
- Make sure you change the Title of the photo
- Add the ALT Text when uploading the image.
- Ensure when addling to the blog post you ensure the image size is selected as Full Size.
Once uploaded into your blog select your text editor tab.
Copy and paste the embedded image code and insert into the area in the code below where it says “image code”
<div style=”display: none:”>image code</div>
Image code after inserting Pinterest image (this will be deleted once you have copy and pasted into above code.
Copy and paste above code and place it in the code as per below example, the image code should replace the text image code.
You can now preview your blog post to ensure that the image is in fact hidden