3 Elements of SEO That Are Best Run Alongside Website Design

Find out why it can be beneficial to start SEO work early in a websites development.

Ensuring that a website is properly optimised for search engines is one of the most important steps that an online business will take. Until a business manages to become renowned online (such as amazon, ebay, etc) a huge amount of their traffic will be derived from search engines. Due to this it is vital that the website appears near the top of search engine results pages. Despite the fact that most business owners are aware of the importance of achieving a high ranking in the big 3 search engines (Google, Yahoo and Live) a huge number of them don’t even consider search engine optimisation until they have either launched a website or are preparing to. This article aims to explain why it can be hugely beneficial to start an SEO campaign at the same time as, or slightly before, the website is being designed.

Keyphrase Selection

One of the most important steps in the search engine optimisation process is the selection of keywords. There are several important aspects to look for in a keyphrase that is likely to prove successful. Firstly it is vital that enough people actually search for a particular term. Secondly it is necessary to analyse the competitors that already hold the page one rakings for that phrase. If the top 20 results in the major search engines are held by dominant authority sites with high pagerank ratings it is extremely unlikely that a new website will be able to have a strong impact. Finally the keyphrase has to be considered in relation to how well it relates to the page that it will be linked to. For example, for businesses it is integral that they not only generate traffic but also that the traffic is likely to convert to sales. Typically highly generalised keyphrases will generate traffic that is looking for information rather than products or services so it is worthwhile looking into more specific long-tail keyphrases.

When designing and building a website it is enormously beneficial if the keyphrases have already been selected. This allows the developer to tie the different sections of the website (or product categories for e-commerce sites) to the keywords making each of these sections far easier to optimise for in the long run.

On-site SEO

One of the first steps that an SEO specialist will take when beginning to optimise a website is to analyse the website and create a list of recommendations on what can be improved to give the site the best chance at achieving high rankings. While often these changes are relatively straightforward to implement after a website is completed it makes far more sense if these recommendations are made early to allow the designer to implement them on their initial build. By doing this the owner of the site can save the considerable amounts of time and money that would have been incurred by writing and then rewriting the code and content on each page.

Copywriting

Another reason for starting SEO before a site is completed is that the copy on the site can be written with search engines in mind. While it is obviously important that the website is written for its human visitors first and foremost there are some straightforward SEO techniques (such as utilising the keyphrase within the text and linking to other relevant pages on the site using keyphrase appropriate anchor text) that can help boost a websites ranking. By figuring out the keyphrases early and writing SEO friendly content from the start a lot of the time and money that is often spent redrafting content can be saved.

Ultimately while it is perfectly possible to embark on an SEO campaign after a website has been completed it usually makes far more sense to start it early and then build the site with the SEO in mind. This can save the considerable amount of time that rewriting Titles, headers, descriptions, content, etc can take and result in a website that is ready to launch with the highest potential to rank highly.

Web Design: Is your Website User Friendly?

It is important to pay attention to little details that make the site easier to use by visitors. Sometimes small details make the difference, and the user likes our site better than other sites, just because he feels comfortable navigating it, and finds what he wants easily. Of course, it depends on the audience you expect for your website. For instance, if you have a website for professional designers, then you do not need to keep it that simple. Users will find their way and probably enjoy that sophisticated and strange menu system that is a piece of art. But if you expect a general audience, it is better to keep things nice and simple. The site usage should be intuitive. This is a list of several aspects you should consider:

· Let the user adjust the font size, avoid using fixed font sizes in your stylesheet. If you use fixed fonts, at least make them big enough so they can be read by people with sight problems.

· Make the forms clear and avoid crowded pages. Insert text hints when necessary so users always know what they have to input in each field. You may also use a small help icon next to the form field that users can press to get a pop-up with more information about the field usage.

· If you use menus, make sure they are easy to use. It is better if they are not too sophisticated if the site is for a general audience.

· Use the ALT and TITLE attributes in images. This will also help you with positioning your site in search engines.

· Make sure the site content is easy to access. This means that you placed the pages in the logical menus or submenus. Try to think as the user would think. You may ask someone else to use the site and give you feedback, since it is hard to realize if content is easy to access for others.

