Six Basic Tips for Website Design

Owning a word processor won’t make you a great writer, and having web-publishing software doesn’t mean that the pages you create will necessarily be attractive, or even usable. Presumably you created your page because you have something you want to share … but you fail to share it successfully if your visitors get annoyed, or if they leave quickly without reading what you had to offer.

Fortunately, the most common website mistakes are very easy to prevent or fix. Here’s a guide to doing just that.

Taken from
Written by Michael Bluejay.

Avoid Distractions

A. Don’t distract your visitors with blinking text, scrolling text, animated GIFs, or sound files.

Animation and sounds are distracting. How can anyone read what’s on your site when they’re subjected to the equivalent of someone standing next to them poking them in the shoulder repeatedly? Also, visitors who have dial-up connections instead of high-speed connections may resent that you wasted their time by forcing them to load animations and sound files against their will. Research shows that animated banner ads may be no more effective than static ads, anyway.

B. Don’t annoy your visitors with pop-up windows.

Nobody likes them. They waste time and space.

C. Avoid clutter.

Don’t just throw a bunch of stuff up on your page in a haphazard fashion, forcing visitors to pick out content like it’s a jigsaw puzzle. (Maybe this seems obvious, but people do creates sites like this, so it’s apparently not obvious to everyone.)

Don’t Bog Your Site Down

D1. Compress your image files.

Nothing is more annoying to readers than waiting for a 100k graphic to load when it should be only 20k instead. Graphics software can compress files so they take up less room on your disk, and therefore take less time to load into your visitors’ browsers. Get some graphics software and shrink those file sizes! GifBot is quick and easy, and shrinks your graphics right on a webpage. Or you can download graphics software: Windows: HVS GifCruncher and JPEG Wizard. Macintosh: GraphicConverter, available at

And as mentioned earlier, don’t bog your site down with auto-playing sound files, either.

D2. Don’t let flashy multimedia ruin your site.

Flashy graphics and multimedia controls may look nice, but they’re bad when they make it hard for visitors to get the information they want from your site. Nobody wants to be annoyed by having to use a cumbersome Java scroller to see all the text in a field, much less wait for all the doodads to load … if they even work at all. Stay away from sitebuilders like (The exception, of course, are sites whose content is art rather than information.)

Be Accessible

E. Put your contact info, or a link to it, on the top or bottom of every page.

Don’t waste your readers’ time by making them hunt around your site for how to contact you. Make your contact info easy to get to. Put your contact info (or a link to it), on the top of every page.

If you’re not printing your phone and/or email anywhere because you don’t have the resources to handle inquiries, then do your readers the courtesy of letting them know that, so they don’t spend forever hunting in vain for contact info that doesn’t exist.

And while this should be obvious, when you list your email address, link it so that people can click on it to email you. (Amazingly, some people don’t link their email address.)

Make it Easy to Find Stuff

F. Include a way to get back to the home page, on every page.

When users get lost they like to start over from square one. Make it easy for them to do so. If you’re including a clickable logo on the top of every page, make sure to also include text that says something like “Back to Home Page”, because some users don’t realize that logos take you back to the home page.

Also remember that users might not be able to hit the “Back” button to go back to your home page, because they might have entered the middle of your site after clicking a link to it from a search engine or from some other site.

G. Include navigation tools on every page.

While you should provide a way for users to get back to your home page quickly, you shouldn’t force them to go home before they can go somewhere else. Either include a navigation frame on the left or the top, or include navigation links at the top (and possibly bottom) of each page.

Many designers harbor a definite bias against frames, supposedly because “users don’t like them”. But this bias is clearly misguided. It’s one of those pieces of “conventional wisdom” that exists only because it keeps getting passed down from one generation of web designers to the next. Usability studies clearly show that users find sites with frames “Easy to Comprehend”, “Easy to Navigate”, and “Easy to Find Info”.

Don’t put navigation links only at the bottom of pages, because then users will have to scroll down to the bottom to get to them (unless your pages are very short). Users clearly dislike links at the bottom of long pages. On long pages, you’ll want navigation elements on BOTH the top and bottom, so that users who have read a lengthy page don’t have to scroll back up to get to the navigation parts.

