There certainly is! Here are the top five ways you can strengthen your site and increase your online visibility.

1. Strong Hosting

This first point is mostly important for those who don’t have their own Website yet but eagerly want to create one. After you have selected your domain name, the next step is to choose a hosting plan. There are many good, affordable alternatives, but what professionals usually recommend is specialized blog hosting. This form of Web hosting allows you to set up a professional-looking Website in no time at all. Why is this important to mention when it comes to making your site more popular? Well, without strong hosting, you won’t be able to handle a traffic to your new Website, which means you’ll have no chance at all of becoming well liked.

Of course, finding strong hosting is often easier said than done. The hosting industry has grown very popular in recent years, and this has lead to large numbers of companies offering various hosting services. But don’t be fooled by their tricky ways of making it sound as if they are the best in the industry. We would recommend you partner up with a company that has a strong reputation and experience in the business. You might start at Web Hosting Search for reviews and other information to help you find the right fit.

When it comes to hosting, you should compare the different features included with the plan. Make sure you are guaranteed at least 99.9% uptime and that customer support is easy to get hold of. You never know when you could need them. Likewise, it is also good to know exactly what kind of numbers in terms of disc space and bandwidth will you be allowed to use and manage. Some providers also forbid their clients to upload music or video files to their servers even if it is for personal use. It’s important to ask customer support to resolve such issues before purchasing a plan. Some other things you might consider asking are whether your domain name registry information will be protected and how many different e-mail accounts will you be allowed to use as part of the hosting agreement.

Having something interesting and distinctive on your page is a great way to attract potential link partners. For example, if you are running a Website about domain names, why not add a domain name availability checker to your homepage? It will most likely attract links from other sites related to the niche, and people will tend to come back again if they want to know whether a domain is available or not. Try to be extra creative to set yourself apart from competitors.

3. Take Advantage of Social Media Optimization

Even though SEO should be a big part of your site optimization, it shouldn’t end there. Social Media Optimization is probably just as important, since it’s one of the strongest marketing tools available today. A social media optimization campaign should include a few different things. First, make sure the content on your site or blog is relevant to your topic and not out of date. Visit similar sites and join the discussion in leaving comments on posts/articles — don’t be afraid to say what’s on your mind. Make yourself visible on Facebook and MySpace. Three other sites that can be useful for social media optimization are Twitter, Flickr, and YouTube. The two latter ones are not always applicable. Make sure you only take advantage of them when the time is right — you might do more harm than good if you don’t.

Obviously, don’t forget to include outbound links to your Website on any social media site you utilize. Even if your link has a “nofollow” attribute attached to it (e.g. like in Facebook), you will still attract new visitors and potential customers to the site. Lastly, your campaign should be built on friendly platforms, such as CoffeeCup Flash™ Blogger, which make it easy to create and edit content.

4. Get Your Visitors Involved

A crucial point to make your site grow in the number of visitors is by getting them involved. Try to write in a personal style, and don’t be afraid to leave an open question. If this shouldn’t do it, why not hold a contest? This will most likely get people talking about your site. The prize doesn’t have to cost a fortune, since people like to compete regardless of what the award is — it’s human nature.

Other easy ways of getting your visitors involved is by including a forum on your site or the possibility to comment on your posts/articles. Everyone wants to express their own personal ideas and thoughts on topics, and by allowing them doing so, you also increase the chance of visitors returning to see how was their feedback appreciated. As an added bonus, if the topic is extra popular, the discussion could attract interest from other Websites as well!

Colors have many effects on people. Certain colors can invoke specific emotions in people. Emotional reactions can affect the image of your company in the visitors mind and can have a major effect or your company’s “brand”.

If you doubt color evokes emotion, consider the phrases, “green eyed monster” “seeing red” or “in a black mood”. The green-eyed monster is a reference to jealousy, seeing red means a person is angry and a black mood refers to depression. People do associate colors with specific moods. Scientific texts have proven that different colors can make people happy, sad, relaxed, excited, angry or afraid.

