How to: Pinterest friendly blog images

July 6, 2012 - 02:25

How to: Pinterest friendly blog images by tasselflower

If you want the photos and other images on your blog to be pinned, there's a way to make it easier to write the descriptions and credit you and/or your blog the way you prefer. Like how that sounds?

It's a little way to optimize your blog (and it's images) so that Pinterest will suggest the description you want. This is how you can make Pinterest autofill the description field with the text you've chosen when someone pins an image from your blog. Of course they will be able to change the description, but at least they are given an option to do the right thing.

(Continue reading after the jump to find out how to do this.)

What I'm talking about is alt and title texts. Pinterest uses these to autofill the description field when an image is being pinned.

As a matter of fact alt text is required for a web image. It is what's shown in the place of it when the image isn't for some reason loaded. Alt as alternative. If available and if there's no title text, Pinterest uses the alt text to populate the description field when an image is pinned.

Title text is what is shown when you hover the cursor (eg. move the mouse on) on image. If title text is available Pinterest uses it to populate the description field when the image is pinned.

Pinterest uses title text before alt text. Basically if you want your image to have an alt text (as it's supposed to), but want Pinterest to use another text for populating the description field, use title for it.

The alt and title texts can be added to your blog images in different ways depending on how you add the images on your blog. If you add them "manually" by using the img tag (such as <img src="example.jpg" />) adding alt and title texts is truly easy. Just insert alt="Your short description" and possibly title="Your short image title" inside the img tag.

Example 1: This would result the description field to be filled with Your short description:
&lt;img src="example.jpg" alt="Your short description" /&gt;

Example 2: This would result the description field to be filled with Your short image title:
&lt;img src="example.jpg" alt="Your short description" title="Your short image title" /&gt;

Subscribe

Get exclusive branding and web tips, stories and notes straight in your inbox once a week:




Powered by Mad Mimi.

4 replies for "How to: Pinterest friendly blog images

Niko's picture

Thanks for the tip! It's hard to come up with good titles, though.

Pinning YouTube embeds causes the function to grab the title from source. I wonder if there's any chance to customize that behaviour too...

Mervi's picture
Mervi on said

Happy to help Niko! And boy I know that. Of course the blog entry title can be used as the alt/title text, if there's only one image on the entry. Or for the main image of the entry maybe.

My tip is to be descriptive and short at the same time.

Actually that grabbing the description from source seems to work on any site. If you first select the text and then "Pin It" on the same page, the description field is populated.

My alt/title solution is force the description if one doesn't select text. Also if there's an empty alt on an image, then the image's file name is used. And that's pretty awful.

Going Google+ and the Weekly Wrapup | tasselflower's picture
[...] How to: Pinterest friendly blog images - "This is how you can make Pinterest autofill the description field with the text you've chosen when someone pins an image from your blog." [...]
A thousand words is worth more than a picture | the tasselfl's picture
[...] texts. Alt text is an alternative text that is shown when a photo is for some reason not loaded. Using descriptive alt text also make it easier for pinners to pin the photo with the right [...]

Comment

Thank you for your reply! Please let me know if you have problems with the antispam system.
Kiitos vastauksestasi! Kerrothan minulle, jos roskaviestien eston kanssa tulee ongelmia.