Emmaus Designs' Blog

eCommerce websites have their own unique character that is designed to lead the visitor to one simple task – make an online purchase. A web designer needs to consider a variety of online selling principles while designing an eCommerce website. In this article we will try to take a look at some of the major design aspects that you must have in an eCommerce website.

Many of you are probably already asking why eCommerce website design is different from any other website design. They all need to be attractive, well organized and use the right colors that fits the website spirit and so on. Your instincts are good. However a close look at some successful eCommerce websites will reveal the conceptual differences that are typical in a successful eCommerce website.

An eCommerce website needs to follow certain selling principles:

1. Give the user a pleasant experience during his online shopping.
2. Make certain you provide sufficient information on who owns the website and why they should be trusted.
3. The website must be easy to use. If it isn’t, the visitor will go to your competitor.

Those principles are not new. We all know those basics from our day to day experiences in the mall, shopping center and every other market place that is waiting for us to open up our wallets. The big challenge for a web designer is how to translate those conventional marketing techniques to the virtual world of the internet. I’m sure you’ve all noticed that in most supermarkets the bread stand is placed at the far end of the building, yet you can smell the fresh bread at the entrance (sometimes they even use a special air duct to carry the smells). That has been done deliberately. Marketers use our sense of smell to draw us through the store where we are exposed to all sorts of tempting goodies as we go to get our loaf of bread.

How do you draw an imaginarily path in a web page? A path designed to lead the visitor to do what you want him to do…make an online purchase. Unlike the supermarket our website has no smell. In a website the distance from one point to the other is pretty much the same, so the exit is always right there. In a website you can try to order the “shelf” in the way you think will best expose the visitor to many of your products, but there is always a chance that he will find a short cut to another page that can also be the way off your site.

As can be see, although putting your products on the web is much easier then renting space and opening a supermarket. However, selling your products on the web can be difficult.

A good eCommerce website design will lead the visitor to the right page in one click or two at the most. Sometime web designers will use techniques that would never be considered for non-eCommerce websites. Everyone has seen at least one sales letter website. On these web pages the only link is to the order form. Sales letters are not the most typical eCommerce website because they usually sell only one product. That allows the web designer the ability to exaggerate the one click principle and make it an advantage. All the facts about the product have been presented to the user is a smart way while every few lines he has the option to click on the order form. If he is not yet convinced he will have the option to continue to read more facts and testimonials about the products. Believe it or not, those sales letter websites are actually selling.

“What about online shops?” Online shops have to deal with more then one product. Of course, the greater number of products increases the complexity of the website. Sophisticated eCommerce websites use a variety of personalization technologies in an effort to determine the best selection of products to offer to the visitor. Personalization technologies are a major part of advanced eCommerce websites. However this topic is beyond the scope of this article. The cleverness of an eCommerce website’s personalization technology has a major influence on its design. The first to use such technology was Amazon.com who decided to push their client’s books to a visitor based on that visitor’s past orders combined with the statistics they had collected on all visitors used to predict what someone looking at a specific book might also be interested in reading. Today the goal is to try to predict what to offer the user on his first visit as well.

An eCommerce web design is also about the layout. One important aspect is where the user’s eyes look first when accessing a web page. Lots of research has been done on this topic. Most research showed that the middle left side area will attract the most attention followed by the center of the page. By using these techniques web designers try to draw the “walking path” for the visitor’s eye, much like what was done at the supermarket. An experienced eCommerce web designer will know how to create designs to meets those demands.

If you are about to open an eCommerce website or you are already own one, make sure you understand the web design principles for online selling. Consider consulting with an experienced website designer preferably someone who has experience with eCommerce websites.

Good luck with your sales.

Web surfers are basically an impatient bunch and if a website is hard to figure out because the links are not obvious, they will click away never to return. Website navigation is one of the most crucial elements in determining the effectiveness of a website. This article discuses the basic principle of designing website navigation.

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 terms web designer and web developer are used interchangeably in the media and advertisements. But, they are not the same thing. Design involves what the visitor sees on your website, development involves the site’s functionality. This article explores the difference between these two disciplines.

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, content creation, 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.