H. Explain what you’re linking to.

In your Links section, include a short description of each site you link to, say 1-5 sentences. That way visitors have an idea of what’s on those sites, which will help them make their decision on whether to visit those sites, and help them find what they’re looking for, while avoiding what they’re not looking for.

Nothing is less useful than a whole bunch of links to other sites when those links consist of nothing more than the names of those sites (or worse, the urls). Without any description of what you’re linking to, readers are forced to visit each and every site to get an idea of what’s there. Imagine 100 of your visitors all repeating that same laborious surfing, needlessly. You could have told them what’s on those sites, because you (presumably) visited those sites yourself, so you know what’s on them. Do your readers a favor and share your knowledge with them.

H2. Make links blue or underlined, or both.

Users expect links to be blue and underlined, because that’s the way they appear on 99% of other websites. If you use a different color then at least the underline is a clue that a link is a link. Likewise, if you remove the underline but keep the link blue, then the color is the clue that a link is a link. So it’s best to use both blue and underlined, but using at least one or the other is acceptable.

What’s wrong is doing neither … having links that aren’t blue and aren’t underlined. How are users supposed to know what’s a link at that point? We ran across one page (no longer up) whose main link is red with no underline. To make matters worse, elsewhere on the page they use blue text, which looks like a link, but which isn’t. (We tried to bring this to the attention of the site but owner he bragged that nobody else has ever complained.)

Make sure it works, and that it keeps working

I. Test your links.

Make sure your site works! Load your site in a browser from the Internet (not from your hard disk), make sure all the images appear correctly, and click on all the links. This may seem obvious, but if it’s so obvious, then why do I constantly find sites whose images and internal links don’t work right? If you’re using a link checker that’s built in to your web editor and your site is framed, then you can’t depend on the link checker, because it can’t check for framing problems (e.g., pages load into wrong frames, clicking a link results in frames within a frame, etc.). Check it yourself.

J. Remove dead external links periodically.

If you link to any external sites, some of those links will almost certainly stop working at some point as the sites move or become extinct. Don’t waste your readers’ time by forcing them to follow broken links. Check your links at least once every few months. You can use software to automatically check your links to external sites to see if any of them have gone dead.

K. Include a “Last Modified” date on the bottom of the main page.

If your site contains information that could become outdated, then do your visitors the courtesy of letting them know when the information they’re reading was written. That way, visitors won’t have to wonder whether the info was written last week or five years ago.

You can omit this only if the content on your website by its very nature can’t become outdated. (e.g., poetry, stories, art, website design tips)


L. Use contrasting colors or simple backgrounds to make your text easy to read.

It’s hard to read light text on a light background, or dark text on a dark background. Also, it’s hard to read text on background images that have a wide mixture of light and dark; background images should be simple and mostly dark or mostly light. You can improve readability of text on a background image by increasing the text size and/or making it bold.

M. Don’t type more than a few words in ALL CAPS.

Words that are in ALL CAPS draw attention to themselves because they seem different from the small letters around them. But if you type everything in all caps, then you completely lose the effect, since everything looks the same, so none of it looks important. If you want to draw readers’ attention to something, make the headline stand out … bold, bright color, maybe a little larger … but keep the text that follows it normal.

N. Don’t underline words if they’re not links.

On the web, something that’s underlined is supposed to be a link. If you underline gratuitously, readers will be annoyed when they try to click those underlined words only to discover that they’re not really links. If you want to emphasize something, use italics (or boldface, or another color).

O. Never use more than one exclamation point!

Typing several (or worse, a gazillion) exclamation points does not make your text seem any more important than just one. In fact, rather than conveying urgency, what multiple exclamation marks really scream is “Amateurish!”.

P. Use a spelling checker.

Obviously, people who spell poorly may not notice or care that your site is badly misspelled, but literate people may notice and care, and they’re in the majority.

Q. Don’t make your page too wide.

Your page should be 770 pixels wide at most (so people with 15″ screens can read it). If your pages are wider than that, then most readers won’t be able to see everything without scrolling left to right.

R. Make the text large enough to read.

