in

How to Get Readers to Pin A Specific Image from Your Blog

How to Get Readers to Pin a Specific Image from Your Blog Post

How to Get Readers to Pin a Specific Image from Your Blog Post

Have you ever wanted to have one featured image for your blog post, but you wanted people to pin a specific image (maybe a very long one)?

For example, here’s the image I have on top of my blog post 4 Pinterest Tips to Make Your Pins More Searchable.

Featured Blog Image

But when people use the official Pin it button with their browser, or a generic Pin it button at the top of my blog post, the following image options will show up.

Pinnable Featured Image

You will notice at the top left hand corner is an image that you won’t find on my blog post. Instead it’s hidden in the “back” and only comes up when people use the Pin it button.

This allows you to create an image for your blog and have a specific pinnable image to be used for Pinterest that people will notice first. (Isn’t that great!)

This is incredibly useful for blogs that find great success with long pins but prefer not to have these images in their blog post.

A great blog that’s making wonderful use of this tactic is DamnDelicious.net. You will see that many of their pins have reached the 1 million repin club.

She will have generic photos of all the food she’s cooking up, but when you push on the Pin it button on the top of her blog post, a long, beautiful and pinnable image is shown on the top left.

I truly believe this is why she’s been so successful at getting multiple pins repinned over 1 million times.

The one thing to be aware about is that if you have a Pin it button that hovers over a specific image, then that specific image will still be chosen as the pin.


Encourage Readers to Pin A Specific Image from Your Blog

Here’s how you can do that with each blog post, regardless of whether you use WordPress or not.

<img src=”http://cdn.mysite.com/myimage.jpg”

data-pin-url=”http://mysite.com/mypage.html”

data-pin-media=”http://cdn.mysite.com/myimage_fullsize.jpg”/>

You can get more details about how this code works on Pinterest’s official business blog.

Let’s break it down line by line:

<img src=”http://cdn.mysite.com/myimage.jpg” (This is the image that you want to use on your blog post.)

data-pin-url=”http://mysite.com/mypage.html” (This is the url you would like the pin to redirect to. So if you don’t know your blog’s url yet, you can leave this blank and put it in after you have your final url.)

data-pin-media=”http://cdn.mysite.com/myimage_fullsize.jpg”/>(This is the preferable image that you would like people to see first at the top left hand corner.)


How to Find the URL of the Pinnable Image

In order to use a specific pinnable image you must upload that image first to your site or blog. If you are using WordPress, you will need to upload it to your media library.

With WordPress, once you upload the image, all you need to do is click on your media library, and click on the image that you want to use as your pinnable image. Now look at the right hand side. It will contain the url of your specific image.

This is the url you want to use for your pinnable image in the third part of the code.

Replacing a Blog Image with a Pinnable


Adding A Custom Description for Your Pinnable Image

You can also prepopulate the Pin’s description as well. The last line in the following code in between the “…” allows you to put in any description that you want. If you don’t, usually Pinterest will take the alt tags of the image as the Pin’s description.

<img src=”http://cdn.mysite.com/myimage.jpg”

data-pin-url=”http://mysite.com/mypage.html”

data-pin-media=”http://cdn.mysite.com/myimage_fullsize.jpg”

data-pin-description=”Baked Mozzarrella Cheese Sticks”/>


Here’s A Peek At My Pinterest Coding for my Blog Post

<img class=”aligncenter wp-image-2495 size-full” src=”https://www.toptensocialmedia.com/wp-content/uploads/2013/03/4-Tips-to-Make-your-Pins-more-Searchable-e1419366463442.jpg” alt=”Pinterest Marketing Tip: Can’t find your pins on Pinterest? Here’s 4 tips to help your pins be more searchable within Pinterest. ” width=”350″ height=”466″

data-pin-url=”https://www.toptensocialmedia.com/4-pinterest-tips-to-make-your-pins-more-searchable-on-pinterest/”

data-pin-media=”https://www.toptensocialmedia.com/wp-content/uploads/2013/03/How-to-Get-Your-Pins-Found-On-Pinterest.jpg” /></a>

WordPress generated the first part of the code when I aligned the image, and filled in the alt description. The highlighted in red part was then had to manually add the rest to create the pinnable image of choice.

And that’s how you encourage readers to pin a specific image from your blog post. Now go and create those amazing long pinnable images!

I’m not really a coding person, but I’ll do my best to answer any questions you might have. Please feel free to leave them in the comments.

If you’re looking for more tips on how on improving your Pinterest marketing, then make sure you sign up for my newsletter.

Avatar photo

Written by Vincent NG

I’m a social media marketer, particularly for Pinterest, It all started back in 2010 when Pinterest was in beta. It was the fastest independent website to get 10 million unique visitors in the U.S. This really struck a chord with me, and it was then that I knew that Pinterest was going to be a powerhouse in the world of digital and social media marketing.