Website templates are web page designs created by professional web designers that are sold to others for their use. Templates normally have dummy content used as a placeholder so you can see what a finished page will look like. A template is an easy way for a novice to create a good-looking professional quality websites quickly and easily.

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.

With the internet becoming a staple in people’s day to day living, it’s the perfect way to get your business or services noticed; however without an appealing website, chances of people spending time looking at your website are minimal. A superior web design is pivotal when trying to get people interested in what you have to say or sell.

There are several ways in which you can make your site stand out from the rest; using HTML coding is a good place to start. However HTML, CSS and JavaScript are all foreign concepts to most of us. Using a website design team means that your site will be in capable hands whose main aim is increasing traffic to your site. In order to make sure that you get the web page that you envisioned, you will need to liaise with your web design team and decide which type of site you want. There are a variety of different forms of website on offer that an experienced design team will know about.

The first kind of website available is E Commerce websites, as online shopping is becoming increasingly popular, especially amongst younger people. If you are going to sell products online then this form of website is a must; it will give you the ’shopping cart’ feature that you often see on most online stores making your website look all the more professional.

If you don’t plan on selling anything online then you’ll require either a flash or a HTML website. HTML based sites are a standard website design which allow you to incorporate links into your site so you can have different pages for different sections of your website. You’ll even be able to use drop down menus that can break things down for your website visitors.

Flash on the other hand can provide you with some great interactive media images, so if it’s easier to explain what your website is about using pictures rather than text, this is a great way to do so. However, a website that is completely flash based site rarely gains high search engine rankings. It’s advisable to use a mixture of both Flash and HTML in order to get a high level of traffic to your site.

Although the three different types of website may seem straightforward, it is still recommended that you use a web design team in order to ensure high search engine rankings, therefore increasing site traffic to your site.

How come everybody nowadays is an SEO Expert?

Let’s face it; not a day goes by where we don’t see someone offering their services as a Search Engine Optimization specialist. The strange thing is however, many of the people offering such services on the various forums tend to have no runs on the board themselves. 

Of course, I’m not saying there aren’t a great deal of reputable internet marketing services out there, but they are becoming increasingly outnumbered by those with little or no background at all, and it is these people and their companies which are highly unlikely to ever produce satisfactory results for their clients.

Perhaps one should bear in mind that there is no difference between investing your money in internet marketing, and investing your money in a regular market. In both cases you need to measure your results just as you need to target the correct audience. For example, you wouldn’t even consider wasting your money by advertising your product or your service in a newspaper that is completely irrelevant to your target market. Advertising is done for one purpose and one purpose only, and that is to bring in a return on your investment, irrespective of whether the advertising is done online or offline.

Why You Should Avoid the Amateurs

Essentially, you need to bear in mind that while any Tom, Dick, and Harry can learn about search engine optimization, it takes several years of dedication, practice, and careful analysis, in order to fully understand the different techniques, and how to apply different techniques to different types of business.

The bottom line is; a SEO campaign is in fact a highly intensive process that starts out with intense keyword research in order to establish which keywords are the most likely to produce maximum results for a website. Once the ideal keywords have been established, it can be incredibly tempting to simply spread them around on your website and hope for the best. However, in most cases you’ll find that the most popular keywords also have the most competition.

As such, why bother targeting particular key words, irrespective of how popular they are, if there’s virtually no chance they are going to help in terms of ranking? In fact, you could end up waiting for several months before the major search engines start recognizing your website.

On the other hand, a specialist who is highly skilled in internet marketing will be aware of which relevant keywords and keyword phrases will help to improve a website’s ranking. Likewise, a true professional will also know where the keywords and keyword phrases should be placed on a website in order for them to have the maximum amount of impact, without being penalized for keyword stuffing.

Onsite optimization of keywords is notoriously time consuming if it’s being done properly. But if your goal is to give a website a boost in search engine ranking, then this optimization process needs to be continued off-site as well. Here again, a competent SEO professional will know exactly how to go about implementing a successful link building campaign, including article marketing, submitting articles to directories, taking advantage of several social networking sites, and also social book marking.

Furthermore, because a professional SEO specialist appreciates the importance of being able to get a good return on investment, they will also make use of Analytics tools in order to track conversions and monitor the success of an internet marketing campaign. Bear in mind, that these tools are essential in order to fine tune any good SEO campaign.

