How do I use the 'Alt' tags

Discussion in 'HTML & Website Design' started by tinner666, Apr 24, 2008.

  1. #1
    Hi guys. I'm not sure how to use alt tags for SEO. And where, exactly. On basic html sites. Any help appreciated. Thanks.

    I tried to search the forums with the same phrase, but I kept getting the meggage to use 3 or more words???????:confused:
     
    tinner666, Apr 24, 2008 IP
  2. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Yeah I hate that, when I'm trying to search for "IE"... it doesn't matter how many letters the other words are. : )

    ALT text is "alternative text" that takes the place of an HTML (not CSS background) image if it can't be seen.

    Now, there are a lot of people who believe the the alt text should say whatever the image is "saying". I'd rather just tell people what the image is of (unless it's an image containing text in order to have a funky font) and make sure any "content" conveyed by the image is in the normal text of the page.

    So, you have an article about bunnies, just overal bunnies, and a photo of 5 bunnies with the article because otherwise the article looks dull. In this case, I'd make the photo a background image but most people don't. So some people would say,

    "text about bunnies, la la la..." "Bunnies are soft and come in many colours." "more text in the article about bunnies, la la la..."

    The "Bunnies are soft and come in many colours" is the replacement for a photo of bunnies of different colours or something. Now me, I say "Photo of 5 bunnies" and make sure my normal text says "Bunnies are soft and come in many colours." But that's me. I don't think images should be conveying information that the regular content isn't.

    To set ALT text, if you don't know:
    <img src="blah.com/images/bunnies.jpg" width="100" height="150" alt="Bunnies are soft and come in many colours.">

    Or an XHTML ending if you're using XHTML: ...and come in many colours." />
     
    Stomme poes, Apr 24, 2008 IP
    tinner666 likes this.
  3. Jalpari

    Jalpari Notable Member

    Messages:
    5,640
    Likes Received:
    137
    Best Answers:
    0
    Trophy Points:
    260
    #3
    In dreamweaver select ur image and in the properties there will be ALT option u can write ur alt tag there.
    In frontpage, select image > properties (right click) > under general tab > alternative representation > text (type ur query)
     
    Jalpari, Apr 24, 2008 IP
    tinner666 likes this.
  4. jamesicus

    jamesicus Peon

    Messages:
    477
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    0
    #4
    IMO this WebAim page is one of the best references.

    James
     
    jamesicus, Apr 24, 2008 IP
    tinner666 likes this.
  5. newgenservices

    newgenservices Well-Known Member

    Messages:
    862
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    105
    Digital Goods:
    1
    #5
    You can use something like this.
    
    <html>
    .
    .
    <body>
    <img src="url_to_img.here" [B]alt="Alternate Text here"[/B] />
    
    Code (markup):
     
    newgenservices, Apr 24, 2008 IP
    tinner666 likes this.
  6. tinner666

    tinner666 Peon

    Messages:
    334
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Thanks for the replies guys! Repped!
     
    tinner666, Apr 24, 2008 IP