Anything that can evoke those responses in people needs to be looked at carefully when designing your website. Colors tend to be classified as “neutral, “warm” or “cool”. So, let’s take a look at some of them.

Neutral Colors

Whites – Whites stand for purity and cleanliness. In eastern cultures white is the color of death while in western cultures in is the color of marriage and hope.

Grays – Grays exude reliability and conservatism. Shades of gray are one of the most popular colors for business attire.

Browns – Browns stand for the earth, home and family.

Blacks – Blacks tend to signify power, elegance and sophistication. In western cultures also stands for death.

Warm Colors

Reds – Reds are good for attracting attention. That is why they are frequently used in sales letters to emphasize specific points. Red symbolizes, anger, violence, lust, passion and can actually raise people’s blood pressure.

Yellows – Yellow can mean weakness or cowardice as well warmth and happiness.

Oranges – Orange is associated with fall harvesting and Halloween. It can also stimulate a person’s appetite.

Pinks – Pinks usually symbolize innocence, femininity and romance.

Cool Colors

Blue – Blue has a calming effect on people. It exudes intelligence and trust. It is a surprising that many financial and health care institutions use blue themes. Blue can also suppress appetite.

Green – While the green stands for jealousy, greed and inexperience, it also stands for money and wealth.

Purple – Purple tends to symbolize creativity. The darker shades were once reserved for royalty and the lighter shades are usually associated with romance.

Web Safe Colors

Vacuum tubes, LCD and Plasma screens all display colors differently. There are 216 colors that can be displayed on every type of monitor in every web browser and will look almost identical. These 216 are called web safe colors. If consistent color is important, you should only use web safe colors on your websites.

Color Schemes

Color schemes can be composed of a single color, complimentary colors or contrasting colors.

Single Color — Single color schemes uses several different shades and intensities of a single color on a white background. For example, if you want to use a red color scheme, you can use everything from the lightest pink to a red so dark it is almost black.

Complementary Colors – Complementary color schemes use two or more colors that look good together and create a pleasant blend that is appealing to most people. One color may be dominant and the other used to compliment it.

Contrasting Colors – Contrasting color schemes use two or more dominant colors to create an “eye grabbing effect”. For example, using a dark blue page background, a deep red frame around a white background text area with black text is a typical contrasting color scheme.

Web designers need to be careful when using contrasting colors because some combinations tend to “vibrate” such as red text on a blue background and can hurt some people’s eyes, while other combinations are just had to focus on. Other combinations “clash” and are unpleasant to look at.

General Color Guidelines

The following guidelines are suggestions that should make your web pages readable for everyone.

• Text should be readable. Obviously black on white is the default choice but others are also good. White or Yellow or other light colors work on black or any other dark color background. But, Yellow, Green or Gray on white does not.
• Use colors that are attractive and pleasing to the eye.
• Select the colors that portray the image you want to give your visitors.
• For consistent colors across different browsers, use web safe colors.
• Do not use a normal color intensity images as a background behind text. It makes it difficult to read. If you use an image, use it as a faded watermark.
• Colors should be uniform on all your web pages to create a “brand” for your site and let your visitors know they are still on your website.

When you come to designing your website, choose you color scheme just as carefully as you choose your graphics and content. The overall appearance will determine the impression the visitor gets of your company and can mean the difference between success and failure.

To be effective website navigation must first and foremost make sense to the average person. While there is always room for creativity, well-designed websites tend to have similar navigation layouts.

As a web designer you must always keep in mind the basic purpose of the website and the intended audience when designing navigational elements. Most websites exist to either inform the visitor about a product or service or to actually sell the product or service. Therefore there are some basic guidelines to follow:

Make sure all navigational elements are clearly links by using standard conventions for links such as buttons, menus, underlining the text or changing color on mouse. Resist the temptation to use clever or ambiguous names for links.

