Originally Posted by hof
Thanks for the quick reply!
Here is the actual code:
<img src="http://www.v7n.com/forums/images/flash_images/orange_tanks.png" alt="scuba diving rentals" width="64" height="89" hspace="10" vspace="10" align="right">
When I mouse over it, shouldn't I see 'scuba diving rentals'? The only difference I could see between this and another image was the .jpg extension which was why I thought that was the problem. I hope this makes it clearer?
Here's an example of an image that works on a different site. But I see that in the code, this part - "http://www.v7n.com/forums/images/diveshop.png" - is a link. Do I need to make it a link somehow to give it alt text?
<img src="http://www.v7n.com/forums/images/diveshop.png" alt="picture of dive shop" width="480" height="326" />
Thanks for your help!
The fact that an image has an "alt
" attribute does not mean that it should display a floating tooltip when you mouse-over it. That is only a built in feature of some browsers. The alt attribute ensures that the image will have a default text to be used on its placeholder if: 1-the image is missing,2-the image can't be loaded due to connection problems, 3-the image is being crawled by a search engine.
That said, there is no SEO consequence of having a .png or .jpg image as long as the <img> tag is crawl-able: it is visible, not restricted by robots, etc...
The attribute that displays a tooltip when doing mouse-over on an image is the "title
" attribute, and can be set on images and anchor tags as well.