Design & Development

Web Design Basics

You can not hope to specialize if you don’t have your basics right. After all what you build on a shaky base is doomed to shatter. Let me illustrate three very basic, but often undermined principles of web design. It will give you an idea what to look for when browsing templates or portfolios and will help you distinguish between good and bad work.

Contrast
The most important tool to highlight areas of the site is contrast. Without the correct application of contrast a site often appears haphazard and difficult to read. By using the correct amount of contrast in your fonts, backgrounds, objects and styles you will incorporate a much more professional looking design. Despite what most people think contrast is more about difference than it is about colors. Use whatever tools you have to make text contrast including text tricks like bold, caps and underline where necessary so that your page has obvious “hot spots” for people to review.

A great example of this is hyperlinks inside text. Always set your style to underline and change the color of hyperlinks (preferably the default blue) so that people’s eyes are drawn to them inside blocks of text. Use color contrast between menus, logos and the main part of the page so that people can easily break these components up inside their minds. Be careful not to over do it though! High contrast pages are difficult to read (white text on a black background or purple and green are complete non no) so remember to consider practicality before creative expression.

Balance
The most important factor in a website design is the way the elements of a design are balanced on a page. The abstract layout will instantly convey a basic message about your site. Symmetrical or simply balanced sites will create a calming tone while asymmetrical or complex designs will create an excited feeling. A website is a dynamic entity, so maintaining the balance becomes all the more difficult. Your screen may view it perfectly balanced in 1280×1024 but someone’s 800×600 screens may throw it totally off. It is always a good idea to use a tool or plug-in to view your design in different resolutions before you purchase or deploy the site.

Common solutions to help you overcome balancing a site including using the “float” attribute and centering text or objects. If you want to achieve a symmetrical look be careful not to just center all elements. You will end up with a boring or flat design that they are not eye-catching and look extremely amateurish. If you are attempting to create an asymmetrical design then remember that it’s into just about piling everything onto one side, you must still create a feel of balance despite the fact your site is not symmetrical. You can do this either by placing smaller items opposite large items or even by pitting images against text or solid, dark colors against transparent or light objects.

Rhythm
Rhythm is sometimes called repetition and is a vital part of constructing a website as it helps your website flow between pages. It gives your visitors an easier and more fulfilling browsing experience as the brain will recognize the repetition in the template and focus on the new parts of a page. This is very important as if you keep disorientating the visitor they will quickly become fatigued and are likely to leave the site. Moreover, if your have successfully associated the website appearance with a brand then marketing have a whole new area to explore. It also means a redesign will have a big impact on the site in the future, a service that will likely swing back round to you if you did a good job in the first place.


Useful Tools for Evaluating Your Website

You may think your website is great, but if you really want to know the truth, you need to call in some help. Whether you’re assessing your popularity, traffic, or usability, there are plenty of tools out there to do the job. Here, we’ve shared 50 of the best tools that will tell you just how good your site really is.

Search Engine Optimization :
Use these tools to make sure your site is receptive to search engine traffic.

1. Google Webmaster Tools: See how Google views your site, diagnose problems, and more, on this control panel for Google.
2. SEO Group Website Evaluation Tool: With this tool, you can track your search engine ranking and up to 3 keywords per report.
3. Indexed Pages Tool: Find out your total link count from major search engines.
4. GeoTargeting Detection: Determine how well your site is targeted to country-specific search engines.
5. Search Engine Positioning Tool: Track how well your websites rank for targeted keywords using this tool.
6. Keyword Density Analysis Tool: See how well you’re targeting keywords on your site site using the Keyword Density Analysis Tool.
7. Multiple Data Center Pagerank SEO Tool: Use this tool to check out your page rank in multiple Google data centers.
8. Niche Watch: See how you rank against competitors in your niche with Niche Watch.
9. Strongest Pages Tool: Determine which pages on your site offer the most strength to search engines.
10. Future PageRank: Use this tool to find out what your PageRank will be in the near future.

