How To Add Extra Flare To Your Images With Title Tag

By
Services for Real Estate Pros with Go Beyond MLS - weblog.

Just the other day I have written a post about importance of implementing ALT tag on your images. Today I would like to show you have you add extra flare to your images with title tags. While the ALT tag can help you greatly in your SEO efforts, the title tag adds some extra elegance to your images, and some times can even help to reinforce message that a particular image is meant to convey.

So what does title tag do? If implemented, the title tag ads an extra text which "pops up" when a visitor hovers with their mouse over the image. Here is an example. The image below has this title tag implemented and if you hover with your mouse over the image a small pop up will appear with the text "Beautiful African Violet":

African Violet

Here on ActiveRain when uploading the image and filling out the information about your image the image description becomes ALT tag in the HTML code, while the title becomes TITLE tag in the HTML code.

How can you use this info? Well today we use hundreds of images on our websites. Pictures of homes, graphics for our websites, subscription buttons.

Let say you have a subscription button somewhere on your blog. If you decide to reinforce the "message" you subscription button is sending, try to assign following value to the tile tag of your subscription button: "Subscribe Now!"

Knowing this trick you of course limited only by your imagination in what you can do with the title tag of your images.

It is also important to note that title tag attribute is not exclusive to images. You can use this attribute just about on any part of your website. I like to use it often on links, and of course most of my links have a "Click here" reinforcemnet.

Comments (13)

Jane Page Thompson
Aiken Properties - Aiken, SC

Great points, thanks!

Aug 31, 2008 01:07 PM
Chris Brown- Florida Home Loan Specialist | Certified Mortgage Planner
Chris Brown | Certified Mortgage Planners - Orlando, FL
Chris Brown 407.367.2974

where does this go exactly... iam new to this optimization thing as a whole.

 

chris  the implementer

 

Chris

Sep 02, 2008 02:26 PM
Roy A. Peterson
Domicile Analysis of Texas - El Paso, TX
P.R.E.I.

Hi Vlad, thank you for sharing this information with us. I could not figure out how some people were implementing this technique on their photos.

                                                                 ~Newbie

                                                                               Inspecting the Southwest

Sep 02, 2008 02:48 PM
Vlad Zablotskyy
Go Beyond MLS - weblog. - Jackson, NJ

Chris,

 

The TITLE attribute goes <img src ............ anywhere here /> . Does it make sense? It actually can be used just about on any part of an HTML document.

Sep 02, 2008 03:17 PM
Shane OnullGorman
Eau Claire Realty, Inc. - Eau Claire, WI
Eau Claire Wisconsin, Real Estate Agent & Realtor- Buy or Sell

I like how you are refreshing some great ideas on here. It is all good info. Thanks for letting us know!

Sep 02, 2008 04:01 PM
Robert Vegas Bob Swetz
Las Vegas, NV

Vlad -Thank you for the post and information. I am always looking for more information when it comes to attachments for pics, etc.

Sep 02, 2008 04:07 PM
Shane OnullGorman
Eau Claire Realty, Inc. - Eau Claire, WI
Eau Claire Wisconsin, Real Estate Agent & Realtor- Buy or Sell

I have a question. I use photobucket to store my pics when I want to blog them. I name the pic on my drive then I upload it there. Then I give it attributes. Then when I pop it into NVU I am asked to add more attributes.

Do the tags matter on photobucket or should I just worry about the stuff I am adding to it on NVU?

Sep 02, 2008 04:14 PM
Vlad Zablotskyy
Go Beyond MLS - weblog. - Jackson, NJ

Shane,

I am affraind that photobuckets tags are not the same. So yes I would say you need to give an image attribute tags in NVU. But it has been long time since I used NVU, although it was one of my favorite HTML editors.

If you are comfortable working with source code you can add those tags straign into the code itself. Here is how the code for the above image of the african violet looks like,

<img title="Beautiful African Violet" src="http://www.tip32.com/wp-content/uploads/2008/08/purple.jpg" height="183" alt="African Violet" width="200" />

I have bloded both alt and title attributes. Hope this helps.

Sep 02, 2008 04:45 PM
Antonio M. Cardenas Broker Associate
RE eBroker Group - San Leandro, CA. - San Leandro, CA
"The Realtors In Motion"

Hey Vlad, thank you very much for the information, some of us "Newbies" are afraid of images, I'll play with this thanks to your encouragement.

 

Antonio & Alexia Cardenas, "The Realtors In Motion"  www.ListedbyAntonio.com

Sep 02, 2008 04:57 PM
Ginger S
Wilkinson & Associates, Wilmington NC - Wilmington, NC
Wilmington NC Real Estate & Relocation~

Hi Vlad, Welcome to Active Rain. Nice to see you here. Glad you finally took the plunge. 

Ginger

Sep 13, 2008 02:44 AM
Vlad Zablotskyy
Go Beyond MLS - weblog. - Jackson, NJ

Thanks Ginger,

 

I was very suprised the amount of cupport I have recieved from ActiveRain members in respect to the situation with ePerks. I actually joined ActiveRain to the part of conversation since some posts where available to members only. I just recently began writing blog posts.

ActiveRain is a great community.

Sep 13, 2008 03:59 AM
Alan May
Jameson Sotheby's International Realty - Evanston, IL
A moving experience!

Vlad that was extremely useful... thanx... I'm gonna go "abuse" that right now!

Sep 13, 2008 04:58 AM
Anonymous
photo stitching

This is absolutely great points. Thanks.

 

Regards,

http://www.sblgraphics.com/panorama.aspx

 

Aug 27, 2009 04:15 PM
#13