This ought to be a no-brainer, yet just today a webmaster referred me to his site which I had to squint to read. Don’t punish your visitors if you want them to actually read your content.

SimpleStats Plus

The SimpleStats program allows a website owner to get a quick and well laid out view of exactly what has been happening on their website. As the name implies, the package is simple both to install and to use, yet providing the webmaster with accurate and real-time statistics of the usage of their website.

Full installation instructions are included with the package.

Click here to read more about the person who created these resources and is offering them for you to use.

Requirements: PHP + MySQL

Overview of recent visitors and pageviews
An at-a-glance overview of how many visitors have visited your website in last few days, and how many pages they viewed.

Top Pages Viewed
A list of the most visited or most popular pages on your website in order of popularity.

Top Referrers
A list of the top websites that send visitors to YOUR site, and how many visitors have been sent, in order of the number of visitors.

Recent Search Results
A chronological list of the most recent words and phrases that people have searched for in order to come to your website.


Download the script Get a quote for custom work Tip the developer

Review Me – Connecting Bloggers with Advertisers

The following is a sponsored review of ReviewMe:

On November 9’th, 2006, the creators of Text-Link-Ads launched their latest endeavor called ReviewMe. ReviewMe is intended to bring together the blog-sphere and advertising worlds, by inviting sponsors to submit their products for a paid review and by paying bloggers to review those same products.

The concept is simple enough. Bloggers seeking a little extra income can submit their blog for inclusion in the reviewing community. If accepted, their site will become available for sponsors to purchase reviews on. Advertisers can log into the ReviewMe website, define products or services that they would like to have reviewed and then proceed to purchase reviews on blogs in the reviewing community.

Of course, there are certain guidelines that the blogs have to meet such as traffic requirements, page rank and possibly Alexa ranking. If they qualify though, the blogger is given full control over whether or not they wish to review the product. If the blogger accepts the review task, they are given 48 hours to complete the review and notify the sponsor of it’s location.

The cost of the reviews is based directly on the popularity of the blog. For the advertisers, reviews start at $40 USD and go up from there. This money is split evenly between the writer of the review, and the ReviewMe site. Payments to the writers are are made every month between the 1’st and 4’th. Payments can be received either by check or PayPal.

Concluding Remarks:
While it may not replace your day job, if you’ve got a reasonably popular blog and a love for writing, you could definitely use this resource as an opportunity to earn some revenue through your site. The signup process is simple and easy, and full control over your reviews means you only have to review the things you want your visitors to see. In other words, no unwanted spam!

From an advertising perspective this is a great opportunity to advertise your product or service to people who want to hear about it, in a way that is unobtrusive and highly effective! It generates word of mouth buzz, gets you great feedback and taps into the incredible power of the blogging world.

All in all, it sounds like a win-win for both advertisers and bloggers. Check it out for yourself at

10 Of The Most Important SEO Website Design Tips

1. Optimise every page on your website

The major search engines are not looking at individual websites and ranking them, they are ranking pages from every website in the world. This means that if your website contains more than one page you should optimise for the specific content that is found on each page.

Optimising each webpage is overlooked by so many websites within Ireland and can be the difference between competing for a highly competitive keyword phrase such as ‘Website Design’ and competing for a much less competitive keyword phrase such as ‘Website Design Tips for Search Engine Optimization’. After that they can check out the rest of your website that is all about ‘Website Design’.

2. Pick appropriate keyword phrases

This is the single most important thing to do when it comes to optimising your website for search engines. The keywords that your potential customers type into Google, Yahoo, MSN, and Ask Jeeves are the keywords that your site should be using within the specific areas of your webpage (see below; Optimizing your Page Titles and Optimizing your Content). There are a number of useful keyword research tools available on the web. The most recommended and user-friendly are Wordtracker and Keyword Discovery. Both offer trial versions.

3. Optimizing your Page Titles

All of the major search engines have 100’s of different algorithms that compute where your webpage should be listed for different keyword searches. Putting your keywords within the Title description (the blue bar you will see at the top of your screen) of your pages is one of the most important SEO techniques and will help your website climb through the rankings and allow your visitors to remember exactly what your page is all about when they save it to their ‘favourites’.