· Minimize the number of clicks to get to destination pages. Try not to nest pages inside menus, then submenu, then submenu… .Two or three levels should be enough for most cases.

· Contact Us page should be accessible from all pages. Include a form in the page so users can send you comments. If they found trouble using the site, they will probably tell you and you can fix the problem for future users. It is also a good idea to include a "Comments about this website" link in all pages footer so users can send a message to the webmaster.

· Choose the colors wisely. Different color schemas may help identify different areas of the site, for example.

· Make sure text is easily readable. Do not use too similar colors for text color and background.

· If you have long pages, insert Back to Top links in the page body.

· Keep design consistent throughout the site. This also helps you define an identity for your website.

5 Easy Ways to Improve Your Website's Legibility

Websites that make their customers work to read them are not the best way to get business. Miniscule fonts, text in colors that make it hard to see against the background color, and lines that are piled on top of each other are problems, but they're easy to correct. Let's jump right in and look at five easy fixes:

1. Format your text using CSS.

Cascading Style Sheets (CSS) are the way to go - use one style sheet and control how text looks on your entire site. Make a change to the style sheet and your whole site is updated. It makes life a lot simpler.

2. Make the font size big enough to read.

Consider your target audience. Even if they are a group of teenage girls looking for new shoes, it's never a good idea to use tiny type. It doesn't have to be enormous, but up to a point, larger type is better. 12-pt Verdana is better than 8-pt Verdana.

3. Make the text contrast with its background.

The more contrast, the better. Black-on-white or white-on-black are examples of the highest contrast you can get. Use colors if you like, but if you squint at the page and your text basically vanishes, there's not enough contrast.

4. Give the lines room to breathe.

Don't stack lines on top of each other. Use the line-spacing directive in CSS and give it some space; I'll often set line-spacing to 140% of the height of a typical line.

5. Break text up into chunks.

No matter how good a writer you are, people don't want to read endless pages of text. Break it up by using headlines that reflect the subject of the paragraph(s) to follow so people can scan down to the parts that really interest them, or use bulleted lists to change the pace of the writing and slow down the scanning.

And finally (not one of the 5 Easy Ways to Improve Legibility but still quite important) check your spelling. Nothing irritates me more on a web page than spelling errors - it simply makes you look like you don't care enough to get it right. Use that ubiquitous spellcheck tool.

Making your website's content more legible is easy. It doesn't take a lot of time, mainly common sense. The payoff will be text that's more readable, customers that stick around long enough to get your message, and improved credibility with your visitors.

Website Templates

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.

Banner Design Success Techniques

Banners have been a major part of the World Wide Web world since its early days. Copywriters burn the midnight oil looking for new designs that will grab the visitor’s attention and compel him to click on their banner. This article discusses some of the most successful banner designs. 

Teasing your curiosity 

“Do Not Click Here”. How many of you have seen this slogan in a banner? What did you do when you first saw it? If you are like most people, when you first saw it, you clicked on it. What makes this simple sentence so powerful that it compels the visitor to click on it? The answer is curiosity !!! 

Copywriters and web designers are always looking for ways to arouse the website visitor’s curiosity. As banner designers their goal is to attract the visitor to the banner, usually completely ignoring the other elements on the web page that are more important to the website owner. However, because the “Do Not Click Here” slogan tells us nothing about what is on the next page, it arouses the visitor’s curiosity and makes it almost impossible not to click on this banner to see what’s behind it. 

Simple integrated design 

When Larry Page and Sergey Brin first introduced their product, “Google”, to potential investors, they mentioned Adwords as a backup option in case they didn’t make any money. We all know how lucky they were that they eventually needed to use that backup plan. What made these “boring” ads such a great success? 

Unlike other ads, Adwords neither arouse the visitor’s curiosity nor disturb the main flow of the web page. In fact, the opposite is true. Adwords are meant to look like part of the search results giving the user the feeling that those ads are there because he asked for them. No one has any doubt that this simple design helps Google to promote both their search engine and the Adwords advertising program. 

Take part in the action 

