CSS - Maximum Benefits
What is CSS?
CSS is a simple file which controls the visual appearance of a Web page without compromising its structure. Using CSS we can control our font size, font color, link color and many other attributes on our web page. This will make our HTML code much more readable and the page size will be reduced.
Why to use it and how to use it properly
If you don't use CSS on your web pages and you have many tables and content on them, chances are that your HTML file size will be quite big. Fact is that we live in a busy world, and people are not will to wait more than 5 seconds web page to load.
From the other side some web developers implement the CSS on wrong way. They write their CSS in HTML code of the page, like this:
<html>
<head>
<title>My Page</title>
<style>
A
{
font-family: Verdana;
font-size:8pt;
color:black;
text-decoration:none
}
</style>
What is wrong with this technique? Well, imagine that you have site with more than 50 pages. One day, you decide that you want to change font color and colors of the links on your site. You will have to edit ALL the pages on your site, and do to that you will need time, because you place your CSS in your web page.
Better way is to save your visual attributes in separate, external CSS file, and to link that file with your page like this:
<html>
<head>
<title>My Page</title>
<link href="myStyle.css" rel="stylesheet" type="text/css">
Using this technique, you can change the look of your site within minutes, regardless of the number of pages, because your visual attributes are saved in ONE external CSS file. Edit that file, and you are done.
Benefits
Which are the benefits of using CSS? List is quite long and I will list here only the most important.
- Your web page will load faster
- Web page will become more search engine friendly
- You can change you site appearance within minutes
- You can write separate CSS file for handheld devices which will be called up instead of the regular CSS file
- You can forget about creating printer friendly version of your site using separate CSS file when user chooses to print the web page.
Avoiding standard HTML commands like:
<font color="#0000ff"><font size=2>Product</font></font></font>
will help us to reduce file size, but that is not the only benefit. Using CSS word product in this example will be moved more close on the top of the document. Search engine will pick up more content and less code.
Imagine that you have 3 columns table on your page. When you see the code, you will notice that first come code for your table, and after that it come your content. Positioning your 3 columns using CSS instead of standard inline elements:
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="381" height="150" valign="top" bgcolor="FFEDD4">
My Product
</td>
<td height="150" valign="top" bgcolor="FFEDD4">
When CSS is used, your code might look like this:
<div id="leftcontent">
My Product
</div>
Again your code is much more clear, and your content is moved on the top of your document, making your HTML page search engine friendly, and reducing your file size.
Content is one of the most important factors in Search Engine Optimization, and you will benefit with removing the unnecessary code in your HTML and create search engine friendly web page.
Validate it
Browser war is far behind us. Reality is that most of the people today use Internet Explorer, but you should try to be on safe side and ensure that your CSS code is valid. Not all browsers interpret the CSS on same way. You can validate your CSS here: http://jigsaw.w3.org/css-validator/
About The Author
Zoran Makrevski is founder and CEO of SEO.Goto.gr.
Since 1998 has focused on E-Commerce and attempts to bring more traffic to the customer sites bring him in the SEO industry, and he is running his own company today.
Search Engine Positioning Firm
SEO.Goto.gr
MORE RESOURCES:
 |
 |
 |