When using non-conventional links, explicitly tell the visitor that this is a link. For example, suppose you design a web page where you want to use a map showing several different cities and want to let the user click on the city name to pull up information about that city. Just make sure you tell the user to click on the city name to get more information about that city.

Remember the “Three Click Rule” that most professional web designers use. Studies have shown that most users will not click more than three links to get to the information they want. So every page on your website should be reachable within three clicks.

I do not recommend using a flash movie or other type of splash page on your website. Keep the web page design simple yet attractive. But if you do decide to use one, make certain you use the META REFRESH tag to take the visitor automatically to your home page after a few seconds and provide a clickable, clearly marked button or link so the visitor can skip the entry page and go directly to your home page otherwise a large percentage of visitors will just click away never to return. Remember most visitors are looking for information not entertainment.

Navigation Element Locations

Top Menus – a top of the page menu bar is usually located directly below the page header graphic that contains the site logo. These menu items may be single links, drop down menus, or expanding menus. Each menu item can be represented by a graphic or just text. In ether case a hyperlink is associated with each item that the visitor can click on to get to the information described.

Left Side Navigation – left side navigation is typically implemented as either a column or text area on the left top portion of the webpage. Like the top menu, each item can be a single link or an expanding menu.

Right Side Navigation – right side navigation is not used that often, but when used, it is implemented as a column or text area on the top right side of the webpage. Most designers use this area for advertisements rather than site navigation.

Bottom Menus – bottom menus can be either a menu bar or footer. Menu bars use either graphics or text links while footers almost exclusively use text links.

Important Navigation Elements

Internal Page Links – Every page on the website should be within two or three clicks from the home page. Important pages should be ONE click away. The type of website will determine which links are more prominently displayed.

Login Boxes – login boxes should be prominently displayed. Common locations are top left, top right or inside the page header.

Shopping Carts – if you use a shopping cart to sell your products, you should prominently display a view cart button on each page. The most commonly used location is the top right side just below or as part of the header.

Order Buttons – if you use individual order buttons they should be large and visible. The fewer clicks it takes to get to your order page, the more orders you will get.

Breadcrumbs – breadcrumbs are both links and a graphical representation of where you are in the site. Breadcrumbs are usually located at the top left of the page just under the header. Each word is a link back to the previous page. They are in the form

Home-> Articles-> Marketing

External Links – external links can be used anywhere but are most frequently used inside the text areas on a website. They may be references to more information located on another site, to recommended products, or to almost anything else.

Advertisements – advertisements are usually either a graphic or text with an associated hyperlink. Ads can be placed anywhere on a webpage but are usually used just under the header banner, down the right hand side of the page, under navigation elements on the left margin, across the bottom of the page or even interspersed within the test areas of the page. Studies show that ads “above the fold” are more effective.
(“Above the fold” refers to the area of a webpage that is visible without having to scroll.)

Downloadable Items – if you offer downloadable items such as audio, video or pdf files, make sure that you tell the user haw big the file is and whether they need an application to use the file. If they do an application, provide a link to the application. For example, provide a link to the free Acrobat reader if you offer pdf files.

Site Map – A site map is a good way to layout your entire site for your visitor. (Search engine spyders like them too.) It is just a hierarchical listing of every page on your site with a clickable hyperlink to that page.

Summary

A good navigation system can increase the numbers of pages viewed by each visitor. This in turn can increase signups, customers, sales, members or whatever it is your site is designed to do and make your website more successful.

The graphic file formats supported by most popular web browsers are Graphic Interchange Format (GIF), Joint Photographic Experts Group (JPEG), Portable Network Graphics (PNG) and vector graphics. Some of the properties of graphic files are:

• Transparency – this property allows the image to be varying degrees of opaqueness from solid to completely transparent (see-through).
• Compression – this property allows the image to be stored in a much smaller file by using a mathematical algorithm to handle groups of pixels as a single item.
• Interlacing – Interlacing allows the image to be loaded by first drawing the odd rows and then going back and drawing the even rows. It allows the visitor to see the picture sooner.
• Animation – Animation gives the appearance of movement by using a series of successive still pictures. Animated gifs do not require a browser plug-in and can work on almost all devices.
• Progressive loading – Progressive loading is similar to interlacing in that it only loads a portion of the picture initially but is not based on alternating rows and allows the user to see the picture quicker.