Banner designers wisely used interactive technologies like Flash to develop type of banners that invite the user to take part in the action. Drawing the user into the action can be accomplished in many creative ways. Some web designers use popular old games elements as part of the scene. You all know the famous game pacman. One of the banners that I like the most is the one where the user is allowed to let pacman “eat” few dollar signs. At the successful completion of this mission, a nice slogan is revealed asking him to open a saving account that will earn money with a fixed interest rate. The idea behind those interactive banners is simple: Let the user take part in the action and then at the right moment when his mind is less resistant, show him the sales message. Those interactive banners proved to be very efficient. Their biggest disadvantage is that most webmasters will not allow that kind of banner because it distracts too much from the web page content. 

Back to Black and White 

Website designers are always seeking to be different with their design ideas. One banner fashion trend that can be found lately is Black and White banners. Although research shows that blue and yellow are the most efficient color to use in a banner, Black and White banners have been seen a lot lately. It’s probably something that will eventually vanish, but the idea behind it is to be different and to make the user wonder what’s up and hopefully click on the banner to find out. 

Get Out of the box 

Have you heard about the milliondollarhomepage.com? If not, check out this website before continuing to read this article. This website has proven that creative thinking not only can bring you money but also create a whole new trend. Right after the milliondollarhomepage.com got the internet community’s attention, many designers used this idea to deign a banner on which they sell a 10x10 pixel area. Like the original concept, this banner design had its impact. Advertisers are investing money on these ad spaces while at the same time visitors are curious enough time after time looking at those unorganized pixel banners to click on them. 

What about the next trends 

What the next trends of banner design will be is something that probably no one can accurately predict. It’s up to some web designer to come up with a new concept that proves to be efficient. There is no doubt that in the future we will see new ways of designing banners, especially when more and more advertising budgets are being spent on the internet instead of commercial TV and other types of advertising media. I guess we will just need to be patient.

Don't Make Them Wait

I have noticed that many web sites are trying to portray themselves as if they were a TV network. They put top-notch graphics and sound into their web page. What these companies are missing is that their visitors are not watching TV. This works fine for those with broadband high speed connections. The fact is, most are viewing your web site on a screen that is between 15 and 19 inches wide, can only see 216 colors, and can only download at 28.8 kb per second.

What does all this mean?

You as a web site owner, designer, CEO, or any one who has control over a web site should follow a simple rule. Are you ready? Here is the rule: make sure you are on a 28.8 connection; type in the URL for your web page; hit enter, and hold your breath. If you needed to gasp for air before the page was fully down loaded you really need to cut down on the size of the page. I'm sure some of you can hold your breath for a long time. So I will give you all a suggestion that your web page should be no larger then 50K. I would shoot for less than 30K. The number one visited web site home page is under 21k. That's right, Yahoo's home page is only 20k. This might seem like very little but you really can do a lot within that size.

How can I get it under 50K? 30K?

First, all your graphic images should be as small as possible. Try to get them smaller than 4k. Going up to 6k is reasonable. When designing a graphic for the web site keep in mind the number of colors being used. I know, as a graphic designer, it was hard for me to go from millions of color to only 216. Yes, 216 is the number of colors you have on a web safe color pallet. Use solid colors when designing your image. PhotoShop has made the gradient such a popular tool. It looks good to fade things in and out. I always see a background border made up of this gradient. I always right click on that image to see the size. The 8k-12k is not worth the space. The problem with the gradient is it uses many colors and dithering. Both take up big time K. The more color you have in an image the bigger it's going to be.

Use design more, graphics less. For a web page to be successful it needs to download quickly and look good. Here is the dilemma download quick or look good? Instead of designing graphics and taking pictures and turning them into jpgs to make your web page look good, try using color schemes. Use cell colors to make boarders. Use the negative space on your web site. What is not there is just as important as what is there. Remember sometimes less is more. When in doubt think of a typical visitor coming to your web page. Would that extra graphic sell them or keep them coming back again and again. If the answer is yes, by all means keep it. If the answer is "well maybe" or "it just looks good there", yank it. Viewers will appreciate not waiting more then they have to. The web is here to make our life easier not to sit in front of a screen waiting for heavy web pages to download.

Web Page Optimization

We all want to have the most attractive website that leaves a visitor wide-eyed and completely dazzled. Usually an extremely attractive website design involves lots of graphical elements, increasing the overall page size which causes the page to download slowly to the browser. This article will provide some useful tips on how to keep your website design attractive but still downloads quickly. 

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.