From the BlogSubscribe Now

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. A step by step guide by Vincent Ng of MCNGMarketing.com

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.

How to create a specific pinnable image for Pinterest for your blog.

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.

How to Choose A Specific Pinnable Image for Your Blog by @mcngmarketing.

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 (maybe one that’s horizontal) with a specific pinnable image 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 shows up on the top left.

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

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 Image

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 Mozzarella Cheese Sticks”/>

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

<img class=”aligncenter wp-image-2495 size-full” src=”http://www.mcngmarketing.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=”http://www.mcngmarketing.com/4-pinterest-tips-to-make-your-pins-more-searchable-on-pinterest/”

data-pin-media=”http://www.mcngmarketing.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 part highlighted in red was then manually added to 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.

Opt In Image
GET MORE REPINS
Download How to Search Optimize Your Pins and Boards for Pinterest and Search Engines

Grab your free Pinterest e-book when you subscribe to our newsletter list.
Discover 8 techniques to help search optimize your pins for Pinterest.
Also find out why, the two most recent pins on a board are vital to Google.
Discover why some pins are able to stay on top of Pinterest search results.

Download your free book now.

The following two tabs change content below.
Vincent Ng is the founder of MCNG Marketing, and the author of Pinterest to Profits with Pintalysis and the host of the Pinterest podcast, Pictures to Profits. You can grab your free e-book on How to Search Optimize Your Pins for Pinterest and Search Engines."
  • http://www.hughculver.com/ Hugh Culver

    Thanks Vincent. I just listened to your interview on SME (again) and I’m glad I’ve found your site!

    • http://www.mcngmarketing.com/ Vincent Ng – MCNG Marketing

      Hi Hugh, thank you so much for the kind words and listening to my podcast again!

  • http://www.germanpearls.com Amy McGarity

    Thanks so much for this post! I was looking for a way to do this, I’m still working on my post but it seems to be working so far – perfect! I want the nice large image pinned but don’t want it included in my post since it’s so large. Nice! :)

    • http://www.mcngmarketing.com/ Vincent Ng – MCNG Marketing

      You’re welcome Amy. I kept pulling on my hair trying to find a solution that would work on any site. So glad you enjoyed the post.

  • Rachel Ramey

    Last I checked, the data-pin… codes weren’t working anymore. Have you been using them recently?

  • Robin Pierman

    Thanks for your post, Vincent. I knew this could be done and I read the instructions on Pinterest, but I haven’t taken the time to incorporate them into my blog. The example code you provided will allow me to simple cut, paste, and customize. This is especially important for my blog since I write about Prezi. The Prezi images are generated in Flash, so Pinterest doesn’t recognize them as images.

    I always find great stuff on your blog!

    Robin
    TeachMePrezi.com

    • http://www.mcngmarketing.com/ Vincent Ng – MCNG Marketing

      You’re welcome! Robin, I’m so glad that you found this helpful, especially for your type of blog. Happy pinning.

  • http://dustn.tv/ Dustin W. Stout

    Hey Vincent! Great tip– I fully agree that giving visitors the exact image you want them to pin is the best way to get repins and click-through traffic! I’ve tested it extensively on my blog.

    But it’s actually MUCH easier than this! I co-created a plugin (Social Warfare) that allows you to upload a specific Pinterest image from the WordPress post editor. That way when someone hits the Pin button (provided also by the plugin) the ONLY option they get is the image you’ve uploaded. On top of that, you can pre-populate the description ahead of time so that it’s optimized exactly the way you want.

    As helpful as I know this is for people, I recognize it is a bit self promotional so I won’t put the link to the plugin in here unless you give me the go-ahead Vincent! And feel free to delete this comment if you don’t think it’s helpful to those reading this post who don’t want to learn HTML to do this manually.

    All the best my friend!

    • http://www.mcngmarketing.com/ Vincent Ng – MCNG Marketing

      Hey Dustin, how’s it going! You’re more than welcome to post the link to your plugin, I know quite a few people that do use it. I actually mentioned your plugin in my presentation for the Social Media Marketing Society that took place last week.

      • http://dustn.tv/ Dustin W. Stout

        Oh, awesome. Well for anyone else who wants to take a peak, it’s http://warfareplugins.com. :D

        Thanks for the shoutout! We have many great plans for the plugin, but even in it’s early stages I saw a 300% increase in Pinterest traffic the first month I started testing it on my own blog.

  • Brooke Kimbrough

    How do I do this with weebly?

  • Tanya Qc

    ugh, wish id read these BEFORE trying this. 2017 – nope. doesnt work