1. Size Matters.

The size of a web site can have a huge impact on search engine rankings. Search engines love content, so if you have only a few pages to your site and your competitors have dozens, it’s virtually impossible to see a top page ranking for your site. In some cases it may be difficult to present several pages of information about your business or products, so you may need to think about adding free resources for visitors. It will help in broadening the scope of your web site (which
search engines like) as well as keep visitors on your site longer, thus possibly resulting in more sales.

2. Graphics-Based Web Sites.

While web sites that offer the visitor a more esthetically-pleasing experience may seem like the best choice for someone searching for your product, they are the most difficult to optimize. Since search engine robots cannot read text within graphics or animation, what they see may be just a small amount of text. And if we learned anything from point #1, that will not result in top rankings. If you really must offer the visitor a site jam-packed with graphics, or even a Flash experience, consider creating an html-based side of your site that is also available to visitors. This site will be much easier to promote on the search engines and your new found visitors will also have to option to jump over to the nicer looking part of your site.

3. Dynamic Web Pages

If most of your web site is generated by a large database (such as a large book dealer with stock that is changing by the minute) you may find that some of your pages do not get indexed by major search engines. If you look at the URL of these pages you may find that they are extremely long and have characters such as ?, #, &, %, or = along with huge amounts of seemingly random numbers or letters. Since these pages are automatically generated by the database as needed, the search engines have a tough time keeping them up to date and relevant for search engine users.

One way to combat this problem is offer a search engine friendly site map listing all your static pages just to let them know that yes, you do have permanent content on your site. A good internal linking system also helps in this case because if search engines see links going to and from these dynamic pages, they may index and assign them decent PageRank values. The link popularity of your site may carry more weight in this case as well, so if you can’t offer as much static content as your competition, make sure you have an aggressive link campaign on the go.

4. Proper Use of HTML.

There is quite a bit of sub-par web design software out there. Word processors usually have a way to create HTML documents which can be easily uploaded to a site via ftp. However, in many cases the code that the search engine robots see is mostly lines and lines of font and size formatting, not actual relevant content. The more efficiently written web sites usually achieve higher rankings. Our choice for web design software is Macromedia Dreamweaver, as it is an industry standard. It also makes using CSS (Cascading Style Sheets) a breeze, which can drastically cut down on the amount of text formatting in HTML code.

And there are some no brainers too. Web sites with abnormal amounts of hyperlinks, bold or italicized text, improper use of heading, ALT, or comment tags can also expect to be thrown to the bottom of the rankings.

5. Choosing a Domain Name.

The golden rule to web development of any kind is to keep your visitors in mind above all else…even search engine optimization. When choosing a domain name, one should pick either your business name (if you are making yourself known by just your name, ie. Chapters or Kleenex brand tissues) or a brief description of your products. Domain names can always help with search engine optimization, as it is another area of your web site that important keywords can appear. Exclude long-winded domains such as www.number-one-best-books-on-earth.com as no one will ever remember it and it will be hard to print on business cards or in print ads.

If you need to change your domain name for any reason, you obviously don’t want to lose your existing rankings. An easy way to do this, and one that is currently supported by most search engines, is the 301 redirect. It allows you to keep your existing rankings for your old domain name, while forwarding visitors of that site to your new one virtually seamlessly.

6. Using Frames.

Just don’t, it’s that simple. Frames are a thing of the 90’s (and in the Internet world that is eons ago) and are not even supported by some search engines. The ones that are able to index your site through frames will most likely frown upon them. Whatever you are trying to accomplish by using frames can usually be done with the help of PHP includes or CSS (Cascading Style Sheets). Some browsers are not frames-compatible, so there’s the danger of some visitors not being able to see your site at all. Bookmarking of individual pages within a frame becomes difficult without lengthly scripts being written.

7. Update Your Information.

Not only does information printed two or three years ago look badly on your organization when it is read by a visitor, it is also looked down upon by search engines. Web sites that continuously update and grow their web sites usually experience higher rankings than stagnant sites. When the trick to SEO is offering visitors the most relevant information, you can bet that the age of web pages is taken into consideration by search engines. Consider creating a section of your site devoted to news within your organization, or have a constantly updated resources area.