GIF

GIF was originated in the 1980 and was adopted by web designers in the early 1990s as the preferred graphic format for web pages. GIF files use a compression algorithm that keeps file sizes small for fast loading.

They are limited to 256 colors (8 bits) and support transparency and interlaced graphics. It is also possible to create animated graphics using the GIF format. All browsers can display GIF files.

GIF Advantages:

• Most widely supported graphic format.
• Diagrams look better in this format.
• Supports transparency.

JPEG

JPEG files are compressed but support “true color” (24 bit) and are the preferred format for photographs where image quality matters. JPEG supports a progressive format that allows for an almost immediate image that will improve in quality as the rest of it loads.

Unlike a GIF file, the compression for JPEG files can be controlled by the web designer,which allows for different levels of picture quality and file size. All browsers can display GIF files.

JPEG Advantages:

• Large compression ration mean faster download speeds.
• Produces excellent quality for photographs and complex drawings.
• Supports 24-bit color.

PNG

PNG is a fairly recent format that was introduced as an alternative to GIF files. PNG supports up to 24 bit color, transparency, interlacing and can hold a short text description of the image’s content for use by search engines.

Unfortunately, most browsers do not support PNG and the ones that do support it, don’t support all of its features yet. But that will change in the future.

PNG Advantages:

• Overcomes the 8-bit color limitation of GIF.
• Allows text description of the image for search engine use.
• Supports transparency.
• Diagrams look better than they do in JPEG.

Vector Graphics

Most web graphics are raster images or bitmaps, which consist of a grid of colored pixels. Drawing and illustrations should be created as vector graphics which consist of mathematical descriptions of each element that makes up the lines shapes and color of the image. Vector graphics are created by drawing programs such as Adobe Illustrator and Macromedia Freehand and are the graphic artists choice for creating drawings. Vector graphics must be converted to either GIF, JPEG OR PNG format to be used on a web page.

Which Format Should You Use?

A web designer could choose either the GIF or JPEG format for most uses. But, since the file size of a GIF is usually small than the file size of a JPEG, most web designers will use the GIF format for backgrounds, boxed, frames and any other graphical element that look fine using 8-bit color.

Most designers will select the JPEG format for photographs and illustrations where the compression doesn’t compromise the visual quality of the image.

As PNG becomes fully supported by most web browsers, it will probably replace GIF as the web designer’s choice for non-photographic page elements. However, GIF will still be used for animation.

Bottom Line – GIF and JPEG are universally supported and the web designer’s choice is determined by the graphic element being used.

A website contains several distinct aspects:

• Look and feel – primarily the graphics, color scheme, navigation elements, etc.
• Content – information, products, etc available on the site.
• Functionality – functionality includes interactive features that the web site provides to the visitors and the required infrastructure needed to provide them.
• Usability – the site from a visitor’s perspective and includes things like program interactions, navigation and usefulness.

Look And Feel

Look and feel includes overall appearance of the website. A Graphic designer decides on what colors and fonts to use and how to layout each of the sites pages.

The graphic designer needs to have a good appreciation for aesthetics and feeling for what combinations of colors and imagery will project the image that the website owner wants visitors to have of the site.

Content

Content is all of the text that is found on a website and includes everything from the privacy policy to a very persuasive sales letter extolling the benefits of a product and asking the visitor to part with their hard earned money and everything in between. If it is written text then it is part of the content. You need a copywriter and editor to create good content.

Functionality

Functionality includes all of the interactive aspects of a web site and includes animation. The common denominator is that programmers using the various web programming languages that work either on a web server or in a web browser create all of these functions.