Popularity & Traffic Assessment :
Gauge the hotness of your traffic and reach using these tools.

1. URL Trends: Visit URL Trends to get an evaluation of your search engine popularity.
2. Alexa: Find out your traffic rank, reach, and compare your site with competitors on Alexa.
3. Technorati: Bloggers should check out their site on Technorati to see how they rank and get a glimpse into their popularity.
4. Link Popularity: Find out how many web pages link to your site with this tool.
5. Traffic Estimate: This site will simply give you an estimate of your traffic over the past few months.
6. Compete: Compete offers a great way for you to track your site’s performance against your competitors.
7. Quantcast: Check out Quantcast to get a look into your traffic demographics.
8. Website Popularity: With this utility, you’ll get reports of indexed pages, ranking, and more.
9. Backlink & Anchor Text Tool: Find out who is linking to you using this tool.

Statistics :
Put any of these great statistics tools on your site, and you’ll get a peek into search engine terms, usage, and more.

1. Google Analytics: Get clear and easy reports about visitors to your site with this tool.
2. StatCounter: With this web stats tool, you’ll be able to track your traffic, search engine terms, and more.
3. Measure Map: Understand what people do on your blog with Measure Map.
4. AWStats: Use this open source tool to format your log information in a readable way.
5. pMetrics: Performancing’s pMetrics offers detailed site and user statistics.
6. Mint: Identify where your site succeeds with this fully-featured tool.

Browser Tools:
Evaluate your site in your own browser with these tools.

1. Internet Explorer Developer Toolbar: With this toolbar, you can turn CSS and Javascript on and off to see how your site displays without them.
2. Firefox Web Developer: Use this add-on to get tools that will help you evaluate your site in Firefox.

Accessibility and Usability :
These tools will allow you to get a peek into just how well others can use your site.

1. Accessibility Extension: Download this accessibility extension for Firefox, and you’ll be able to check your site right in your browser.
2. Fangs: Download this text reader for Firefox to see how your site serves up.
3. Crazy Egg: Take a look at heat maps and other tools that will tell you where interest lies on your site.
4. Mobile-Readiness Evaluation: Find out if your site is ready to be viewed on a mobile browser.
5. WAVE: Have WAVE take a look at your site to see your original page with embedded icons that discuss accessibility issues.
6. Link Validation Spider: Make sure that all of the links on your site work with this spider tool.
7. Vischeck: Evaluate your site for vision-impaired users with this tool.
8. UITest: This tool will give your site a quick run-over to evaluate its accessibility.
9. Readability Test: Use this tester to find out if your site is easy to read or not.
10. Backward Compatibility Viewer: See how your site looks in older browsers using this tool.

Conversion Optimization :
Does your site make users do what you want them to? Find out with these tools.

1. Google Website Optimizer: Google’s Website Optimizer can tell you how well you’re converting visitors, and what you can do to improve your rate.
2. Verster: Verster will give you an analysis of your conversion rates on landing pages, internal marketing, and e-commerce.
3. UserVue: With this service, you can see the way users behave on your site.
4. Omniture SiteCatalyst: This tool will help you determine profitable paths on your site.

Performance Monitor:
Check your speed and user experience using these performance assessment tools.

1. Web Page Analyzer: With this tool, you’ll get a look at the loading speed of your site. It analyzes what loads first as well as your site’s overall speed.
2. YSlow: Check out your site’s overall performance with this developer tool from Yahoo!.
3. Load Time Analysis: Find out how long it takes to load all of your site with this tool.
4. StressTester: Check how much stress your site can take with this stress testing tool.
5. UXinsight: Check out your visitors’ user experience and website performance with UXinsight.
6. WebWait: Check your website’s speed using this tool.

Validation Check:
These tools offer a handy way to check your code.

