Shopping Cart Forum

Go Back   eShop Forums - eCommerce Help Forum for Shopping Cart Owners. > Tech Corner > PHP/HTML/CSS/JavaScript and Servers
Register Blogs FAQ Members List Calendar Search Today's Posts Mark Forums Read
PHP/HTML/CSS/JavaScript and Servers Pick up tips and exchange info on the technical side of having a web presence.

Freestart, click here
Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 16-10-2007, 01:01 AM
Lawrence Lawrence is offline
Forum Admin
 
Join Date: Aug 2007
Location: Kenley, Surrey, UK
Posts: 1,185
Thanks: 1
Thanked 72 Times in 72 Posts
Default What are image alt tags and how do I use them?

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">
__________________
Lawrence
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Reply



Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
How to do a page redirect using HTML meta tags. Lawrence PHP/HTML/CSS/JavaScript and Servers 2 26-08-2007 11:20 AM
Trying to prevent image theft with no right click scripts. Lawrence eCommerce for Beginners 4 25-08-2007 05:19 PM
How to add a linkable image to your sig Nick Forum Issues and Suggestions 0 08-08-2007 07:13 AM

Google

Edible Graphics, Affordable E-Commerce, Web Shops & Custom Form Scripts
Fair Trade Quality Handmade Photo Albums & Gifts
tech news, product reviews, the latest home and business technology, the latest in digital imaging


Content Relevant URLs by vBSEO 3.0.0