Some people seem to be unsure of what image alt tags are and how they are used.
Basically the alt tag is used to describe the image. It has several uses
- To describe the image on text only browsers e.g. Lynx or browsers with image rendering switched off.
- To provide text for software designed to read web pages audibly for visually impaired people.
- Search engines love text but images are meaningless to them, so image alt tags give you the opportunity feed a few more keywords to the search bots.
This is how you use them.
HTML Code:
<IMG src=http://www.mywebsite.com/images/product1.jpg alt="my great shopping cart product">
There are a couple of other attributes that you can and should add to the above line of HTML and that is height and width definitions. Even if the image is to be displayed at it's original size they should be used to reserve space on the page until the image can be displayed. This isn't such a problem with broadband but it could be quite annoying to your customers on dial up if the text on the page they are reading while the page is loading starts moving all over the place as the images are displayed. Not only that, it looks more professional to have the page formated correctly from the beginning than have your customer watch it jumping about as it loads.All you have to do is this.
HTML Code:
<IMG src=http://www.mywebsite.com/images/product1.jpg width="200" height="120" alt="my great shopping cart product">