Flash can be used to animate graphics. Perl, php and java are programming languages used on the web server to create sophisticated dynamic web pages. These pages can work independently but most commonly with a database to create all of the features we have come to expect from a website.

JavaScript is used in browser to create a lot of cool effects such as swapping images when a mouse moves over an image, “ticker tapes”, links changing colors, etc. JavaScript works in the user’s web browser rather than on the web server.

There are also other “backend” applications that are transparent to the visitor such as form processing, content management and other administration programs that make it possible for non-programmers to maintain some aspects of the website’s data.

All of these programs have to be integrated into the HTML code to be used on the webpage.

Usability

Usability is the website viewed from the user’s point of view and involves mostly testing things like:

• Does the look and feel are actually portraying the proper image?
• Is the navigation is user friendly?
• Does the navigation lead the visitor to where the owner wants them to go?
• Does the site load quickly?
• Do the applications work properly?

Design Versus Development

Unfortunately, there is a lot of overlap and integration needed between web design and web development. When you toss in content creation and usability testing, it becomes a real mess.

Can a single individual do all of these things? There are some people who can do all of these things but most people only do one or two of the tasks.

Web design usually involves content creation and look and feel while web development involves creating the functionality and testing its usability.

Web designers need to be proficient with graphic design tools like Photoshop. Most also know HTML so they can implement their designs. However, using animation on the site and layout for the site’s content are also part of the web designer’s responsibility.

Many site owners provide the content for the website but a web designer needs to be able to edit and even rewrite the content if necessary. Web designers also normally do the usability testing for the navigation and site loading speed.

Web development programmers create the functionality for the website, but all of that functionality must be integrated into the HTML pages on the site. Alternatively, the HTML content could also be integrated into the program. Web developers also do usability testing on the site, at least for the functionality they create. So the programmer also needs to have some HTML knowledge as well.

In either case the web designer and web development programmer need to work together to assure that the website does everything that the site owner requested.

Bottom Line – Only large companies can afford to hire separate experts in graphic design, programming and usability testing when building a new website. In most other cases, the web designer and web development programmer are two different people who must work together to create a successful website.

Most of the commercially available templates can be found in a variety of themes and color schemes. Theme templates come complete with appropriate graphic for each theme. If you have some graphic or web design skills and a knowledge of HTML, you can create a customized professional looking website at a fraction of the time it takes to create everything yourself. Just remember you don’t own the copyright to the design.

Before selecting a template, you will need to identify the goals you have in mind for your website so you can select the most appropriate template.

Advantages of Using Website Templates

There are several advantages to using templates such as:

* Templates provide the basic webpage layout.
* Templates can provide a consistent look and feel for the site.
* Most come with professional quality graphics.
* Most allow you to customize the graphics if desired.
* It is usually easy to add your content using almost any HTML editor.

Disadvantages of Using Website Templates

* It can be difficult to make any web design changes unless you are skilled in both HTML and can use a graphics program like Photoshop.
* Although features like a login box may be part of the template design, the programs needed to make them work are not included.
* Any interactive features have to be integrated into the template.
* You do not own the copyright to the design unless you actually purchase it from the designer.

Features of a Quality Website Template

The following items are things to look for in a well-designed web template. A template should:

* Be easily editable.
* Be compatible with most HTML editors.
* Upload easily.
* Come with complete html files.
* Have header graphics provided in psd format for easy editing.
* Have their both the fla and swf files if the template uses flash.
* Download quickly after the content is added.
* Retain the original design no matter how much content is added.

Customizing an HTML Web Template

If you want to customize a web template but don’t have the necessary skills to do it, most template designers and other web designers offer template customization services as reasonable prices. These services usually involve minor design changes, customizing header graphics, adding logos, removing unneeded unattractive elements, etc.

Many web developers will be happy to integrate any interactive features into your template. Please keep in mind that the developer will either need to write the necessary scripts or modify existing scripts to make the interactive features work. If an existing script is not freeware, the web developer will have to add the cost of purchasing a license for the script to his labor charges.

