written by Peggy Richardson | February 22nd, 2013
At the end of the last post, I left you with this:
In the next in this series about Pinterest blog posts, I’ll show you how to insert the photo into your post, and what information to put in which fields. In part three, we’ll talk about tricky variables like inserting an affiliate link and manipulating size on the image to make larger images available to Pinners.
So, let’s go ahead and walk through the actual adding of that Pinnable image to our Pinterest blog post, using all the features of WordPress to make our lives easier.
3. Adding the Photos to Our Pinterest Blog Post
Once you’ve chosen the photo, it might be best to use a version of it that’s at least 600 pixels wide. This is approximately the size that your image will display, at maximum, inside Pinterest, no matter if your image is larger than 600 pixels. If it’s smaller than 600 pixels wide, it will display at it’s real smaller size. However, you may not want to let the entire original 600 pixels display in your blog post. (If you’re saying, “Huh?”, let me show you what I mean.)
I’m going to insert a photo that is 602px wide by 803px tall, taken with my phone at the local shark aquarium. (This is my favourite fish – I visit him every time we go there. I call him “Mr. Blue”.)
But you’ll notice, this photo doesn’t display at 600px wide right here in this sample post. That’s because this is how I’ve inserted this image, using WordPress:
Notice what I’ve placed under the blue arrow, in that “Title” field, which is really important. You can’t see all of it, because it runs off the right side, but it reads as follows: “Mr. Blue”, at the Shark Tank at the Mandalay Bay in Las Vegas, photo taken by Peggy Richardson of WizardofeBooks.com. I’ve also duplicated this information where you see the orange arrow, in the “Alternate Text” field. You’ll notice that this string includes my name, my domain name, and other searchable information. This means that as long as the Pinner doesn’t modify that string of text as they pin, it will be GREAT for my SEO – that text is all going to help guide traffic back to me, from Pinterest’s high-traffic site.
I’ve included the same text in both fields because depending on how someone pins, either field can be used to fill in the description on Pinterest. It’s complicated, but it has to do with what browser they use, if they use a button from your site or their browser, if they’re on a mobile device, and so on. By filling in both fields, I’ve got all opportunities covered.
You’ll also notice that I’ve restricted the display size of the image, next to the green arrow. This is where I tell it to display the image at smaller than the native 602 pixels wide – because that would be too big and just take over the page. But when someone clicks to Pin it, it will offer them the full-size image to pin. Larger images are more likely to get re-pinned and favourited.
I’ve not put anything in the caption or description fields, because I don’t want a caption displaying in this case. I could put something in the description field, but based on my experiments, it would not be what shows up in Pinterest. I’ve also made the image clickable, meaning that it links to itself – in the field called “Link URL”, so that if someone clicks on the image, it will open a full-size image of it and be clickable. We’ll talk more about that in post #3.
So here’s what it will look like when someone goes to pin that image:
I’ve chosen to pin to a board I already have up there (“Writerly Inspiration“), and the description automatically appears, based on what we added in the Title and Alternate Text fields, above.
Next time, we’ll talk about how to manipulate the links on a Pinned image, including affiliate links, and super-mega-enlarged images.