4. Optimizing your Page Content

It is sometimes very difficult to write content for your website. Not only do you need put the information that you want the visitor to see in front of them in an easy-to-read style, you also have to keep in mind the keywords or keyphrases that your page is targeting so that you can rank better within search engines.

One of the best pieces of advice that I have come across is to write for your visitors and include the keywords and keyphrases as much as makes sense. Read what you written out loud to yourself and a few others. If it sounds stupid… lather, rinse, and repeat.

5. Create an inbound linking strategy

Submitting your site to online directories is a very beneficial way to drive targeted traffic to your website. People will find your listing in a directory and click on the link to go directly to your site.

This not only brings visitors to your website, but it also creates links for search engine ‘spiders’ or ‘robots’ to find your website and index your pages within their results. If your site doesn’t have a link pointing to it on the World Wide Web the search engines will never find it and you will never see any traffic from Google or the other big ones.

6. Descriptively labeling your links and images (aka the anchor text)

This technique is both common sense and good practice. Telling your visitors what the link that they are going to click on allows them to know exactly what they are going to be directed to. Saying ‘click here’ is not enough to help them understand what they’re going to find once they click through. Be as descriptive as possible with every text and graphical link on your site. The cool thing about writing your anchor text and alt attributes to be descriptive is that you can almost always describe the page you’re pointing to by using its main keyword phrase which is another one of those many factors search engines that into account when it comes to ranking your web pages.

7. Make sure your site is spider-friendly

Your website may look fantastic. You and your web designer may be talented graphic designers that can make Flash and Javascript dazzle your visitors with a show that would put RiverDance to shame. However, if your website contains Flash and Javascript it’s important to know that search engine spiders can’t read this code (or appreciate the effort you put into the design). The way around this is to provide navigation alternatives to allow the spiders crawl deep within your website and index the web pages within their results.

8. Create Fresh Content

When you are optimizing your website properly you will see a trend. If you are doing something that benefits your websites visitors then the search engines will reward you for it.

Search engines do tend to like websites that create fresh content regardless of the format. If they know any given site is adding new articles on a frequent basis, they will come around often to index it.

Blogs and forums are effective and easy ways of adding new information to your site on a regular basis.

However, if your only purpose of setting up a blog or a forum is for better search engine rankings then there really is no point in doing it. Only add a forum if it contributes something beneficial to your website and if you have the traffic to make it interactive enough for visitors to return to it. And, only add a blog if you have something of interest to say on a regular basis.

9. Do not think that you can trick Search Engines

As noted before, ‘If you are doing something that benefits your websites visitors then the search engines will reward you for it’.

If you try to trick the search engines by hiding keyword phrases in your pages by making the text colour the same as the background colour, hiding keyword phrases in tiny font, joining link farms, or any other sneaky practice your sites will be removed from the search engines and it will take you a long time to get back in (and you will also have to spend more time cleaning up your website before they will accept you).

10. Offer something unique

If your website offers something that is unique and interesting to your target market and it is properly optimized (by applying all of the techniques that are listed above) you will not only rank well within the major search engines, you will also get the added benefit of people linking to your website in forums, blogs, and through other websites which will send your site more visitors and create more inbound links which will help it rank higher.

Original content found at: wHiN

Open Source Website Designs

Looking for website design ideas? Check out the Open Source Web Design site. You will find over 1000 completely free website designs (open source) ready to be downloaded. You could either use complete designs, or glean site designing ideas from the many different options available.

Open Source Web Design is a place to download free web designs and share yours with others. We help make the internet a prettier place. –

All the website designs can be easily previewed and downloaded, and come with source images along with everything else you will need to make a great looking website. Some also come with multiple stylesheets, allowing you to easily tailor the look and feel of your particular website. You can even contact the author of any given design in the event that you have questions or just want to hire them to design MORE stuff for you.

All-in-all, the Open Source Web Design site is a pretty useful tool for any website designer to keep in their ‘back pocket’.

CSS Three Column Layout

Designing a clean, flexible, three column website is more difficult with CSS than you may think. Unlike when working with tables, CSS styled content does not necessarily always flow in the most flexible manner. You cannot always expect CSS to expand with the content, in the same way that tables might.

