counter


Username:Password:
///////////////////////////////////

December 20, 2007

handy hints for web designers

Filed under: General — admin @ 10:59 pm

Web Designing is as easy as 1-2-3, claim some of the software tools on the market that “generate” your pages for you. Unfortunately, many web designers today have fallen prey to this marketing gimmick - and the results are obvious. Every now and then, one comes across a website that looks good with a particular browser and a particular screen-resolution; but view it with a different browser, and you can’t even read the plain text on the page. Worse still, given the number of operating systems that are used by netizens worldwide, these pages will never be seen properly by more than a half of the intended surfers. Now let’s assume that this web page belongs to a site that sells stuff online. The very fact that half the users cannot even see the page, translates into losses worth half the amount straightaway (perhaps, even more!) I guess that makes a good case for the raison d’être of this article! Web Designing is, in my opinion, a cocktail of creative skills & technical prowess – and one is no less important than the other.

In the following lines, I have jotted down a few points that I noticed during my online journeys, important from the point of view of web designers. Some of them may be taken with a pinch of salt; for it is not possible to please everyone everytime. But most of them are simple enough to be used as a rule of thumb.

  1. A picture, they say, is worth a thousand words. A picture file, alas, is also almost as big. Images, no doubt, enhance the look of a page, but it is not advisable to go overboard in stuffing your page with a truckload of images. Most net-surfers use a dial-up connection, and the average time to load a page should be no longer than 5 seconds. If it’s longer, the surfer will most probably click away elsewhere. So, within this time, all the images on a page must be loaded as well. So, as a rough yardstick, keep the aggregate page size less than 30k. Another important point to note is that each file on the page requires a separate HTTP request to the server. So a lot of small images - even if they do not add up to a lot in terms of bytes - will slow down the loading a lot.

    Even when you must use images for navigation, please give a second thought to the users who will not be seeing those jazzy, fantastic & truly amazing buttons that you spent hours to design. Yes, I’m talking of the ALT text attribute of the IMG tag. Do not forget to provide an Alternate Text for each image that you use for navigation. (It may be left blank for certain images that are purely for aesthetic reasons, but let that be an exception, rather than the rule.) Though not obviously apparent, ALT text can help such users immensely.

    Modern browsers offer users a choice to turn off images. This gives an idea of how troublesome the unwanted images could be.

    A couple of more attributes that make your pages load faster are the HEIGHT and WIDTH attributes. Without these, the browser must wait for the image to download since it cannot know how much space to leave for them!

  2. Navigability & functionality come before artistic excellence. It is no use making your site a masterpiece of art if users cannot navigate around it - even after they reach the main page, they have no clue as to how to go where they want to go.
  3. Especially common, is a kind of navigation that some people call Mystery Meat Navigation. That means, that unless your mouse moves over an image, you have no idea where that link might take you. Only when the mouse hovers do you see the actual link. This is cumbersome because users need to move their mouse all over the place to find out which part is a link and which is not.
  4. Follow the K.I.S.S. principle: Keep it simple, stupid!
  5. Next is a very important practical suggestion: whenever your whole page is within a TABLE, the page cannot render (i.e., the page does not show on the screen) unless the entire table is downloaded. You might have noticed this on several websites, when there is no activity for a long time, and suddenly the entire page is visible. Hence, to avoid such a situation, what you should do is this: Split the table up into two tables one below the other, and let the top one be a short table that displays just the page header and a few navigation links. So now, immediately upon downloading this part of the page, users can see the page header – and this prepares them for the long wait ahead, as well as keeps them from leaving your site to go to other sites, in case of a slow connection.
  6. The ongoing browser wars have left only one casualty – the user. As a word of caution, stay away from all browser-specific functions. Because if a certain feature is supported by one browser, it will most definitely not be supported by another. Where you must use such features, it should not hamper the display of the page in the other browser which does not support such functionality. In other words, your page should degrade gracefully.
  7. Creating a new browser window should be the authority of the user only. Do not try to popup new windows to clutter the user’s screen. All links must open in the same window by default. An exception, however, may be made for pages containing a links list. It is convenient in such cases to open links in another window, so that the user can come back to the links page easily. Even in such cases, it is advisable to give the user a prior note that links would open in a new window.
  8. Keep in mind the fonts-challenged users too. The ultra-jazzy “Cloister Black MT Light” font that looks so amazing on your machine may well be degraded into plain old Times New Roman on your user’s machine. The reason? He/she does not have the font installed on his/her machine - and one thing’s obvious - there’s nothing you can do about the situation, sitting halfway across the globe from them.
  9. Stay clear of out-of-the-way hard-to-find fonts. Use plain vanilla fonts like Arial, Verdana, Tahoma, and Courier. If need be, make your jazzy fonts into an image and put that on the page. (and while you’re there, do not forget Tip #1.)
  10. A new design trick that is increasingly being used on the web has caught my fancy: It is a very functional navigation bar that guides you across all possible paths within the site. It looks something like this:

    Home > Section > Subsection > Page

    What better than to give your users a handy way of visiting just about any other page on your own site, and informing them where they are!

  11. Another new trend on the web is not all that inviting - various vendors come up with “revolutionary plug-ins” and undoubtedly, most amateur web designers jump up to spruce up their pages using them. The reality is that most people won’t have them installed, and wouldn’t care about it anyway. Come to think of it, have you seen plug-ins on any of the most popular sites, including Yahoo.com, Amazon.com or Google.com? It’s simply not the best thing to do. Mention must be made here of Macromedia’s Shockwave Flash plug-in, which has now made its way onto most computers today, and thus presents no harm in using vector animation on your site.
  12. Java is yet another often-misused technology on webpages. Use Java as a utilitarian programming language, not as a graphics front-end for your photos/images. There are various things you can do with Java; that does not mean you should do all of them. Java applets are known to run slower, so users experience a certain sluggishness in performance. And worse still, Java has been known to crash certain browsers. This is not something everyone likes, especially if it is done for the sole purpose of showing a set of images in a slideshow!

    The moral: Use it, but with discretion.

  13. Never underestimate the importance of those META tags. They can make all the difference between your users coming to your site and going to your competitor’s – just because they couldn’t find yours. Search Engines heavily rely upon the Keywords & Description Meta tags to populate their search database. And once again, use discretion in writing these. Including a huge number of keywords for the same page can spell trouble. The description should be a small, meaningful summary of the whole page that makes sense even when seen out-of-context of the webpage itself, say, in a listing of search engine results.
  14. And the final point that summarizes all the points so forth: Write for all browsers, all resolutions, and all color-depths. If you show people pages that look best with their own browser and their own resolution, that makes them feel “at home”, and you get a better response. Compare this with a website that proclaims “Viewed best with Browser X at a resolution of 1024×768.” I’ll give you a choice between two options when you see such a page: download the suggested browser (which might well be over 50 Megs), then go get a new monitor that supports the high-resolution, and then adjust your screen setting so you get the perfect picture. Or simply click away to another site. Which do you prefer?

The web waits for no one. And furthermore, the user is king. Try your best to keep the user happy. And to keep all users happy. For, a good website is like a good storefront - it can mean all the difference between a casual surfer and a serious customer.

Manas Tungare is a freelance Web Designer operating in Bombay, India. He is also the author of several shareware titles for the Windows platform. He is currently an undergraduate student, studying Computer Science at the University of Bombay. For more information, please visit www.manastungare.com This article is Copyright © 2000, Manas Tungare. Permission is hereby granted to reproduce this article with prior intimation to the author at manas@manastungare.com, and provided this notice kept intact.


5 easy ways to improve your websites legibility

Filed under: General — admin @ 10:15 am

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.


the budget webmasters 6 step guide to improving existing rankings in google

Filed under: General — admin @ 10:14 am

The Budget Webmaster’s 6 Step Guide to Improving Existing Rankings in Google

You know the scenario. You get an occasional click from Google for a certain keyword. You go to find out why you aren’t getting more clicks, and you find out that you’re ranked in the 30’s, 50’s, or heaven forbid, the 300’s. “Great”, you think, “I finally get ranked for a good keyword and it’s a worthless ranking”.

Not necessarily.

If you got ranked for a keyword you wanted At All, the game’s not over yet. If your site’s content is geared towards that subject, you can get your ranking in search engines increased, at no cost. How?

The first thing you want to do is find out how well you are ranked for this keyword. For Google in particular, this used to be a difficult chore. In the old days of 2003, you’d spend your valuable time doing a search on your desired keyword, then a sub-search for your site, and crawling through pages of listings to find out exactly where you stood.

Now there is hope in the form of the following website. Direct your browser to:

http://www.googlerankings.com/index.php

You can use this site to find out what number you come up for in the Google listings, which can be very powerful information if used correctly. If you’re ranked in the top 1000, you have a shot at raising your listing for that page by tweaking the page to be a little more relevant.

So, secondly, you have to know how good a shot you have at getting a better listing. Go to:

http://www.searchguild.com/difficulty/

I posted a tip about this a month ago, and it’s also in the free optimization Guide I released the week of March 7th. It tells you how hard it is to rank well for certain keywords in Google. You’ll need a free Google API key to use it.

Now that you know your chances, the third piece of information you need to know is how much traffic you can expect. Digital Point has a free tool that gives an approximation of how many hits per day a good ranking gets. Access it here:

http://www.digitalpoint.com/tools/suggestion/

Okay, let’s say everything checks out so far. You rank in the top 1000. The term you want won’t be that hard to get, and will get you enough traffic per month to justify your efforts.

Our fifth step is to take the term you chose and optimize your page.

This site does periodic reports on the search engines, and their February report gives their analysis of what the best ranking pages in Google have in common. And as a free bonus, it will also tell you what Yahoo wants. Follow the following link for details-http://www.gorank.com

Now that you know what to shoot for, you need to know how the page you want will measure up- you need to calculate your keyword density. You can also do the sixth step at gorank.com - it has a free tool that will calculate it for you. Prepare your page with that in mind, re-upload, and you’re almost done.

Great, you’re all set. Now you should submit your site to Google, right?

Wrong. Absolutely not. If you can help it, you should never, ever submit any page of your site to Google. Let it find you. HOW it finds you can affect your page rank. I don’t mean that there is a standard penalty for submitting. There’s been speculation on that for a while but I have yet to prove it matters.

What I DO know from personal experience and testing on my member’s sites, is that getting the Googlebot search engine spider to happen upon your site shaves up to 6 weeks off the standard time it takes for indexing. You can show up in Google in as little as 4 days.

Which site links to you can also affect your Google Page Rank. While this is not as important as it once was, it still carries significant weight- my site didn’t start getting spidered on a daily basis until my Page Rank increased to 5.

So even if the spider comes to your site on a Monthly basis, you’re better off waiting for the spider to come back by. That’s the seventh step, let your page be re-discovered with it’s great new changes.

And yes, there’s an even faster, better way to get Google.com’s search engine spider to re-index that page, but that’s another article, isn’t it?

For more free traffic tips, subscribe to her newsletter at ftdsecrets-subscribe@topica.com or visit her feed enabled blog: http://www.freetrafficdirectory.com/blog


if content is king then surely relevance is queen

Filed under: General — admin @ 10:12 am

There has been a lot of to-ing and fro-ing in the search engine world of late and there are lots of conspiracy theories as to why these things happen.

It is easy as a webmaster to get caught up in these webs of intrigue.

You get email notes about them, you view so-called experts’thoughts on bulletin Boards - hey you probably even read things in newsletter articles!

Well I hope so anyway….

The big driver for webmasters currently appears to be content and link building.

While link building is important I don’t believe it makes Queen. Maybe a Prince. Content and links DO go hand in hand but, without relevance, the Kingdom is doomed. Sorry I will stop the analogy now! :-)