Steer Clear of Internet Marketing Fraudsters

Unfortunately, but also to be expected, the internet is full of undesirable people who focus entirely on targeting honorable businesses by means of providing them with false promises regarding guaranteed results. These people will more often than not guarantee that they will get your website to the top of the search rankings by using specific keywords. However, in most cases, they simply use keywords which are so rarely used, they show at the top of search rankings simply because they have no competition – no one uses them.

Obviously, if no one is ever typing that keyword into the search box, then why waste money on it? One of the easiest ways to determine whether or not an internet marketing expert is in fact legitimate, is that the legitimate ones don’t ever provide any guarantees with regards to getting you in the top spot on search results. This is because they know that no one can guarantee such results due to a number of reasons, such as algorithms which change continuously.

How to Avoid the Wrong Internet Marketing Service

First and foremost, you need to ask the right questions:

1. You need to determine how long the company has been involved with Internet marketing.

2. You should ask to see testimonials from past clients.

3. You should search online for their services. In fact, you should attempt to find their website by using keywords and keyword phrases which are relevant to the services they provide. Obviously, if you fail to find them on the first page of Google search results, then your alarm bells should start ringing.

The most important thing of all is that you acknowledge the fact that going with the wrong internet marketing company can end up costing you a considerable amount of money for nothing. On the other hand, if you choose to use the services of a reputable company, you can almost be certain that your website will end up ranking much higher than it did before.

There are a lot of ways that you can improve your site’s page ranking in search engines, unfortunately, not all of them are good.

Some people employ certain methods in acquiring a high page rank in search engines, even if these are considered to be deceitful in the sense that they are designed to trick the search engines – one of these methods is actually duplicating web content.

What is duplicate content?

Duplicate content in SEO is actually any web content that is considered to be similar to another site. Search engines have actually implemented new filters specifically to monitor these types of deceitful attempts to improve site’s search engine page rankings.

A lot of people think that by creating multiple but similar replicas of their web pages or content, that they will be able to improve their site’s page rankings since they will be able to get multiple listings for their site.

Since search engines are now monitoring these types of trickery, sites using duplicate content can actually end up getting banned from search engine indexes instead of improving their ranking.

What are considered as duplicate content?

There are a couple of duplicate content types that are being rampantly utilized by a lot of people, each one a bit different in their use, but all of them employed for the same purpose, which is to trick search engines to get better page rankings.

One way of getting duplicate content is by having very similar websites or identical web pages on different sub-domains or domains that offer basically the same content. This may include landing or door pages aside from the content, so make sure that you avoid using this if you don’t want your site to become vulnerable to search engines’ duplicate content filter.

Another method of creating duplicate content is by simply taking content from another website or page and reorganizing it to make it appear dissimilar to its original form, though it is actually the same.

Product descriptions from many eCommerce sites are actually being utilized by other sites as well. Other sites simply copy the product description of manufacturer’s utilized by other competitive markets as well. And add the fact that the product name, as well as the name of artist, manufacturer, writer or creator would be included, a significant amount of content would show up on your page. Although this is much harder to spot, it is still considered to be duplicate content, or spam.

Distribution of copied articles by other sites other than the one that distributed the original article can also be considered to be a duplicate content.

Unfortunately, although some search engines still deem the site where the original article came from as relevant, some however, do not.

There are a couple of duplicate content types that are being rampantly utilized by a lot of people, each one a bit different in their use, but all of them employed for the same purpose, which is to trick search engines to get better page rankings.

One way of getting duplicate content is by having very similar websites or identical web pages on different sub-domains or domains that offer basically the same content. This may include landing or door pages aside from the content, so make sure that you avoid using this if you don’t want your site to become vulnerable to search engines’ duplicate content filter.

Another method of creating duplicate content is by simply taking content from another website or page and reorganizing it to make it appear dissimilar to its original form, though it is actually the same.

Product descriptions from many eCommerce sites are actually being utilized by other sites as well. Other sites simply copy the product description of manufacturer’s utilized by other competitive markets as well. And add the fact that the product name, as well as the name of artist, manufacturer, writer or creator would be included, a significant amount of content would show up on your page. Although this is much harder to spot, it is still considered to be duplicate content, or spam.

Distribution of copied articles by other sites other than the one that distributed the original article can also be considered to be a duplicate content.

Unfortunately, although some search engines still deem the site where the original article came from as relevant, some however, do not.

How do search engines filter duplicate content?

Search engines filter for duplicate content by using the same means for analyzing and indexing page ranking for sites, and that is through the use of crawlers or robots. These robots or crawlers go through different websites and catalogues these sites by reading and saving information to their database.

Once this is done, these robots then analyzes and compares all the information it has taken from one website to all the others that It has visited by using certain algorithms to determine if the site’s content is relevant, and if it can be considered as a duplicate content or spam.

How to avoid duplicate content?

Although you may not have any intentions to try and deceive search engines to improve your site’s page ranking, your site might still get flagged as having duplicate content.

One way that you can avoid this from happening is by checking yourself if there are duplicate contents of your page. Just make sure that you avoid too much similarities with another page’s content for this can still appear as duplicate content to some filters, even if it isn’t considered to be spam.

About the Author: Craig Edmonson – The Google Top 10 offers SEO Services to U.S. based companies. Stop by for a free web site analysis.

It’s been several years since you had someone design your company web site and now it’s outdated. You are losing business to competitors that have quality designed web sites with great layout and navigation. This may be your first company web site and you want to make the most of your money and time.

How do you choose a quality web design company that will understand your companies’ objective for designing or redesigning this web site?

First, you need to answer a few questions.

1. What is your budget and time frame for completing the web design or redesign project?
2. Are you going to be using original content and pictures for building this web site?
3. If this is a website redesign, are you planning on getting updated images and content for this new look and layout or will you need the web design company to supply them for you?
4. Does any one at your company have basic editing skills and will they be able to update the website content or will this be an ongoing job for the web design company you hire?
5. Are you looking for a local web design company?
6. Do you already have an idea of your web design colors, layout, and navigation?

Knowing the answers to these questions, will help you when you locate the right web design company.

Now it’s time to find the right web design company for your needs. Go to Google and search for local web design firms and you will see how many results show. Take “web design orlando” for example: Results 8,860,000. Wow, there are a lot of results for “web design orlando”.

Don’t panic, you will probably find a company that can do the quality web design work you need in the first 50 results. Quality web design firms will have a portfolio of work online that will show an example of their custom web design work. Start at the first web design result on work your way down.

Examine the portfolio to see if there is anything equivalent to the web design layout you are imagining. You will be able to tell immediately if this web design firm is right for your company and its look and feel. Find out how long they have been in the web design industry and compare that to how many quality web sites they have designed in that time.
If this is a redesign, find out how many web site redesigns that have completed and ask to see the web site before and after the redesign.

Find out if they have the staff available to work on your entire web design needs and that they know the programming necessary to complete the job in a timely manner. Ask for references, a top end web design firm will be glad to offer up references on the web design work performed. Most web design references will be glad to talk to you about the quality job your potential web design company did on their web site.

Depending on your web design budget, it may help to several quality web design companies to talk to. You will want to get at least 3 estimates and it never hurts to have more.

Remember, when it comes to your business and your companies exposure on internet, take you time locating a quality web design company. Your future may depend on it.

“Content is King! If you want a website to generate back-links and have quality content the search engines love, be sure to make it readable by both people and search engines. Search engines are working to give people quality results. Thus, they are looking for sites with quality content. So – by building site content for people, not only are you getting back to basics (information dissemination to people via the Internet), you are creating a site search engines will love. So, build sites for people – and the search engines will come.

When creating a new website or redesigning an existing site, there are four critical rules which should be followed to make the site effective, functional, loved by search engines – and successful.

1. Easy to Read

When building a website, the first thing you need to be sure of is that your website is easy to read. When you write content, remember that most web site visitors don’t read every word of a page – in fact, they only scan pages to find what they want.

Break up Your Content

Break up your pages and use headers between major ideas so people scanning your site can find what they want quickly. Use meaningful headers between each paragraph or major idea – this helps with SEO. Headers should be created with the H1 through H4 tags for SEO. Always use good writing structure. Additionally, avoid long paragraphs that run on. You should break up any long paragraphs.

Color and Fonts