1. W3C Semantic Data Extractor: This tool will evaluate how semantically rich your site is.
2. NetMechanic Toolbox: Use this toolbox to check for bad spelling, code, compatibility, and slow-loading pages.
3. W3C Markup Validator: Use this service to make sure your code is up to snuff.


Test your webpage in different browsers

While most people use Internet Explorer, a sizable portion of your users will use other browsers such as Firefox or Safari. Therefore it’s prudent to check your web design on different browsers to ensure all users view the webpage as it’s intended.

:: Browsershots is the most comprehensive service, offering multiple versions of browsers for various operating systems.
:: BrowserCamp focuses on Mac browsers.
:: BrowserCam offers a 24 hour free trial period.
:: Litmus cover Windows browsers.


Targeting SEO Keywords

There is a saying we throw around the office, target the root and devour

There are more keywords under the surface than their are keywords revealed. Leave it to most businesses to always want to go bigger, better and over the top in an attempt to conquer the most powerful or most searched keywords in a niche or take on the major players for vanity plate keywords.

Not to say that the competitive nature in most of us doesn’t get the best of us, who doesn’t want to rank higher in Google, Yahoo, MSN or Ask? The key is asking yourself about time to market, topical continuity, relevance and conversion and if you would rather keep your eggs in one basket or spread around the risk to offset the odds.

Does a visitor care how many competing page there are for the query they execute (such as 1 of 10 of 100,000 results or 1 of 10 of 100,000,000?), hardly, but does an SEO or a business targeting that keyword, you bet they do, since they have to climb that mountain to reach the top 10.

Going back to behavior, is the need to necessitate a keyword victory over a competitor really matter if the keyword performs poorly? I can assure you, not every keyword is laced in gold. The idea that as soon as you get that one magic phrase, your business is in the clear is a reality that can change.

The premise of search behavior shifting can leave a 6 month exodus of trying to achieve one specific keyword or phrase flat if people simply stop searching for that exact phrase, which leads to my conclusion.

Don’t Assume, You Either Know or You Don’t Know:

For optimal effectiveness, use different keywords and/or keyword phrases on each page of your website. Optimize each page for those keywords and/or keyword phrases that are relevant to the content of that particular page.

Title Tag

-Use keywords and/or keyword phrases as a descriptive title for each page. -Use your most relevant keywords and/or keyword phrases in your home page title. -To be the most effective, title tags should contain only keywords and/or keyword phrases. -Repeat the keywords and/or keyword phrases 2-3 times but make sure that the title makes sense. An example for this page would be: Keyword Usage, Using Keywords and Keyword Phrases Effectively.

Meta Tag Keywords

-Place all relevant keywords and keyword phrases in your meta tag…. -If possible, avoid using single keywords as they may be too competitive. Use keyword phrases instead. -Don’t repeat your keywords more than 2-3 times to avoid offending some search engines. -Separate keywords and keyword phrases with commas or spaces, not both. Example: keyword,keyword phrase,keyword or keyword keyword phrase keyword. -Use common misspellings or miss keyings. Ex: keywrod or keywird. -Use different forms of keywords whenever possible. Ex: web site and website. -Use singular and plural versions of keywords. Ex: website and websites. -Use upper and lower case. Ex: Website and website

Meta Tag description

-Use your keywords and keyword phrases in your meta tag description….. -Repeat your most important keywords and/or keyword phrases a minimum of 2-3 times. -The total length of your description tag should be no more than 20-25 words. -Your description should make sense as this is what often shows up in the search engine results page. This is your opportunity to persuade users to click through to your site so be sure your description is enticing and contains keywords and/or keyword phrases that will attract visitors.

Content

-Many search engines concentrate on the first 250 words of your text when looking for keyword relevancy and density so concentrate your keywords and/or keyword phrases there. -Strive for 5-7% keyword density (5-7 keywords and/or keyword phrases per 100 words of text). If your keyword density is much higher than this, your copy may not make sense AND the search engines may consider it keyword spamming. -Use your most important keywords and/or keyword phrases throughout your copy but without sounding repetitious. -Use your most important keywords and/or keyword phrases in your H1 tag. To give more weight to your H1 tag, use only one H1 tag in your copy. (Your H1 tag should contain your most important statement so you shouldn’t need to use more than one H1 tag.) -Use keywords and/or keyword phrases in your image ALT tags. For example your logo ALT tag should say something such as: ALT=”keyword logo image”.

META tags are not as important as they once were as most search engines are now searching your copy when looking for keywords and/or keyword phrases. Therefore, it’s become increasingly important to have the first 250 words of your copy be keyword rich.

Sometimes, it may be better to write your content first, then choose your keywords and/or keyword phrases from the content. Rewrite your content as needed, adding keywords and/or keyword phrases that pertain to the theme of the content. In this way, you’ve chosen keywords and/or keyword phrases that are relevant to your content, instead of trying to write content to fit your keywords and/or keyword phrases.
The assumption in the heading suggests:

1) You never know exactly how search engine algorithms are going to slice and dice your pages or how many or few keywords each page can rank for. We can speculate, but organic SEO can really deliver traffic.

This means that relevance for a query can align from a keyword from the title, another keyword from the URL string, another keyword gets latched on from a description tag and yet another portion of the keyword in the body copy of the document. Even though the snippets returned in the search result is what is above the surface, you never know how deep a search query can go into your site, one page or all of your pages to assess relevance.

The point being, unless you have a crystal ball or write the algorithm (which I doubt) then such things are constantly being tweaked and adjusted to return more relevant results. So, the more narrow your keyword focus, the more of the market you potentially miss.

2) If site architecture, content and linking are implemented properly (optimized) then each page can rank specifically for numerous “exact match” and “broad match” (general) keywords and phrases with the same effort of just a few keywords. The key is each page owns a focus or range or phrases it targets, then you coordinate the pages to work as a collective masterpiece.

The takeaway is, the web is a work in progress so don’t obsess and just target 10 phrases, with a bit more energy and effort you can target 100 long-tail phrases that may collectively deliver 10 times the traffic daily than a vanity plate (common sense keyword) based on (partial) keyword research.

The way you find gems like that are (1) check your bounce rates and look for semantic similarities to base your next batch of posts or articles (if you have a blog). The search algorithm sees your pages differently than you do, however the idea is to work with it, not against it.

Keyword tools can only call it as they see it, but since the majority of searches are based on the subjective mindset and search behavior of millions of unique minds, the common threads are not as common as we surmise.

For every common sense keyword or root phrase based on captured data, there are 100 more long-tail equivalents you could rank for as well with a few slight tweaks to titles, links and layout.


A Successful Website Owner

So what’s it really like to own a website which both generates profits for your business and helps (forces) it to grow?

Here’s a breakdown of a typical day of a successful website owner…


1. You Check Your Emails

  • You wake up in the morning and switch on your laptop (or PC), open your email account and check how your website has produced overnight.
  • If you sell direct online, how many sales were made?
  • If the aim is to generate sales leads, how many new leads have you received?


2. You Check Your Stats

  • You login to your Google Analytics account.
  • How much traffic did you receive yesterday?
  • Is it increasing or decreasing?
  • Where did the traffic come from?
  • Are there any areas of opportunity that small effort can result in big payoff?
  • You implement.


3. You Check Your PPC Performance

  • You login to Google Adwords and Yahoo Search Marketing.
  • How many conversions did you receive?
  • What is the CPA?
  • Are you still profitable at this rate?
  • How are your text-ad split tests going?
  • You optimize.


4. You Check Your Rankings

  • You either run your ranking software or you manually type in your top keyword phrases.
  • Are you still in the top 5 positions for your major keyword phrases?
  • How are your competitors doing?
  • Who has just broken into the top 5?
  • What are they doing?
  • You check their linking strategy.
  • You review your strategy.


