Difference between alt and title tags

Discussion in 'Search Engine Optimization' started by mellisajohn, Oct 9, 2009.

  1. #1
    Hi,
    Is there any difference between using alt and title tags in img tag in seo point of view?Do we need to use both these tags?

    eg:
    <img src="abc.jpg" title="abc" alt="abc">

    Thanks in advance for any help


    Regards
    Mellisa
     
    mellisajohn, Oct 9, 2009 IP
  2. TheCrabb

    TheCrabb Peon

    Messages:
    304
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    0
    #2
    The alt tag is important. Not only for SEO but the American association for people with disabilities wants to make it compulsory so that blind people using text to speech software can also get the full benefit of your site. Which makes it doubly important not to keyword stuff your alt tags! Try to use roughly 1 keyword per 200 square pixels.l
     
    TheCrabb, Oct 9, 2009 IP
  3. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    437
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Alt is not a tag. It's an attribute of the IMG element. There have been some tests conducted that show it really isn't used outside of image searches; but even if they're flawed I can tell you that they won't be worth much from an SEO standpoint if the search engines obey the HTML specification as closely as I think they do.

    Just use the IMG alt attribute according to the specification (use it as an alternate means of identifying the image to those who can't see it) and you should be fine.
     
    Dan Schulz, Oct 9, 2009 IP
  4. ClientDigger

    ClientDigger Peon

    Messages:
    43
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Say you have an image that shows a picture of a bowl of fruit and the image says I love fruit at the bottom. Your alt text should be "I love fruit" and your title should be "Bowl of Fruit".

    Just remember the alt is for alternative text and the title is the title of the image.

    There is always a gray area, just try to design semantically.
     
    ClientDigger, Oct 9, 2009 IP
  5. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    437
    Best Answers:
    0
    Trophy Points:
    0
    #5
    You got it the other way around, ClientDigger. The alt text should be bowl of fruit while the title text reads "I love fruit".
     
    Dan Schulz, Oct 9, 2009 IP
  6. webdev007

    webdev007 Active Member

    Messages:
    1,037
    Likes Received:
    13
    Best Answers:
    3
    Trophy Points:
    88
    #6
    For <img tag 'alt' attribute is useful. 'title' is useful for <a tags.
     
    webdev007, Oct 9, 2009 IP
  7. Canonical

    Canonical Well-Known Member

    Messages:
    2,223
    Likes Received:
    141
    Best Answers:
    0
    Trophy Points:
    110
    #7
    Correct as usual Dan... Alt is an accessibility attribute for the img element. (OMG Dan! You are the only other person who hates it as much as me when people call attributes and elements tags... Dammit! Tags are used to open and close an element. lol)

    The easy way to remember is that since alt is an accessibility attribute, screen readers are going to read the alt text to blind people. The alt attribute should describe what the image is of so that the handicapped can picture it in their mind when it is read to them... a bowl of fruit.

    This is likely why alt text for image links carry very little weight as a replacement for the missing link text... because it "should" describe the image, NOT necessarily the page being linked to which is what link text normally describes.
     
    Last edited: Oct 9, 2009
    Canonical, Oct 9, 2009 IP
  8. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    437
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Hehe.... elements and tags are like numbers and numerals. The former is an idea or concept while the latter is a physical (or in this case digital) manifestation of the idea.
     
    Dan Schulz, Oct 9, 2009 IP
  9. monishka

    monishka Peon

    Messages:
    531
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Hello Friend,

    Yes both are different alt we can use as images tag and this is the extra benefit for it and when title is different from alt tag.
     
    monishka, Oct 9, 2009 IP
  10. mellisajohn

    mellisajohn Peon

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Hi,
    I have noticed when i use the 'alt' attribute alone, along with <img ,the text of the image is not displayed in mozilla browser.Only when i use the 'title' attribute,the text of the image is visible.

    Does that mean alt tag has not value in mozilla browsers?


    Regards
    Mellisa
     
    mellisajohn, Oct 12, 2009 IP
  11. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    437
    Best Answers:
    0
    Trophy Points:
    0
    #11
    No Mellisa, the alt attribute is there for those who cannot see the image. If you want a tool tip to appear, you have to use the title attribute. Just so you know, the use of the alt attribute as a tool tip is actually a bug in Internet Explorer (one that I believe was finally fixed in IE8).

    And yes, Gecko based browsers (Firefox, Seamonkey, DocZilla, Flock, Galeon, et al) do use the alt attribute. To see it in action, simply turn off images in your browser.
     
    Dan Schulz, Oct 12, 2009 IP