Many shortfalls of web sites can easily be attributed to designers who just don’t keep the user or search engines in mind. Search engine algorithms are quickly improving to try and list the most user-friendly sites higher, given that the content and link popularity are there to back it up. So first and foremost, know your target market and make your web site work for them before focusing on search engine optimization. If you build it (properly),they will come.
]]> http://www.greattemplates.com/articles/web-design-affects-search-engine-rankings/feed/ http://www.greattemplates.com/articles/designing-a-fast-loading-site/ http://www.greattemplates.com/articles/designing-a-fast-loading-site/#comments Sun, 22 Apr 2007 14:22:01 +0000 Paul GraphicsWeb Design http://www.greattemplates.com/articles/designing-a-fast-loading-site/ The Number 1 rule that every web designer should follow is to create a fast loading web site. You might have a great design but very few people are going to see it if it takes a long time to load. While designing a web site always think about how long it will take to load. Try out our tips to build a great looking web site that also loads fast.

Minimize the use of images - The key to a fast loading web site is to minimize the use of images. Images do enhance a page but don’t make 80% of your web site only images. Instead break it down as much as possible to simple HTML. Notice the popular sites like Yahoo, Google, Ebay, Amazon etc., they have very few images because the load time is more important. Very often simple designs are the best.

Optimize images for the web - Once you have decided on the images that you need on your site, make sure that it is optimized for the web. They should be in the gif or jpeg format. You can also minimize the size of the image by choosing the number of colors you need, from the color palette. The less the colors you choose, the less the size of the image. You can also use online tools like Gif Wizard to optimize your images or to get a recommendation on how to cut down the size of an image.

Use Tables creatively - You can get some great looking designs by using tables creatively . Tables load very fast because it is just HTML code. Tables can be used in the homepage, menus or anywhere you like.

Cut down the use of animated gifs - Don’t use animated gifs unless it is necessary. Animated gifs take a long time to load and can also be very irritating. But since they catch your attention you could use small animated gifs to draw a visitor’s attention to a particular section of your site.

Design simple icons - Instead of using big, bulky images use simple and small icons that add a little color and draw the attention of a visitor.

Use background images instead of big images whenever possible - Use background images whenever possible. This is usually a very useful tip for headers and footers. Instead of using an image of width 580 which is a uniform design you can use just a part of that as a background fill. This reduces the size of the web page as the image is small. The code will look like this :

Try out CSS Styles - Have fun with CSS styles to get some cool text effects. Again, a CSS Style is simple HTML code so it loads very fast. You can create cool rollovers using CSS Styles.

Use Flash sparingly - There seems to be a lot of hype about Flash but I recommend that you minimize the use of Flash on a site. Don’t make entire sites using Flash. It may look great but it takes hours to load and can really put off visitors. If you do want to use Flash use it within an HTML site and make sure it loads fast.

Design most of your site in HTML - As much as possible try to design your site using HTML. You can create great designs by just using HTML code. Use tables, CSS Styles and simple fonts to design your site. Minimize the use of animated gifs, Flash, bulky images etc.

Keep checking your load time - Last but not least, before you decide on the final design of your web site, check its load time on NetMechanic. This site gives you a free analysis of your web site which is extremely useful.

Professional design is probably the most time consuming part of the web development, so my first tip would be, before you are contacting a Web Design Company, to browse the Internet for companies which offer similar services and products - you will find probably hundreds of them - save in your Favorites four or five websites which you really like, print out these, and show the printouts to as many people as you can, especially to your existing customers, and ask them which one it’s more likely is to make them take an action (contact, buy, subscribe) on the site. This way you have conducted your own little “marketing pool” which will add weeks and weeks of online presence and business.

Based on this little pool you’ve conducted you know have a good idea on how your website should look like to entice your visitors to buy your service/product.