To help readability, use high contrast colors between font and background. Black text against a white background may seem stark, but it is very readable. To make a website easy on the eyes, try an off-white background and a dark gray (almost black) text color.

Things to avoid with content color:

• Avoid vibrant background colors like purple or yellow. Such back colors make text difficult to read.
• Avoid using an image behind your text.
• Avoid using bright text colors on bright backgrounds.

Fonts Matter

One simple statement covers the font issue:

Simple fonts are the best; the more fancy the font, the harder it is to read.

Since many browsers only have the standard font set, use standard fonts. In reality, there is no “standard”, but there are certain fonts that are installed on most browsers. These include Arial, Verdana, Tahoma and Times New Roman. Your readers will see something different than you see if you use other fonts.

Standard Compliant Browser for Development

When developing and testing your site, use a Standards compliant browser like FireFox. If you develop your site to be standards compliant, it will work in most browsers, including MS Internet Explorer (IE). It is recommended that you test your site using the latest and last browser versions of IE (IE6 and IE7). To run multiple versions of IE on the same machine, TredoSoft.com has a free installer that will install multiple versions of IE. It works great!

Keywords in Content

Of course, when writing content, not only should it be formatted to be readable, but it must also be consumable by not only people, but by search engines. One way to make the subject of the content known to search engines is to use the keywords that people use to search for your site in your content. Be sure to use keywords in your header tags, your first paragraph and throughout your text. The keyword density should be between 4% and 7% – but any more than that could 1) be hard to read and still make sense and 2) be considered spam by search engines and banned. Keywords should also be used in your TITLE tags and your Meta description.

2. Simplify Navigation

The menus and links make up the navigation that the visitor uses to get from page to page in a site. Always plan a site around how people will get from page to page. A visitor to your site should be able to get to what they want within three clicks of their mouse.

Multiple navigation points makes it easy to find things. Repeat the top menu and at the bottom. Also create a left or right menu.

Using links within your text to other areas on your site. You can create links so that they are good for search engine optimization (SEO). There are generally two ways to create links within your text:

1. The wrong way: “For search engine optimization techniques, click here.”
2. The right way: “Good techniques for search engine optimization are important to use.”

Using link text (anchor text) that describes what the link is about is the best way. Search engine web crawlers (programs that automatically index the contents of websites) visit your site, they “read” links. Spiders can index descriptive links into a subject or keyword category. Spiders have nothing to work with when reading a “click here” until it reaches the linked page.

This is Cross Linking – use it as much as possible when it makes sense to do so when writing your content.

3. Consistent Design

At most, one or two layouts should be used in your site design. As a reader browses your site, they should be able to get used to looking in the same place for your navigation, for your sub-navigation and for your content. That’s all there is to say about that.

4. Lower Page Weight is Better

Page weight is the total size of a page on your site in bytes – code, text and images. Your site’s page weight makes a big difference to your viewers. Lighter page weight is better for your readers because the page will download faster. The faster a page downloads, the faster they will get to the content.

What is Means to be Light

• No large images.
• Fewer images are better.
• Optimize images for the web at no more than 72 dpi
• Use as small an image dimension as possible for the given design.
• Use a table td bgcolor attribute or a background-color style attribute for solid color backgrounds.
• Make gradients horizontal or vertical (not diagonal) so that you can use a small image “strip” and repeat it.

How “Heavy” Should a Web Page be?

Certain studies show that 64K is a good maximum webpage size. 64K is a maximum, however it is still, in my opinion, really big! The smaller the page, the better. 25K is good, 15K is even better. There is a balance between design and function. It is a good idea to focus more on function.

Try putting pages on your web host server as you build your site so you can test it as you go. For pages online, you can test the page weight at www.quasarcr.com/pageweight/ to be sure you are on track.

Ways to make pages lighter:

• Use linked style sheets
• Use DIVs instead of TABLEs where possible
• Use simple repeating backgrounds for effect

Summary

Visitors to your website should be able to find what they are looking for within about three clicks. Search engines should be able to navigate easily through your site. Making a site easy to read with consistent page design, and easy to navigate will make it easy to find information. When people can find information, they are more likely to refer your site or link to it – which is exactly what you want to encourage. You will be on the way to building a readable and hopefully successful website that is loved by search engines if you follow these principals.