News APP

NewsApp (Free)

Read news as it happens
Download NewsApp

Available on  gplay

Home  » Get Ahead » Setting up your own website: Avoid these errors

Setting up your own website: Avoid these errors

By Ankur Jain
Last updated on: September 14, 2007 14:45 IST
Get Rediff News in your Inbox:

Part I: Hosting options
Part II: Designing a homepage

 

More often than not, web designers get carried away by technology and create websites that have a lot of frills and fluff but nothing that actually tells the visitor what the website offers. There are hundreds of websites sporting constantly changing images and floating objects, but falling desperately short of holding the visitor's attention long enough to find out more. What you need to keep in mind if you want your website to be seen and visited regularly, is that (as in life) looks aren't everything.

 

Here are some of the tools you need to use with care:

 

Frames

Five years ago, frames were the 'in' thing -- they let one or two parts of your site remain constant, while only one frame changed. This idea caught on like wildfire, and every second designer, at one point, was designing sites with frames. However, when content on the web started to grow, search engines became more popular, and the concept of bookmarking caught on. Frames didn't gel well with bookmarks.

In the context of search, the concept of frames is flawed: it uses one HTML page that gets content from two or more other pages and places the content in pre-defined parts of the page. Though this sounds like a good idea, search robots will visit the index page and catalogue it as the content of your site -- ignoring the entire HTML code that refers to other pages. This led to sites with frames dropping rapidly in search engine rankings. This was perhaps the major reason why frames are no longer popular, after all, search engine optimisation (SEO) is a full-time business now, and is also a major aspect of web design.

 

Misleading or useless page titles

The page title is the text that is supposed to describe the current page, or at least your site as a whole. This text appears between the '' code tags in an HTML page. Sadly, most amateur designers fail to notice the importance of titles, and leave it as "Welcome to xyz.com".

 

Again, this is very wrong when you take into account the way search engines display results: almost all search engines make the link to the page title. Even if a search throws up your page as a result, all a potential visitor sees is the text "Welcome to xyz.com", and a few lines from the site.

 

The page title is what will draw a visitor to your site, and as the latest generation of internet surfers is quite comfortable using search engines, they have learnt to ignore sites with such title tags.

 

Let's say you're in the business of selling computer hardware, and your site is called 'xyz.com'. Another company also sells IT products, and has a site called 'abc.com'. Let's assume a potential visitor or customer searches for "computer hardware vendor India" in a search engine and gets the following results:

 

"Welcome to xyz.com

We believe in finding the right solutions for your pocket. Whatever your budget for computer hardware, we have a configuration that will fit your needs. Vendors of --

www.xyz.com/52K-8 Aug 05. Cached - Similar pages"

 

"Something.com

Your source for in-depth computer hardware info.

www.something.com/524K-10 Aug 05. Cached - Similar pages"

 

"Abc.com: The best computer systems in India at unbeatable prices

ABC is the leading computer hardware information resource on the 'Net. We have all the information you need about computer hardware, including vendors.

Abc is a renowned computer hardware vendor based in Mumbai. We deliver anywhere in India within 48 hours, and have over 1,000 service centers located at."

www.abc.com/24K-10 Aug 03. Cached - Similar pages"

 

Even though your site, xyz.com, may show up first, chances are potential visitors will click on the link to Abc.com, only because the title tag matched what was searched for. In an age where internet users estimate relevance based on a quick scan of content on search engines and web sites, the wrong title tag could kill your chances of getting hits.

 

Size matters

Considering that India is still to achieve the mass adoption of broadband, sites with large file sizes for pages are frowned upon. When you get data transferred to you at around 5 KBps, the average 100 KB page takes 20 seconds to load. This is already too long in terms of visitors' patience, and the only reason most sites get away with is because here in India we're used to waiting for pages to load.

 

However, if you have a site that has a 500 KB start page, this translates to a minimum of 100 seconds of waiting for the page to load. On an average, try to keep pages as small as possible -- less than 100 KB -- by using fewer images and other unnecessary design elements. This will ensure that users have a better experience at your site.

 

Flash designs

Although the use of Macromedia Flash has revolutionised the way content can be stored on your site and displayed to visitors, it is another bandwidth hog. Since Flash is generally used to compress videos or animations to display on web pages, the file sizes are always large. Even simple button animations can add a few kilobytes here and there, which can total up to a lot.

 

