Don't Be Lazy When Coding

Wednesday, April 9, 2008 by Mistlee

Can't see any images? - !

Find All Your Small and Medium Business Web Hosting Needs at Hostway - Find Out More

Recent Articles

Next-Generation Wordpress Theme
I've been talking for months now about the integration of the wonderful Sandbox and the Yahoo User Interface CSS library. Well, I've done it. It's codenamed Vanilla and it's in "closed Alpha" just for now.

Sideways Movement For Web Standards
There's some really interesting conversation going on about IE8 these days. A List Apart article from Aaron Gustafson. A List Apart article from Eric Meyer. Basically, it sounds like Microsoft took a thrashing when it released IE7, an imperfect but much more...

Cloud Computing Architecture From Salesforce today announced Cloud Computing Architecture. Delivering the power and flexibility of cloud computing to the enterprise, Cloud Computing Architecture includes...

Using Robust Exception Information On A Shared Host
I was recently contacted by a possible client who was looking for a code review. As part of my standard "playing around" I noticed that his site was throwing errors with the full path information revealed. As folks know, I always recommend you turn off Show...

Application.cfc Methods & Example Uses
A reader commented yesterday that my Application.cfc reference doesn't really say how to use the various methods. Since my reference is intended to be a simple code skeleton, I thought I'd quickly explain each...

DirectoryWatcher & ColdFusion Image Manipulation
Now that ColdFusion 8 gives us a crap load of image functions as well as event gateways in all editions, I thought I'd write up a super quick demo on how you can use both in your application. If you've never played...

Using Spry:hover, Spry:even, & Spry:odd All Together
One of the nicer features of Spry is the simple way you can apply even, odd, and hover classes to a dataset. This code will tell Spry to apply a CSS class named even for even rows, odd for odd rows, and to notice...

Click to Play

Twitter Unleashed
WebProNews is proud to introduce a newcomer to the Video Department. After extensive searching, we couldn’t believe the most obvious candidate was right...

Don't Be Lazy When Coding

By Stoney deGeyter

Lately I've been seeing a lot of sites where the designers were a bit lazy on the coding of the visual elements.

Especially when it comes to creating new styles for the style sheet. In CSS, it's pretty easy to develop a style that allows you to have certain portions of text display exactly how you want. But apparently, coming up with a unique style and name is just. too difficult. So instead of naming a new style, the developers just style an Hx tag and then plaster it throughout the site.

One site that we've been working with has just come from a fresh re-design. Once we started digging into the code, we've found that the designers have taken some pretty extreme liberties with the Hx tags.

Using the H1 for the title is an abuse I've seen many times before. It's easy to slip an image into the H1 tag, so designers do this to display the company logo. But by doing so you've taken a great piece of SEO real estate out of play. Every page now has the exact same H1 tag: an image.

Find All Your Small and Medium Business Web Hosting Needs at Hostway - Find Out More

Don't get me wrong, I don't think that the Hx tags are near as important as many people think. But I do believe they play an important role in putting the page hierarchy into expression. It's like the outline for a term paper. The way you use Hx tags should outline the importance of various elements on the page. The H1 tag would be the equivalent of the title of the term paper. (For the sake of this conversation, let's leave out the < title > tag.) At the very least you want the H1 tag to be unique on every page. It's the first thing that visitors read, let them know what they'll expect.

Continuing with our example above, you see that the "Quick Search" is wrapped in an H3. Is the search really a part of the outline of the page? Of course not. In fact I'll go so far as to say that nothing in the navigation (top, side bottom or otherwise) should be in an Hx tag. Navigation is really nothing more than the table of contents for the site. OK, it's a bit more than than, but you get my meaning.

Finally, look at the products. Each product, which here includes the product name and number, is wrapped in an H2. Like the Search above, this was done just for the simplicity of styling how the text looks. The problem with using the Hx tag on 10-30 products on each page creates a pretty severe case of Hx-bloat. At this point the hx tag loses all meaning. This is a case using the < strong > tags would be sufficient at separating the products from the rest of the information without over-using the Hx tags.

Continue reading this article.

About the Author:
Stoney deGeyter is president of Pole Position Marketing (, a search engine optimization / marketing firm providing SEO and website marketing services since 1998. Stoney is also a part-time instructor at Truckee Meadows Community College, as well as a moderator in the Small Business Ideas Forum. He is the author of his E-Marketing Performance eBook and contributes daily to the E-Marketing Performance ( marketing blog.
About TheDevWeb
TheDevWeb examines the best tools and techniques to help you keep up with all the latest trends in the fast paced world of web development. Excellence in Development Starts Here

TheDevWeb is brought to you by:

-- TheDevWeb is an iEntry, Inc. publication --
iEntry, Inc. 2549 Richmond Rd. Lexington KY, 40509
2008 iEntry, Inc. All Rights Reserved Privacy Policy Legal

archives | advertising info | news headlines | free newsletters | comments/feedback | submit article

Unsubscribe from TheDevWeb.
To unsubscribe from TheDevWeb or any other iEntry publication, simply send an email request to:
Excellence in Development Starts Here TheDevWeb News Archives About Us Feedback TheDevWeb Home Page About Article Archive News Downloads WebProWorld Forums Jayde iEntry Advertise Contact