If your site is about finance, then finance content is best supported by finance link exchanges. Relevance!

If your site is about finance, then finance content supported by casino link exchanges from a PR8 site while in the short term may help,…but all the signs are saying this is not a long term strategy.

Okay,so what is the best strategy?

Keep EVERYTHING relevant. It is that simple.

Make sure that you only swap or link to sites that are relevant to the content on your pages. Yes I am suggesting link exchanging on pages of your site not a links page.

Links pages seem to be being abused. There are rumours that pages called links, resources or partners are not passing page rank. You could be wasting your time building links that are not giving you any benefits!

Delivering relevant links from relevant content is the future.

Look at sites such as www.bbc.co.uk or www.independent.co.uk. News sites have the right idea. They have 2 or 3 relevant internal links to other articles on the same topic or links to internal tools that are related. These usually can be found at the right hand side of the article.

They also then have weblinks or external links to sites of interest that are related to the topic. These are relevant!

Another benefit of this is that with a content rich site you can add hundreds of links quite legitimately and really add some value both to your Rankings and your users.

With a content-poor site it is difficult, you have to add link pages or create a links directory. A five page site will need to add 10 or 12 good link pages to compete and even then with algorithm changes, this may not be prudent.

Having a site with 400 pages means you can easily add 3 links per page, so you have 1200 link options straight away.