5. You Check Your SEO Strategy

  • You’re in the top position in Google, but you know that it is fiercely competitive.
  • How many articles have you syndicated this week?
  • Are you releasing a new press release this week?
  • Are you social bookmarking your valuable content?
  • Are you contacting other site owners to exchange links?
  • What are you doing to maintain your rankings?


6. You Check Your Website’s Performance

  • You login to Google Website Optimizer.
  • How is your website performing?
  • What is your conversion rate?
  • How is the latest split-testing going?
  • Is it time to test a new version of your PPC landing page?
  • Is it time to test a new version of your ‘money’ page on your main website?
  • You setup new split tests.


7. You Check Your Content Strategy

  • You know that continually providing valuable content will give you the competitive advantage you need.
  • What new content are you adding to your website?
  • What new tools are you adding to your website?
  • What can you do to build value to your prospects so that they trust you more?


8. You Check Your Emails Throughout the Day

  • You’ve setup your email account to automatically check for emails every 5 minutes. Expectations have now been set.
  • You expect a new sale or a new sales lead every 30 minutes.
  • If you haven’t received a new sale or a new lead in a couple of hours, you check that everything is okay.
  • Is your website still up?
  • Are your forms working?
  • You audit.


9. You Review Your Email Strategy

  • You login to your email management system.
  • How many new people have joined your email list today?
  • What emails will they be receiving?
  • How many people are now on your email list?
  • What value-add can you send to them?
  • How can you build the relationship with them?
  • You write a new email.


10. You Look For New Sources of Traffic

  • Your sales process is refined. A new sale or lead comes through and it automatically goes into the sales funnel.
  • How can you drive more prospects into the sales funnel?
  • You research additional keyword phrases you can add to your PPC campaigns.
  • You research additional keyword phrases you could be optimising for.
  • You design new banner ads and place them on new sites.
  • You track everything for ROI.


11. You Manage Your Business’ Growth

  • You continually try to balance the cost of growing your company vs the profit you are currently making. As your sales increase you need more staff and better systems to handle the growth.
  • What are you doing to support this growth?
  • What new systems are you putting in place?
  • Are they scalable?
  • What happens if your business doubles overnight (again)?
  • Who do you need to hire?
  • What do you need to outsource?


12. You Read Online Marketing News

  • You have a folder setup in your Firefox bookmarks toolbar with all of the online industry publications you follow. You right click and ‘open in all tabs’. You read all of the blog entries and find out what new developments are happening with SEO and PPC, especially Google.
  • What new developments could affect your SEO rankings?
  • What new developments could affect your PPC results?
  • You review your strategy.


13. You Review Your Marketing And Education Strategy

  • Online marketing moves at an incredible pace. Staying ahead of your competitors requires strategic thinking and continual education. Your SEO rankings are supporting 5 to 10 full time staff.
  • What if you lose those rankings?
  • What backup strategies have you got in place?
  • What are you doing to stay ahead of the curve?
  • What do you need to learn to be successful tomorrow?
  • Where is the online market going?
  • How can you learn what you need to learn in the most efficient and effective manner possible?

So there you have it. The life in the day of a successful website owner.

It’s not easy, but it is fun.

Of course, if you use an online marketing agency to manage your strategy, you only have to check your emails and bank balance each day, the agency does the rest.

A successful website is one of the most exciting and profitable assets your business can own, because it generates profits and helps your business grow 24 hours a day, 7 days a week, 365 days per year.


  • Recent Posts

  • Archives

  • Recent Posts

    Tags

    Copyright © 1996-2010 AKKHOR SOFT blog. All rights reserved.
    Copyright © SEO Service, Domain Registration and Web Hosting in Bangladesh. Developed by Akkhor Soft Ltd Maintained by AKKHOR.