Friday, April 19, 2024

Website Design vs. Function

Easily, one of the biggest mistakes webmasters make when first starting out on the web is in the design of their site. This is extremely understandable, considering that, in the brick and mortar world, a business’s success is often dependent on it’s appearance. The more money put into the look and design of a business, the better it often does.

Unfortunately, this doesn’t completely transfer over into the world of the Web. In the world of the Web, there is a huge difference between creating an aesthetically pleasing site, and creating a site that is going to be functional and have the best possibility for success.

All too often, when people first begin on the Web, they design their site as if to be a work of art. Making sure it has lots of beautiful graphics, fancy javascript, flash, etc. While all of these things can definitely create a beautiful site, they are also some of the biggest hindrances to a business’s success.

On the net, there are two key things a webmaster must always keep in mind when designing a site; the visitor and the search engines. If a visitor has to wait to long for a page to download or a search engine can’t properly index a site, it doesn’t matter how beautiful and informative the site is, it will not generate the business needed to survive, much less excel.

Let’s look at a few of the most common things you should be aware of.

*Page Size*
While broadband access is gaining ground, at least half of all internet users still use dial up connections. This means that the majority of a site’s visitors will be downloading the pages at about 3-4 kilobytes per second.
It is estimated that if a page doesn’t load within 8-10 seconds you will lose 1/3 of your visitors. That means that a page should not be any more than 30 kilobytes total including text, graphics, html, javascript, etc.

Logo’s, backgrounds, and other images, are great, but if they are causing your pages to load too slowly, they are doing you more harm than good. Quite honestly, your visitors do not care about your logo, graphics, backgrounds etc. They are there for one reason and one reason only….to see what you can offer them.

If you must use graphics keep their file size as small as possible by optimizing the graphics to the utmost extent possible and keeping the image size small.

*Splash Pages/Flash Intros*
These are the bane of the internet. If you have a splash page whether its made up of a large graphic or a pretty flash intro, you are crippling your chances. Design firms often love to talk their clients into these pages because they get to be creative (oh..and charge more).

The truth is, creating one of these pages as the entrance way to your site is one of the single worst things you can do. Visitors hate splash pages, because they often take too long to download and they don’t provide the visitor with anything. Remember, visitors are there for one reason, to see what you have to offer them and get the information they are seeking. A huge graphic doesn’t answer any of their questions, it only delays their search.

A flash into is much the same, while it will generally download very quickly, it still delays the visitor in finding what he or she is looking for.

One of the biggest rules you should remember is to keep the amount of clicks a visitor must make to get to quality information down to a bare minimum. With every successive click a visitor must make, there is more of a chance he/she will give up and go somewhere else.

I’ve seen many reports from different sites that used (notice the past tense) flash intro pages. Hardly surprising is the fact that on average, a whopping 20%-30% of the visitors left the site after accessing ONLY the homepage (where the splash page or flash intro was).

The second reason to stay away from these is that it has a huge affect on search engines. Search engines can only index text, a huge graphic or flash intro doesn’t give the engines anything to index. As a result the homepage, which is often the highest ranking page on a site, has almost no chance of ranking well at all. In addition, depending on how the links from the graphic or flash to internal pages are coded, the engines may not be able to follow the links to the rest of the pages on the site which means your site will not get spidered properly.

To summarize, stay away from splash pages and flash intro’s. Give the visitor some actual text to read and the engines something to index. Your visitor retention will go up, and so will your search engine traffic.

Hyperlinks are your bread and butter when dealing with the search engines. They are the way in which search engines find all of the pages on your site and index them. If a search engine can’t follow a hyperlink, it won’t be able to index the destination page, meaning parts of your site may become invisible to the engines.

Be sure to use only true hyperlinks in your site. I’ve seen many sites that use some javascript links instead of actual hyperlinks. While these will work for most browsers (about 90%), they don’t give the engines anything to follow.

A true hyperlink should say:

href=”URL of page here.html”

Any other type of link is most likely not going to be followed properly.

*Body Text*
As I mentioned before, engines can only index text. Too often I see sites that use graphic representations of text or a large graphic that has some of their most important text within it. Do whatever you can to stay away from this. If your most important words are in graphic format, you have taken away the thing that the engines need most to properly index and rank your site.

Engines also want to see continuity in the structure of a page. When a webmaster uses lots of tables, frames, and other design elements, it breaks up the flow of the text on the page, and can have a negative effect on your rankings.

Whenever possible, use as few tables as possible. When you do use tables, do your best to not break up a paragraph or sentence into separate cells in a table, this destroys the flow of the text and causes the words to be seen as unrelated fragments instead of part of the same continuous sentence/paragraph.

It is important to realize that engines do not see the pages the same way a visitor does. While the visitor sees the page displayed properly with all of the text flowing nicely, an engine sees only the HTML code behind the page that breaks up the flow of the text.

In general, the simpler the page and the HTML behind it, the better the ranking will be.

Always be sure to be aware of the impact that a particular design element will have on both your visitors and the ability of the engines to properly index your site.

By understanding how the engines work, what they look for, what they can and can’t do, you will vastly increase your chances of successfully achieving the rankings needed to make your business a success.

John Buchanan is the author of the book “The Insider’s Guide to Dominating The Search Engines”, and publisher of “The Search Engine Bulletin”, a FREE monthly newsletter. Visit him at for more information or to sign up for the newsletter.

Related Articles



Please enter your comment!
Please enter your name here

Stay Connected

- Advertisement -spot_img

Latest Articles