How to upload your Pin images to your website and Pinterest
Instead of uploading your pictures directly to Pinterest, it’s better to host them on your website so your visitors can also save them directly from your website.
If you’ve got a blog, you should incorporate pinnable images on every blog post. You can do this by adding them to the bottom of your posts or pages in the same way that you upload other pictures.
Instead of entering your 100-200 character description into Pinterest, it’s better to add your description to the meta data of your image on your website so that it will show up if your visitors save it too. To do this, write your description in the “alt image” field when you upload your pictures.
Obviously you won’t always want all of your Pinterest images to be visible in your blog post, especially if you plan to create two or three for every post. Instead, you can create hidden Pinterest images on your blog posts with a little CSS code.
Let’s test this out… scroll to the bottom of this page and use the social share icons to save this post to Pinterest. You’ll see that Pinterest gives you 2-3 different tall images that you can Pin, and yet they’re actually hidden in this post. I’ve done this by adding a small bit of CSS code to my pages.
Here’s how to create hidden Pinterest images in WordPress:
- Upload your Pinterest images to your post. I usually add mine to the bottom.
- Add your description in the “alt image” field – this is the description that will be used when people Pin your image to Pinterest.
- Switch over to the text/HTML view.
- Add this code BEFORE your first hidden image:<div style=”display:none”>
- Add this code AFTER your last hidden image:</div>
Your final code should look something like this:
If you’re not using WordPress, you can still use the same code above but the process may be a little different.