Some of the links in this post are affiliate links. This means if you click on the link and purchase the item, I will receive an affiliate commission at no extra cost to you. All opinions remain my own.

Your masterpiece of a post is finished, you’ve done all the polishing, checked your links and pressed publish…

…but wait, have you made sure your post is Pinterest friendly?


What’s a Pinterest friendly post?

Pinterest is a totally visual platform and if you want to use it to drive traffic to your blog, you need to make sure all of your posts are Pinterest friendly.
You see, Pinterest uses a vertical layout, this means that images stand out better if they have a vertical format too.

Vertical format pins perform better.

Pinterest recommend using images that are 735px by 1102px. This is a bit longer and thinner than your standard image.
This is how I go about making my pin images ready:

Step 1 – Create a template:

I use Adobe Photoshop CC for all my image editing. This is because I’ve been interested in photography for years and Photoshop is the “gold standard” in photo editing software. I’m very familiar with it and I love the total flexibility it allows. You don’t have to use Photoshop to create your Pinterest images though. I will leave some links to free alternatives if you don’t already have Photoshop and you don’t want to buy it.

Open your image editing software and click on create new file.

You will see something similar to this:

Make sure you have your units set to pixels (1), set the width to 735 and the height to 1102 (2), then click on the create button (3).

You’ll see a screen with your new canvas that’s the perfect dimensions for a Pinterest friendly image.

Step 2 – Find the perfect image:

Head on over to pixabay.com to get a relevant, free, high-quality image that you can use for whatever you like (even commercial purposes).
For this blog post, I entered “laptop lifestyle” into the search box and decided to download this picture:

For great results choose a relevant image with an attractive, smiling person in it.

Step 3 – Edit your image:

Open your image in your editor and select the whole image. To do this click on the select tab from the menu and choose select all.

Now the image should be surrounded by “marching ants” or flashing white dashes. Open the edit tab from the top menu and click on copy.

The white dashes show the area that’s been selected.

Go to your blank canvas and press paste from the edit menu.

The image will be pasted onto your blank canvas but it will be too big. Don’t panic, open the edit menu and select Free Transform.

Click and drag the corner grab handles to resize the image until it fits perfectly.

Once you’re happy with the size and position of your image then press the confirm transformation tick at the top of the screen.

The next task is to change the white background colour into something more appealing. Make sure you have the background layer selected. The layers panel is on the right hand side.

Now you need to decide what colour to make the background. I always use the eyedropper tool and select a colour from the main image, I like to use a light colour background with darker text but this is just personal preference.

I went for a pale orange colour from the sunset. Clicking the eyedropper tool anywhere on the image will change the foreground colour making it the same as the colour you clicked on.

Next, you need to open the edit menu and click on fill.

You’ll get a colour option box open up. Make sure the foreground colour is showing in th contents dropdown menu.

Press “OK” and your background colour will be transformed. If you’re not happy with the shade, just play around selecting different colours until you’re satisfied. For the purposes of this tutorial I used the one in the screenshot below.

Adding the text will make this look much better!

I also use the eyedropper tool to pick my text colour. I chose a dark, greyish-blue from the sky.

Now it’s time to add your text. Select the text tool from the toolbox bar on the left. It’s the button with a big “T” on it.

Make sure you’ve selected horizontal type.

Choose any front you like, for Pinterest pins I usually opt for “Bell MT”, sometimes in italics. Again, this is down to personal taste.

Put your cursor on the background, at the top, and start typing your headline. All the usual rules for creating great headlines apply. Keep it short and attention-grabbing. If your blog headline is well thought out then just use that. The pin headline should convey what the post is about, if it doesn’t you’ll probably alienate potential fans of your blog.
When you’ve finished with the top part press the confirmation tick.

Finish your pin image text by placing your cursor underneath the main image and start typing. Remember to click the confirmation tick once you’re done.

Saving Your Masterpiece:

We’ve almost done but first, we need to flatten the image so we can convert it into the JPEG format. Open the layers tab and scroll down to “flatten image and then we’re done.

Save your file as a JPEG and name your file something appropriate, think of keywords for the search engines, try to use a shortened version of your blog post title.

Quality images are important on Pinterest, so I always save my images at the highest quality possible.

Use the settings shown in the image above.

Your image is finally finished. Once you’ve done this a few times it becomes a very quick and simple process, you already have a template to use.
If you have a WordPress blog then you may want to use the original Pixabay image as your featured image.
You also need to have your Pinterest pin image on your blog. This is so that when pinners use the Pin It button, they can choose your Pinterest friendly image.

But, what if you don’t want the image to be visible in your post?

Pinterest pins don’t normally look right on your blog. They are the wrong dimensions for the featured image and/or header image. If you use it in the body of the post you will need to make it too small to be optimized on Pinterest.

So, what’s the solution?
Simple, hide your Pinterest Pin image at the bottom of your page by making it invisible.

Step 4 – Hide your Pinterest Pin image:

To do this you just need to add a short piece of code to your post.
First, upload your Pin image to your WordPress media library. Then copy the WordPress image URL. It should look something like this:

Here’s where you can find the image URL in your media library:

Copy this piece of code:


<div style="display:none;">
<figure class="wp-block-image"><img src="" alt="" class="wp-image-503"></figure></div>

Paste the code at the bottom of your blog post.
Then paste your image URL after the img src= but between the quotation marks. This will place your image in the post but it will be invisible and won’t mess up your formatting.

When someone wants to use the Pin It button, to save your post to one of their boards, they will be able to see your Pinterest Pin image as one of the options.

Free Alternative To Photoshop:

Now you’ve finished – you’ve made your blog post Pinterest friendly.
If you don’t want to use Photoshop to make your pins you can use any free editing software.
Lots of blogging Pinterest users like canva.com to create their pins. I highly recommend this free service. You can log in with FaceBook, search for “Pinterest graphic”, select a template and then edit it to suit your needs.

Thanks for taking the time to read this post.
If you enjoyed it and found it useful, please hit the share buttons below. Also, leave a comment offering your opinions, add a tip of your own or feel free to ask any questions.

Come back soon!

Martin

Pinterest Friendly Post Images

    1 Response to "How To Create Pinterest Friendly Blog Posts…"

Leave a Reply

Your email address will not be published.