Categories


Links: Text vs. Image

cautionAlleycode Caution

Before we get started with today’s post,wanted to pass along a bit of information for those of you that may be using the Alleycode HTML Editor we talked about a while back.¬† Want to give you a caution about an experience I had with it.

While updating a rather large file, the Alleycode editor stopped responding – for whatever reason. A box popped up and asked me if I wanted to ‘wait’ or ‘end the process’. I selected to ‘end the process’ thinking this would be the quickest way to get back to work. However, to my dismay, when I re-opened the file I had been working on, it was gone. The file name was still there but all the contents had vanished. Fortunately, we have everything backed up and were able to quickly get another copy of the file – otherwise, this would have been a disaster.

So be forewarned, if you plan on working with Alleycode, backup your files. This can be by using an external hard drive, CD, thumb drive, off-site back-up or uploading to the Internet. And while it may take a little longer, follow through on the ‘save as’ process rather than using the ‘close – save changes’ option. Using ‘save as’ also ensures that the file is in the correct folder.

Links: Text vs. Image

Note:  In the samples, HTML is shown in BLUE.

When using text links, title tags can be helpful by displaying information the visitor might find informative. For example: When they place their cursor over the link they might see something like:

‘This link will open in a new window’

‘This page will open on our new blog’

‘Free Shipping on all orders’

‘Get recipe for sugarfree chocolate cake here’

Sample Links:

Links_x2G

This is how HTML might look for a text link:

View our inventory by visiting this link.

Link_Text1G

However, if you are using images as links, the results are dependent on how you configure the code for the title=”” and/or the image’s alt=”” tags.

This is how HTML might look for an image link:

View our inventory.

LInk_Image1G

If you want the information in the link’s title tag to display when the cursor is over the image, then you must remove the alt=”” tag from the image code. You’ll note our sample HTML code above has no alt=”” tag.

However, should you leave the alt=”” portion of the image code in, then that is what the visitor will see when the cursor is placed over the image rather than what you’ve placed in the title=”” space.

For example the HTML code . . .

View our ”orange inventory.

will display as . . .

LInk_Image2G

. . . in spite of the fact that we have the link’s title=”” tag with the correct text.¬† If you prefer to use the image’s alt=”” tag, then place the text there you want the visitor to see.

Final thought, when wording either title=”” or alt=”” descriptions, use only ¬†keywords that are relevant to the page.

.

Comments are closed.