| Nowadays, when everybody is interested in getting | | | | needs to be modified is easier to track, and a simple |
| the highest rankings possible for their sites with the | | | | change in the presentation of an element in the CSS |
| search engines, it seems that the era of tables-based | | | | file will reflect in all the pages where that particular |
| web sites is getting closer and closer to its end. CSS | | | | element is present, without being necessary to |
| programming appears to hold the upper hand in this | | | | update each and every page separately. |
| race for SEO, and it gains more ground as its | | | | 4. Increased browser compatibility |
| popularity increases. | | | | CSS-based web sites are compatible with PDA and |
| What is CSS? | | | | mobile phone browsers. Also, people with various |
| Cascading Style Sheet is a web tool that can be | | | | disabilities (mainly visual) use what are called |
| utterly necessary if you want to give a professional, | | | | "accessibility readers", that translate the HTML code |
| qualitative look to your site. It is recommended by | | | | into various formats that contain no HTML tags. |
| W3C, who manages the standards for the Internet, | | | | When translated, traditional, pure HTML stands many |
| in order to add style (e.g. fonts, colors, spacing, | | | | chances of being turned into something that does |
| padding, alignment, etc.) to web documents. | | | | not make much sense to the impaired visitor. CSS, on |
| The style sheet is more and more used presently | | | | the other hand, properly combined with HTML, can |
| due to its usefulness and its advantages that are far | | | | render useless the elimination of the HTML tags, and |
| from minor: it mainly allows to dissociate the content | | | | therefore make the reorganization of the content for |
| and the presentation of web pages, which makes | | | | readability unnecessary. |
| them compatible for various browsers, and also | | | | 5. Higher rankings with the search engines |
| accessible to people with disabilities (who must use | | | | CSS improves the readability of your pages. Search |
| accessibility readers), to PDAs or to WAP. | | | | engines spider will be able to index your pages much |
| Benefits of Using CSS for SEO | | | | faster, as the important information can be placed |
| Among the most common examples of CSS usage | | | | higher in the HTML document. Also, the amount of |
| there are the modification of the colors of hovered | | | | relevant content will be greater than the amount of |
| links, text placement, establishing the spacing | | | | code on a page. |
| between words, and the modification of border size | | | | The search engine will not have to look too far in |
| and style. The style sheets can be inserted directly | | | | your code to find the real content. You will be |
| into the HTML code of each page, but they can also | | | | actually serving it to the spiders "on a platter". CSS |
| be written on a different page, in an external file | | | | will help you create highly readable pages, rich in |
| (.css). | | | | content, which will prove extremely helpful in your |
| This second solution is by far the best one, primarily | | | | SEO campaign. As you very well know, better site |
| because it holds undeniable advantages such as: | | | | ranking means better visibility on the web, and this |
| - The HTML code on each page is much cleaner | | | | can translate into more visitors and, ultimately, into |
| - The CSS file is cached from the very beginning, and | | | | increased sales or number of contracts. |
| this speeds up the load time for the next pages | | | | The Caveat of CSS |
| - The update process can be performed much faster: | | | | CSS and SEO make a good pair when it comes to |
| it suffices to modify a single file to change the entire | | | | potentially gaining more income, based on a clean, |
| site, no matter the number of its pages.It is quite | | | | well-built web site. Nevertheless, there is a very |
| easy to see the close connection between search | | | | important matter that you should consider when |
| engine optimization and CSS. Style sheets will help | | | | using CSS in order to optimize your web site: never |
| you decrease the file size of your web pages, and | | | | use CSS in order to hide text. |
| will give you the opportunity to use more text and | | | | It is quite common practice to attempt to offer |
| links than regular HTML, without being constantly | | | | different versions of text on a web page: one that is |
| afraid of spamming the search engines. | | | | harder to read - to spiders, and a friendlier one - to |
| Here is what you can achieve with CSS: | | | | human web readers. Most of the times, search |
| 1. Reduced file-size | | | | engines will perceive this as cloaking, and even if it's |
| While "traditional" HTML is overcharged with tags that | | | | made with the best intentions in mind, it could actually |
| offer to search engine spiders both the content and | | | | pass as spamming. Consequently, your site can be |
| the presentation on the same page, CSS actually | | | | penalized and even banned for such practices. |
| allows you to clean up your code and separate these | | | | Conclusions |
| two. | | | | The bottom line would be that CSS is much easier to |
| By including the styling of the text in a separate file, | | | | understand and to optimize than simple HTML. It |
| you can dramatically decrease the file-size of your | | | | simplifies both the work of the SEO professional, as |
| pages. Also, the content-to-code ratio is far greater | | | | well as that of the programmer. CSS programming |
| than with simple HTML pages, thus making the page | | | | means providing the site with the ability of faster |
| structure easier to read for both the programmer | | | | updates in the future, of faster information transfer, |
| and the spiders. | | | | and brings along the advantage of a simple code for |
| It is also possible to avoid using JavaScript for | | | | search engines. |
| rollovers and mouseovers. With CSS you can define | | | | If we think only about the fact that keywords can |
| the visual effect that you want to apply to images, | | | | be highlighted on a page without negatively affecting |
| instead of using images per say. The space you gain | | | | its look, the page file-size decreases, the code |
| this way can be used for text that is relevant for | | | | becomes cleaner and more readable, and the |
| spiders (i.e. keywords), and you will also lower the | | | | bandwidth costs are diminished by lowering the page |
| file-size of the page. | | | | load time, then it would be safe to say that there is |
| 2. Less load time | | | | virtually no limit in the series of advantages of using |
| If you have a web site with lots of traffic, | | | | CSS in SEO campaigns. |
| slow-loading pages will not make your life easier. The | | | | Read more free software marketing articles. |
| benefit of having low file-size pages translates into | | | | Copyright © 2007, all rights reserved. This |
| reduced bandwidth costs. | | | | article was written by Adriana Iordan, Web Marketing |
| CSS can help you save some money by offering you | | | | Manager at Avangate B.V. Avangate is a complete |
| the following advantages: | | | | ecommerce provider for shareware sales |
| - If the presentation information is placed in an | | | | incorporating an easy to use and secure online |
| external CSS file, this will be accessed only once, | | | | payment system plus additional software marketing |
| when the homepage is loaded. The CSS file will be | | | | services and sales tools. |
| cached on the user's computer, and the other pages | | | | This article may be reproduced in a website, e-zine, |
| of the site, that use the same CSS file, will load much | | | | CD-ROM, book, magazine, etc. so long as the above |
| faster. | | | | information is included in full, including the link back to |
| - Images can be set as backgrounds. They will load | | | | this website. |
| faster than images placed between HTML tags. | | | | This article is free for republishing |
| - As opposed to tables, CSS needs less code, which | | | | Source: |
| means that browsers will read and display page | | | | Occupation: Web Marketing Specialist |
| content faster than they would in the case of | | | | This article was written by a Web Marketing |
| tables-based pages. | | | | Specialist for Avangate BV / GECAD ePayment. |
| 3. Faster update | | | | Avangate is an eCommerce platform for electronic |
| Since CSS brings forth a simplification of the code on | | | | software distribution incorporating an easy to use |
| each page, they are much faster to read and | | | | and secure online payment system plus additional |
| changes can be performed easier. HTML code that | | | | marketing and sales tools. |