This can cause difficulties when, for example, you might want to build a web page with multiple columns. Where table columns would all expand together to fit the column with the most content, CSS columns are typically controlled individually. As such, it can be a challenge to build a three column website where all columns are equal height and can flex with the amount of content within them.

Fortunately, solutions DO exist. One of the best solutions to this problem that I have found so far, can be found at this link: 3 col layout with equalizing columns and footer

In his example, the author has created a flexible CSS layout that will run a three column website, leaving the columns to be flexible enough to grow or shrink as content demands. This design also demonstrates the ability to keep the footer at the bottom of the page, regardless of lack of content. If there is more content than room on the page, the column will extend down. However, if there is less content than needed to fill the page, the footer will stay fixed at the bottom of the window.

Keyword Selection Tool

One tool that I have found to be very useful in optimizing my web pages for search engine rankings, has been the Overture Keyword Selector tool. This little online keyword selection application allows you to enter a keyword or phrase, and will return both an indication of the estimated number of times that term has been searched for, and a list of potentially related keywords or phrases and the number of times THEY have been searched for as well.

This is useful in both helping you to know whether a particular keyword or phrase is popular, as well as helping you to find other keywords or phrases that might be easier to target. You might see that a particular keyword has huge results in the keyword selector tool, but good luck getting first page search engine results for that word. Then you notice that there are five other phrases related to that same keyword, which would be much easier to target, and together would yield more results than the initial word you were aiming for.

CSS Rounded Corners

In the past, one of the downsides of CSS was the fact that it was difficult to create pages with a more rounded look and feel. It is nice at times, to be able to design more than just a simple square box. To avoid this problem, one option has been to create small graphics which sit in the corners of the box and look a bit more pretty than the standard square.

Now, CSS allows us to begin experimenting with other methods of creating rounded corners. One of these methods is being called ‘Spiffy Corners‘ and allows us to make anti-aliased rounded corners with pure CSS. No images required.

Source: Spiffy Corners – Making anti-aliased rounded corners with CSS

Ten Deadly Sins of Website Design

I found these tips on another site, but thought they were really appropriate. There’s a lot of webmasters out there that could learn from these basic tips.

  1. Not following basic typographic rules
  2. Being too creative with navigation
  3. Creating a cluttered navigation system
  4. Making sure the site requires certain technology to work
  5. Thinking that accessibility is only about blind people
  6. Ignoring web standards
  7. Not keeping search engines in mind from the start
  8. Basing the site structure on your organisation structure
  9. Using grey text on grey background
  10. Skipping the feasibility study

Source: Ten deadly sins of web design | 456 Berea Street

Explaining Google PageRank

One of the mysteries of website promotion is the question of what Google PageRank is all about. A basic explanation would be that Google PageRank is the level of importance between 1 and 10 that Google assigns to your website. This numeric level is based on a number of factors, including relevancy, incoming links and so on. Google works on the premise that each time a website links to yours, it is essentially a “vote” for your website. The more votes you have, the more important your website appears to be and as such, will rank better in search engine results.

Not only do you need votes for your website, but the votes must be relevant. For example, if you have a website about Google PageRank, and have hundreds of websites about footwear that link to you, those votes really don’t count for much as far as Google is concerned. If on the other hand, you have websites about search engine optimization or text-link relevancy linking to you, those votes will be considered far more valuable.

The other factor in this system is the PageRank (PR) of the websites that link to you. Having numerous PR 2 sites linking to yours is not as valuable as links from a few PR 8 sites. Therefore, in your website promotion and marketing, it would make the most sense to work on getting quality (high PR), relevant links pointing to your site, rather than spamming your URL out to hundreds of sites with no PR and no relevancy to your content.

One way that you can get quality links pointing to your website is to buy them. Often it can be difficult to convince a site with a high PageRank to link to your little PR 2 website, but programs like Text Link Ads allow you to browse through their list of websites, find relevant sites with higher PR, and purchase links on those sites pointing to your own.

For a more detailed analysis of how Google PageRank works, check out this page on