Customizing a Flash Web Template

If you want to do anything more than just add text or substitute a graphic file in a flash template, you will either need have expertise in creating flash programs or hire a flash programmer to modify the template.

If the fla files came with the template, you can modify it using a flash editing program such as Macromedia Flash or Swish. If the fla files are not available the first thing that needs to be done is to decompile the movie since the swf files are movies. Once the movie is decompiled, the necessary changes can be made and the flash movie recompiled in any flash editor.

Summary

A quality web template can allow a novice webmaster create a professional looking website quickly and easily at a reasonable cost. Since the templates came in a variety of industry specific themes and color schemes, you should be able to find one that is right for your website.

Web template can offer the professional designer a lost cost alternative to creating the web design, header graphic, logo and all of the other graphical elements, which will allow them to charge less for their work. In either case, it is important to purchase a quality template.

In an ideal world, a web designer could use the highest quality photos and have the webpage download lightening fast. Fast loading requires small file sizes for pictures. Unfortunately, there is a trade off between picture quality and file size.

Web surfers are a notoriously impatient bunch. If a website takes too long to load, they will just click away and never come back.

Computer monitors can only display images at 72dpi (dots per inch). So the first step in photo optimization is to reduce the resolution to 72 dpi. Large picture can be sliced up into smaller ones and the put back together on the web page. Each piece will be a very small file and together will load in a fraction of the time a single image file would load.

Most graphic files contain information about the color palette of the image. This information is usually unnecessary for displaying on the web. Many graphic programs included the ability to “Save for the web”. This option discards all of the unnecessary information in the file without any loss of picture quality.

Another method that appears to speed up load time is to use either the GIF or PNG interlaced or the JPEG progressive property. Both of these properties allow the picture to load gradually as first a blurry image that becomes sharper and clearer. In reality the picture actually loads a fraction of a second slower than the regular formats do but it appears to load faster the site visitor.

Width and Height IMG Attributes

The HTML <IMG> tag tells the web browser to create a specific sized box to hold the graphic. That way the browser can continue loading the rest of the web page while the graphic file is downloading. If you don’t put the width and height attributes, the web browser must pause until the images is downloaded before it can load the rest of the page.

How Many Images should you use?

Some web designers use images for everything. While it may look good, it will definitely slow down the speed of the page loading. Page loading speed in the sum of the HTML file plus the size of all of the embedded files. Images constitute more than 50% of the download time.

Using fewer images will speed download time and just may keep a visitor from bailing through impatience.

Photo Quality

Photo quality is determined by the clarity, color purity and detail of a photo. Use a graphic editor to remove noise and other unwanted features. Most editors allow you to correct red-eye and sharpen edges to improve clarity.

Professional editors like Fireworks or Photoshop will let you change the background, adjust the color levels and do almost anything else you want to do to the photo.

You can also use a thumbnail on the webpage that links to a larger and higher resolution version of the image so that people who want to can view it.

Photo Optimization Guidelines

The following suggestions will allow you to optimize your photos for fast download times without sacrificing picture quality:

* Change the resolution of all images to 72dpi.
* Convert graphic text into stylized text.
* Crop the images to the actual size needed.
* Minimize color depth when it’s not necessary for quality.
* Specify the actual width and height of all images.
* Use thumbnails where appropriate.

Bottom Line – Graphics should enhance the content of a web page except in that rare occurrence where the images are the content. In either case, you need to optimize photos and other graphic files to allow for the fastest downloading time possible for the web page otherwise you risk losing the visitor forever.

Some of the necessary skills to design and build a website are:

* HTML knowledge – some basic knowledge is necessary but good web design software can help.
* Artistic ability – a good eye for color and generally good taste are necessary for a web designer to create an attractive web site.
* Graphic software expertise – some knowledge is necessary to produce attractive clean photos and site graphics. It is also needed to optimize the pictures to the smallest possible file size for quick loading.
* Navigation Expertise – Understanding the functionality of website navigation design and implementation is a critical skill.
* Programming – you could possibly need CGI, JavaScript or database programming to add interactive web pages or integrate it with an online database.
* Marketing and business experience – whether you are building a personal website, or a business website, there are some major business and marketing aspects that need to be taken into consideration right from the beginning deisgn stage of the website.