The next step would be to contact the Web Design Company of your choice and show them exactly want you want, cutting this way 80% of the design time. The designer will probably make suggestions and additions, some off them good ones but most of them just so they can mark up the price of the design.

I would advise that you should be really firm on your feet if you really want your website to be up and running ASAP.

Another very important aspect of this design contracting process is that even you showed them exactly what you want, you have to realize that you are not the designer’s only client and the designers are working on probably tens of other projects too, so I would advise you to put in the contract you are signing a very firm deadline for the site design, and ask for penalties on the design company end if it’s not done in time, this way you will ensure that your project is prioritized.

Home page should clearly indicate what the site is about. Provide top level navigation on the first page, your logo, and tell to the visitor what he can found on your web site. Your home page should be informative, and should call your visitor on action. Home page is the place where the visitor decides what he will do, click on some of your links, or leave the site. If you have a discount, or if you offer some free service in attempt to make a contact with potential customers, make sure to provide link to that service on your home page.

If you decide to implement flash intro on your first page, make sure to give the user possibility to skip the flash intro. The link “skip intro” should be outside of the flash, because you will force the visitor to wait until the Flash movie is loaded.

Navigation structure

Place the navigation on the place where the people are used too look for it. Don’t experiment with the navigation! I can’t stress enough this. Keep the navigation system same on ALL pages. Visitors are not ready to learn your site navigation system. Consistency is the most important thing here. You should focus your effort on building consistent rhythm across all pages of your site.

Font size

Your font size should be enough big so your text can be read without effort. There are many people who will not bother to read very small letters. Don’t loose your visitors because of font size. Optimal size seems to be 12-13 points. Visitors should be able to read your text easy, without any effort. Broke big chunks of texts in paragraphs and make them easy to follow.

Line Length

The length of a line of type should be comfortable to read. The optimal line length for printed materials seems to be about 10 to 12 words, or 60 to 70 characters. Somewhat shorter lines of about 40 to 50 characters may be more appropriate for larger displays. If the line is too long the reader must search for the beginning of it; if it is too short it will break up words or phrases awkwardly.

Creating emphasis

Creating emphasis is an important and integral part of designing and typesetting. Handled with taste and good judgment it can help direct and inform the reader. When these qualities are lacking, or someone feels that every word is important and must be emphasized in some way then your web page starts to look like a battlefield and becomes difficult to read!

Graphics

It’s well known that one picture worth more than million words. This rule applies on Internet too. Do your best to show clear, attractive photo of your product. If you offer a service, find a photo which will best describe him. However, be careful about file size. Don’t compress your photo to that level to not be clear, but also don’t leave the photo on full quality. That will make file size too big, and will increase download time.

Gif vs. JPEG

Less experienced web designers many times use wrong format to store their picture. Here are few guidelines which will help mistakes to be avoided. If your photo has small number of colors (less then 64) GIF will be better choice. Make sure however to reduce the palette size too. That is, if your image have10-15 colors only, reduce your palette on 16 or 32 colors.

Also, if your image contains text, GIF format should be your choice. JPEG use loosy compression method and will cause text and edges to become blurry.

If you are saving a photograph - save it as JPEG JPEG images can contain
over 32 million different colours. That is much more than the
human eye can see.

If you want to incorporate large text into a photographic image, JPEG may be a good format to use. While the edges may still get blurred, danger of it becoming unreadable is slim. If you think your image is more important than the text, go ahead and use the JPEG format.

Speed

Do your best to reduce the download time. We live in a busy world and people are not will to wait long time. Try to reduce size of your graphics as much as possible without to destroy the image. Image must look good, but size (in KB) should be as small as possible.

Test before publishing

Do your homework, and do it well. Your visitors will not bother to send you an E-Mail that some of your links does not work or that some of your images does not appear. Even if someone do so, it is quite embarrassing. Perform spell and grammar checking. Remember that in many cases visitor will build his opinion about you or your company on base on your web site. When published, site should not contain any “under construction” or “coming soon” messages.

]]> http://www.greattemplates.com/articles/basic-web-design-principles/feed/