RELATED ARTICLES
Whats Your Business Online Attitude?
This article was prompted by some customer support work I was involved in for a private members site. One of the paid subscription members wanted someone to look over his website and give an opinion of what we thought of its design.
Making Your Website Shine! Attract and Keep Visitors at Your Site!
When you consider the billions of individuals and companies on the net who are attempting to influence visitors with their wares, it is vitally important that your site offers something out of the ordinary. An important fact to remember is that what the site says is far more important than how it looks.
Tips for Building a Great Business Website
A website is lifeline of internet home business. In order to succeed you must have a website that that meets the general criteria of accepted standards.
12 Tips To Great Websites
Why do some sites succeed while the vast majority of others fail? More and more website owners are asking themselves these questions. The answers are often more obvious than you may think.
For Newer Sites, Web Marketing Depends On Titles & Links!
We all start out the same. Some have budgets, some don't.
Business Website Building Do's and Don'ts
First, using a lot of web graphics, flash, banners and pictures on your home page may make it look fancy or cool; but it will slow down the loading time extensively. And lets be real here, most people that look at your web page will leave if it doesn't load in 3 seconds or less.
Enhance Your Website With A Yahoo-Style Directory
Does your website have a links/resources page?Do you exchange reciprocal with other websites to help boost your targeted traffic and search engine rankings?Do you believe that a relevant, yet comprehensive resources page provides tangible benefits to your site's visitors?If you answered "yes" to one or more of these questions, then you should consider adding an inexpensive (or free!) Yahoo-style Directory to your website. A quality Directory script will add an air of professionalism to your website and provide valuable content for your users.
Developing A Login System With PHP And MySQL
Most interactive websites nowadays would require a user to log in into the website's system in order to provide a customized experience for the user. Once the user has logged in, the website will be able to provide a presentation that is tailored to the user's preferences.
Five Reasons You Have to Stop Your Web Site
That's right. Your method, behavior and strategy you are now using to manage your website may be justifiable reasons to stop it as soon as possible.
Do Authors Need a Website?
"I am a writer, not a business-person. I don't want to have anything at all to do with business," you might think.
Top 10 Webmaster Challenges
Webmasters deal with a myriad of complex design challenges every day. This article will discuss the top ten challenges and provide solutions and tips for solving each problem.
Better Web Site ROI: Efficient Online Business with SEO, PPC, Split Testing, and Forums
If you're looking for better web site ROI, chances are, the web is only one part of your business, you have a specific budget for your web site, and you want the site to not only carry its own weight, but why can't it make you some extra dough, too?The corporate situation: budgets need to be closely watched, and tech people can't get carried away with unnecessary frills.My own experience making money online and becoming and SEO expert was more guerilla than corporate.
Unlocking the Power of Your Website!
Why do some web sites reap huge benefits while others just get lost in the shuffle? Do some web masters have a secret that most of us have overlooked? Actually, there is a secret to unlocking the power of your web site and it has to do with words. When communicating via the web, words truly make all the difference.
Do You And Your Website Have Credibility?
I recently received an unsolicited e-mail from some company offering me their search engine optimization services for $199. Even though I had absolutely no interest in the offer, just out of curiosity, I decided to check out this company with the various search engines.
5 Sure Fire Ways To Send Visitors Away For Good
So your traffic is going through the roof yeah? It's all becoming a bit too much? You're getting lots of sales enquiries through your website every day? You want to send visitors away from your site for good? Just follow these five Sure Fire Ways and your site will be a tumbleweed ghost town in no time.Way No.
How to Listen on the Web
When building a relationship, listening is more important than talking.A website can reveal a great deal about your business, even answer questions about whom you have done work for in the past.
Is Your Web Site Talking to Your Customer?
A while ago one of my clients approached me and mentioned that
they were experiencing a serious problem with customer
registrations (obtaining customer names and e-mail addresses),
on their web site. They still had a lot of traffic, but were
finding that the ratio between traffic and registrations had
been dropping steadily.
Website Imperatives and Solutions
When you take a look at the most visited sites on the internet, what hits you in the face? Change, growth, new content. In a sense, a search engine is the perfect web site.
4 Steps to Selling More With Your Web Site
Most web sites are more like stage sets than real buildings; they make a good impression and they look substantial at first, but when you open a door, you end up back stage in the dark. They don't generate large numbers of leads, help build relationships with prospects or generate the desired volume of sales.
Top 5 Reasons to Track Your Website Traffic
#5 User Satisfaction: Learn what your visitors and site users do and do not
like about your site. Using a good reporting service allows you to monitor
your pages individually to see what pages are clicked on first, the most
popular pages, duration of any given visitor's time viewing a page (visit
duration), and what pages send your visitors off your site (exit pages).
|