How to: Pinterest friendly blog images

July 6, 2012 - 01:25 | 4 replies

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:
<img src="example.jpg" alt="Your short description" />

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

Become my pen pal!

Get exclusive stories and notes straight in your inbox once a week:




4 replies for "How to: Pinterest friendly blog images"

Comment »

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 July 6, 2012 - 23:43 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.

Pingback from Going Google+ and the Weekly Wrapup | tasselflower on July 9, 2012 - 14:49
Pingback from A thousand words is worth more than a picture | the tasselfl on March 21, 2014 - 17:28

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.

Will not be published, sold or given to third parties.
Please include http:// (eg. http://mervi.helmikuu.net)
I reserve the right to restrict comments which do not contribute to the conversation, which contain profanity or personal attacks, or seek to promote unrelated business or scams.
By submitting this form, you accept the Mollom privacy policy.
To prevent automated spam submissions leave this field empty.
Mervi Emilia

Hello, I'm Mervi Emilia!

Online since 1997. I'm the Web Goddess, a geek, cat person, dreamer, awesome, always right, awkward, quite boring and easily offended. This is my blog about web design, social media, life, marketing and business. Have some tea!

Twitter Twitter/@tasselflower
Twitter Twitter/@helmikuunet
Facebook Facebook Page
Google+ Google+ Page
Pinterest Pinterest
Instagram Instagram
RSS RSS

Become my pen pal!

Get exclusive stories and notes once a week:




Made In Helmikuu - Web visibility with a homespun twist

Yearly archives

Search and find