You also need to remember that text almost always loads before graphics, and most users will scan through whatever appears on your site first and decide whether the content is what they are looking for. Even though you may have relevant content neatly displayed using a fancy Flash links menu, many users may not stick around long enough to see this.

 

Gaudy colours

Some websites give you the idea that the people who designed them are colour blind! The net is jam packed with sites that use vivid reds, pinks and purples that distract rather than attract. There isn't much to explain here, with millions of colour combinations available it's purely up to you to decide what combinations are just not right.

 

Browser support

Most designers don't seem to care about whether their sites work on browsers other than Internet Explorer (IE). In fact, it's not just site design you should worry about, you should also choose a hosting solution that is compatible with most browsers. For example, Microsoft's ASP technology is largely targeted at IE, and browsers such as Opera and Mozilla Firefox often run into trouble with some ASP pages.

 

The best way to check the functionality of your site is to check it using the most popular browsers. We suggest you start with Lynx, the popular text-based browser in Linux, to see what your site will most probably look like to a search engine bot, and then work your way through IE, Mozilla Firefox, Opera, and others.

 

 

Balanced content

Sites with only text, or even those with only graphics, can be very irritating to view. Even if your site has only text, try and make the text layout look good.

 

You should never substitute text with graphics, such as making an animated GIF image with changing text. Doing this only increases the size of a page, and also takes away people's ability to resize the text on the page according to their needs. It also almost always results in a low-resolution image that shows very poor quality text.

 

A good rule of thumb is the ratio of 80:20 -- 80 per cent text to 20 per cent images. This means that when you look at the pages you design, no more than 20 per cent of the screen area should be images.

 

You also need to remember that websites have depth, so there's no reason to try and cram everything you offer into your homepage. Divide your content into little piles, study your existing as well as target audiences, and then tag your content in decreasing order of importance or interest to this audience.

 

The top 50 per cent of your content should be easily accessible from your homepage, and the rest can either be distributed lower down on your homepage or stored in lower levels (different pages) of your site.

 

Navigation

Very often, you come across sites that lead you to a page best described as a virtual dead-end. Somehow, visitors might get stuck at a place, and have no clue as to how they got there. This usually results in a visitor clicking on the little [X] on the top right corner, banishing your site from their screen forever! The entire reason for taking pains to design sites is to avoid this from ever happening -- yet it does!

 

So what causes this problem? Simple. Bad design!

 

All the pages your site contains should at least have links to your homepage and major sections. The easiest way to do this would be to have a constant navigation bar that has a fixed position on every page of your site. A good rule to follow is the 'three-click rule': no page in your site should be more than three clicks away from any other page.

 

Being over-creative

Sometimes, designers have delusions of grandeur, and think they would make good copywriters or visualisers in advertising agencies. This leads to sites that are cryptic to the common man. Such sites might be acceptable if the business or individual is attempting to show off their creative prowess -- as might be the case with an actual copywriter or advertising agency, or perhaps an artist's homepage. However, most often, such sites are a big no-no for the majority.

 

Outdated pages

Nothing is worse than having a site that has outdated content. Sites that contain content on the homepage that was last updated over a couple of months ago are often considered 'neglected', and are ignored by visitors. This holds true especially if you add a 'News' section to your site and start updating it regularly and then somewhere along the line, falter and stop updating it.

 

No resizing

Web pages that cannot be resized are a big no-no. Often, people browse websites without maximising the window. If half your content is not visible because your site does not allow for resizing windows, you have a problem on your hands. This also holds true for text resizing: nothing is more irritating than text on a page that visitors cannot increase or decrease the size of by using their browser's text resize option.

Moving text and images

Scrolling text marquees are ugly! They are not considered good design any more, and you should avoid putting in scrolling text as far as possible. The only form in which scrolling text is acceptable is as a ticker on your site, such as a stock quote ticker, news ticker, or Shout box, where visitors can leave a message for other visitors. Basically, only if you need to dedicate a very limited space to content that changes rapidly, or is input by visitors, should you consider scrolling text.

 

Animated GIF images, too, are now considered amateurish. Most often, only jokes and ads contain GIF animation. Web users are accustomed to seeing GIF animations as advertisements, and have learnt to ignore them at sight. This means that all the effort you put into animating an image will be wasted on the majority of visitors.

 

If you have to include moving pictures, make sure the animation is done well and flows smoothly, otherwise it's likely that you'll make your site look unprofessional.

Part I: Hosting options
Part II: Designing a homepage

 

Get Rediff News in your Inbox:
Ankur Jain