What if I Can’t Do All of That ?

If you don’t have either the time or the skills needed to build your own website, you can hire a professional to do all or part of it for you. A good place to find a professional web designer is one of the many freelance jobs websites available. These freelance job boards allow you to hire individuals with the expertise you need: web designers, programmers, SEO specialist, copywriters and more. It can be one person or an entire team of individuals. Alternately, you can hire a local web design firm. Freelancers are usually cheaper because many of them live in countries where there is a 5:1 ration in salaries. That means $1 in the US is the equivalent of $5 in their country. So, paying them $5 an hour is like paying someone in the US $25 an hour, which is the minimum price you can hire people with the necessary knowledge.

Content writers who are native English speakers charge from $0.05 per word and up. Non-native English speakers can be hired for around $0.02 per word. But if your website is in English, you probably want to hire a native English speaker to write your content.

Make sure you communicate to the web designer, web developer or copywriter you hire exactly what you need to achieve. A good website designer understands how to build internet marketing into the site design to make it search engine friendly.

What does outsourcing cost ?

For a simple five or six page website, expect to pay anywhere between $100 for just the web page design and $1,500 for the entire site with graphics and content. For a more complex interactive website you may pay from $500 for just the programming to $10,000 and up for the entire website.

There is all a cost in your time as well. You will need to manage the project: writing the project specification, spending time writing emails to the freelancer, doing some quality assurance testing, etc. In some cases you will find that developing a website in-house can be cheaper then outsourcing it.

Remember, it’s not always about the money. If you already have an established company brand, you probably want to seriously consider hiring a professional web designer to be certain that you maintain your brand and present it professionally on your website.

Summary

The decision whether to hire a professional web designer or to build the site yourself depends on what skills you have, how much time you can spare and really whether or not you want to do the work yourself.

Web Content

You want the visitor to see you as a knowledgeable information source and/or a reputable business. Poor grammar and spelling will immediately reduce your credibility. Remember that people use the internet to find information. Whether you are selling your own product or recommending someone else’s products, you must first provide valuable information to the visitor or they will click away and find a website that gives them what they what they want.

Cross Browser Compatibility

There are at least a hundred different browsers in use. You must design your website to work properly in the most widely used browsers. To do that you may not be able to use all of the really great special effects that are available because they may not be supported in most browsers.

Even though most web browsers are free, people do not necessary bother to upgrade to the latest versions. The average surfer may not know how to upgrade their browser or have the attitude, “If it works, don’t fix it.” Remember your visitor may have a PC, a MAC, a Linux box, a PDA or a cell phone and they all use different browsers.

Good web design requires your web pages to work in Microsoft Internet Explorer, Netscape, Firefox, Opera and Safari at a minimum. Validating your HTML code will help but the final test is to view your website in different browsers running on different platforms.

Graphics and Photos

Web surfers are impatient and studies show that most people will click away if a webpage takes longer than 10 seconds to load. Always optimize your photos and other graphic files to have as small a size as possible without sacrificing picture quality.

Always use the height and width attributes on the picture so the rest of the page can load while the graphic files is downloading. Use the ALT HTML tag so people with graphics turned off and those using hand held devices know what the picture is supposed to be.

Background Colors

If you use anything other than white behind text, be sure to specify link colors otherwise the user’s browser defaults will determine what color the links are which can make them unreadable.

Multimedia

Multimedia is composed of flash movies, video clips, audio clips and background music. Always use streaming media because it reduces download time. Make sure the visitor can stop and start multimedia files or in the case of flash introductions, skip them if they want. That way people with slow connections or devices that don’t support multimedia can ignore them.

