May 6, 2009
Using Alternative Text in Image
I used to browse a web image off in order to save the bandwith usage (also to speed up the loading). It is unpleasant sometimes to see a images that link to something but don’t have “alt” attributs that’s why sometimes I need to turn on the image for seeing what is the next.
People may not know the importance of using “alt” attribute in web design. It is very important, because it is good for Search Engine Optimization (SEO). Suppose someone search about something, the picture could help to increase the rating as well.
I just read this web it explain very well about using “alt”. It also encourage people to use alt although it is empty. Alt also shouldn’t redundant with the content of page. For example, when you want to display picture of Barack Obama, you don’t need to do like this :
1 2 3 4 | <p> Picture of Barack Obama, the President of United States from 2009 <img src='www.barackobama.com/obama.jpg' alt="picture of barack obama, president of united states"/> </p> |
On the browser or web spider it will looks like :
Picture of Barack Obama, the President of United States picture of barack obama, president of united states
It is redundant information. So you can simply put empty on the alt because the previous text has already explain it.
1 2 3 4 | <p> Picture of Barack Obama, the President of United States from 2009 <img src='www.barackobama.com/obama.jpg' alt=""/> </p> |
that’s good idea