Improve web design and search engine performance all in one easy step! Believe it or not, it is possible, easy, and really straightforward. There are 3 extremely useful tags and attributes that most people overlook, or do not take advantage of properly. These are the alt tags, title attributes in links and heading tags. The reason you want to spend some time focusing on these 3 facets of your web site is simple. Two of them make the web site easier to understand and navigate, for people and the search engines. The third one is much cleaner than the <font size= > tags, and works really well for key phrases and terms within the search engines. This article deals with the merits and value of each of these mostly misused, or ignored opportunities.
The first opportunity is the one that is most often used, and misused: The alt tag. Alt tags are comments that should be used whenever you add a graphic, or image to a web page. Pictures are worth a thousand words to you and me, but zero to a search engine. An alt tag should be a little bit of short, descriptive text which helps any user (and search engine) understand what the reference is pointing to. If you are not aware of what an alt tag looks like, here’s an example:
Next, we have the Heading tags. Often, when web designers are building pages they use <b> tags, and <font size= > to emphasize the page heading, and subheadings for each section. Whenever you get the chance, use <h> tags instead. There are 5 different <h> tags. The largest – <h1> and <h2> – should be used for the major title on each page, and then the next three – <h3>, <h4> and <h5> – for subheadings. The smallest, <h5>, will look just like regular <b> bold text on a page.
So why use them? The single most important reason to use these, aside from consistency of output, is for the search engines. The search engines weight different text within a page differently. We have found that terms used in <h> tags are weighted heavier than regular text. This doesn’t happen with the <font size= > attribute. The larger the <h> text is (1 being largest, and 5 smallest size), the more weighty or important the key terms in the heading are viewed as being with respect to the overall document. Use the terms in these tags judiciously. Especially in the larger sizes. The search engines give these <h> tags weight, because logically, the header for a page, and for each section of a page conveys the concept of what the entire document’s focus is oriented towards. For this reason be very sure that you only use terms which you intend the web page to be found by.
Different from a <title> tag, this piece of code really should be used by everybody, without exception, just for the sake of being courteous. An example of a title attribute looks like this:
<a href="http://www.rapidpurple.com" title="Rapid Purple - Webmaster Articles and Resources">Rapid Purple</a>
Using this attribute also has the benefit of adding search engine related content. After all, the terms you use will be highly relevant and specific; you have just added one more instance of them to the page. Plus, it’s one more thing in the design of the web site that will have been done right from the perspective of the search engines. The search engines look favorably on web sites that have taken the time to get all the details right. This simple addition to your web page may do little, or it may give your web site the push it needs to move to the next level in search results.
The three features discussed in this article are all simple and easy to implement throughout a web site. If you only do one thing, make sure it’s the title attribute: Anyone who is sight impaired will thank you. Getting all three right will help make your web site stand out, and your work stand out as that of a good web designer. They will also contribute to better search engine performance for your web site.