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" />

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"

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

Comment

Commenting is temporarily disabled for website updates. Thank you for your patience!

<--! 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. -->

Your name or pseudonym.
Will not be published, sold or given to third parties. Fake email may result in reporting and deleting the comment.
Please include http:// (eg. http://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.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.
  • Email addresses will be obfuscated in the page source to reduce the chances of being harvested by spammers.

More information about formatting options

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 Follow @tasselflower
Twitter Follow @helmikuunet
Facebook Like on Facebook
Google+ Circle my Google+ Profile
Google+ Circle my Google+ Page
Pinterest Follow on Pinterest
Instagram Follow on Instagram
Flickr Follow on Flickr
RSS Subscribe to RSS

Subscribe

Get exclusive branding and web tips, stories and notes once a week:




Powered by Mad Mimi.

Made In Helmikuu - Web visibility with a homespun twist

Yearly archives