Tips to Make your Website Browser friendly

March 5, 2010

Relation

Nowadays the trend is to have your own personal web pages. I get quite shocked at one of my friends who makes and deletes web pages which he makes in less than a day.

Making these web pages is not tough. In fact, with the new easy to use software, you can make a web page in less than a minute !

Yes. If you don’t have a web page yet you might want to make one.

But once we make a web page, this is what we would tell our web browser:

Illiterate

Now that’s not fair !!!

Web pages are not as easy to read as you may think. Web pages have to be coded properly so that they may be read easily.

Let me give you an example of an unfriendly language:

This language is Sktaosk
Hi mY nAmE iS sIdDhu

Not good….

Here’s the example of friendly language:

This language is English
Hi, my name is Siddhu

This may sound like a silly example. But the mistake many users make is declaring the wrong doc type.
For example if you use xHTML STRICT but type a post which follows xHTML TRANSITIONAL then your web browser will be confused. Its like telling the language is not English when it actually is !

Why this happens ? A few examples if you are using xHTML STRICT:

  • Because of using the A tag with HREF and TARGET attribute.
  • The “double quotes” can cause a problem. You are suppose to stick to ‘single quotes’ as much as possible.

This can easily be avoided by declaring a xHTML TRANSITIONAL coding.

This tells your browser that the code is not 100% correct, please correct it yourself…

What difference does it make ?
Simple. Your web browser understands the language it needs to read even before it starts reading the content. This way the page should also load faster and you’ll improve your page loading time !!

I don’t notice any errors.. What now ?
Browsers like Firefox may be able to self correct these errors. But lower standard browsers cannot.
You can always use this free online tool to check your coding and correct errors…
Validator W3C

Is that all that I need to check ?
Of course not. CSS is essential with HTML to make your web pages look good.
Use this free tool to check your CSS and correct errors:
CSS Validator W3C

If both your HTML and CSS are perfectly coded and accepted by the W3C web standards then you can be sure your web site is a quality designed page. These are the basics in making a web page. Ignoring them is not in your best interest.

Sites like a WordPress blog need not be 100% correct, but do correct as many errors as possible. This will help users who use older browsers, such as the inbuilt Internet Explorer in Windows XP. This will make your site’s compatibility high.

Please do note that this is not related to SEO. A page may be Search Engine Optimized but it need not be browser friendly. But the readability can indirectly be affected if your site is not browser friendly, which in return will decrease your SEO. Keeping this in mind, make sure you do a small check of your website.

After checking, do tell us your results ? Are they worth the time taken to correct errors ? Give your comments…

Previous post:

Next post: