Using TITLE Tags effectively

Date: 2011.02.24 | Category: Search Engine Optimization, WebDesign | Tags:

Microsoft Internet Explorer has supported the TITLE attribute for links since version 4.0. Netscape began supporting it in version 6.0

The TITLE attribute allows you to enter descriptive text about a link that’s displayed when the mouse moves over the link. For an example, move your mouse over the link below:

The HTML source code for this link is shown below:

<a href="http://www.europeanwebmasters.com"
  title="Click Here To Learn Foreign Adult Marketing">European Webmasters</a>

If your browser supports the TITLE attribute you should see a small popup box appear, similar to the way alternate text for images is displayed when you move your mouse over the image.

This attribute is similar to the ALT attribute for the IMG tag, both in its appearance and its limitations. The value of the attribute must be inside quotation marks, and it can only contain plain text (no HTML tags). You can include carriage returns in the title, and these will be displayed in the text. The maximum length of the TITLE text for Internet Explorer is very large; we’ve tested it with over 500 characters. Try to keep your descriptions below 25 words, though; any more than this can be hard to read and, because the search engine spiders can read this text you may be considered as spamming the engines.

The TITLE attribute is useful in places where your HTML design limits the length of your link text. That’s often the case for links in a navigation bar, especially if your page has a multi-column layout. Try using the TITLE attribute to give your visitors extra navigation information.

In addition you can also use the TITLE tag on standard text for extra information where you just don’t have the space to be as affluent as you would like. An example of this is shown below:

Use of the TITLE tag on plain text

The HTML code for this is also shown below:

This attribute is part of the HTML 4.0 standard. Internet Explorer, Netscape 6.x and Opera (Version 3.0 or higher) support it. However, the attribute degrades gracefully, visitors with non-supporting browsers (like Netscape 4.x) would see the link as if you hadn’t used the attribute.

As you can see from the above examples by using the TITLE tags effectively you can double, if not treble your use of keywords however, caution should be paid when using these features of the tag so that you don’t inadvertently spam the search engines.

Article Written By Lee