Hopefully this explains that relevance runs a close second to content.

Always bear in mind when writing content that relevant links will not only boost your search engine rankings, but you will also add a service to your visitors.


7 reasons you should be writing articles

Filed under: General — admin @ 10:10 am

You have probably heard that writing articles is a very successful internet marketing technique. But why is this so?

Here are 7 reasons why writing articles really works:

1. Writing articles is free marketing. You write your article and post it to a number of article resource sites. Then, ezine owners pick up your article and feature it in their ezine. All of this costs you nothing and you get free marketing.

2. The more articles you write, the more you become an expert in your field. Experts get featured a lot more widely.

3. By having lots of articles on lots of web sites around the world, you automatically rank above average on search engines because of your link popularity. All those links in the resource box back to your site can make a big difference in search engine ranking.

4. Writing articles can mean repeat business. In one ezine I have had about 8 of my articles published over the last couple of years. As the subscribers of this ezine have become more familiar with my business they are more inclined to buy from me again and again.

5. You could get yourself featured in a LARGE subscriber ezine. I have had a 500,000 subscriber ezine feature a couple of my articles and it increased my traffic by over 65% in the few days after the articles were published.

6. As most ezine publishers do not write their own articles they are always looking for other peoples´ articles. If you write articles you can get yourself featured in dozens of ezines.

7. You could get published in a book. Just last week a popular book featured one of my articles. Now that is the ultimate in free publicity!

Writing articles really works. I have written dozens of articles and it is my most successful marketing technique. It costs nothing and can increase your traffic and sales tremendously.

Resource Box
David McKenzie is offering a Free Email Course
“5 Secrets to Making Money Writing Free Articles”
==> http://www.brisney.com/how-to-write-free-articles.htm