Also, put any important information presented in multimedia in text as well so the visitor has access to that information without using multimedia. If a plug-in is needed to use the multimedia, always provide a link to it so the user can install it. Finally, always remember the 10-second rule for site loading when deciding to use multimedia.

Site Navigation

Site navigation should be simple and intuitive. Studies have shown if a visitor cannot access the information they want within three clicks, they will leave the site. This is called the 3-click rule. Every area of your website should be reachable within three clicks from anywhere else on the site. If you use anything other than simple text links, make sure to test your navigation in all the major browsers.

Links

Periodically test all site links to be certain that they are valid. Nothing chases a visitor off faster than broken links. There are several free online services that will periodically check your links.

Frames

Avoid using frames, since they make it difficult to bookmark individual pages on your web site and you want people to bookmark pages so they can come back.

Summary

Good Web design is a combination of common sense and good planning. Your site should be attractive and easy to use and most importantly provide the user with the information or services they want.

As the average internet bandwidth rate per computer is raising, more and more webmasters allow themselves to develop complex websites laden with heavy graphic elements. In extreme cases you can find websites that take as much as a few minutes to load their content in your browser. Of course the user will never wait that long for a website to load, and will move on to the next website in his search results.

So why are webmasters still developing slow loading bloated websites? Primarily due to a lack of knowledge of simple graphic optimization techniques that will allow them to maintain an attractive website while keeping the page size smaller.

How many of you are aware of the fact that a box with rounded corners can be achieved using CSS code only, without the need for any graphic image. Well it is possible! Before those of you familiar with CSS say that it cannot be done for every type of browser and a relatively high level of programming is required, I say that dealing with the most common mistakes web designers make regarding optimization can have simple solutions.

Never limit the web designer by placing any restrictions that impact the final outcome. You might make the claim that what a web designer can do with graphic software is impossible to implement by code. I disagree. When the design is finished and you are ready to slice it into small images to be used in the html code, your creativity is been tested. Everything you do at this stage will affect the total page size. If your design contains rounded shapes that overlap each other or areas with color gradients, then you must slice it carefully so the outcome is a small file size.

Let’s look at what efficient slicing means:

1. Do not make large slices that contain lots of different colors. Use a small number of slices where each slice contains a limited number of colors.
2. Do not make a large slice that contains the same graphic structure. Slice a small portion of it and duplicate it in your code. This is a very common mistake that webmasters/programmers make when dealing with gradient color background.
3. Do not use JPEG file format all the time. In some cases a GIF format will be much smaller in size. A rule of thumb – a slice with high number of colors will be smaller in size using the JPEG format rather than the GIF format, and the opposite is also true. Check each option separately. Every 1KB that you reduce from the image file size will eventually add up to a significant reduction in page size.
4. If you have text on a solid color background, do not slice it at all. Use code to create the background instead. Remember that you can define both the font style and background color of the area using CSS.

Advanced Techniques

Graphically optimizing a website is more than just knowing how to do image optimizations. There are some advanced techniques that required a high level of programming. CSS2 has much more to offer then CSS does. Although not all browsers have adopted this standard yet you should be ready for when they do. JavaScript also gives you a set of options to create some cool effects without needing to overload the page with Flash. Using limited tools like JavaScript compared to an advanced application like Flash to create the desired effects can be difficult. However think about the outcome. For a onetime effort you can differentiate your website from others. You will have an attractive professional looking website that loads quickly.

Back to the Future

As PDAs, smart mobile phones and mini laptops are used with wireless internet connections for internet browsing, publishing fast loading web pages will enhance the browsing experience not only for those using wide bandwidth connections but also will make the browsing experience user friendly (or may I say, bandwidth friendly) to the wireless clients.

For those who insist that web design optimization is not necessary because everyone will have high bandwidth connections eventually, I agree up to a point. However, the software companies are creating applications that use more bandwidth because they know it is available for them to use. Get used to writing well optimized web pages because this cat and mouse game will never end, and it is better to learn the rules of the game then it is to be bitten.