CSS (Cascading Style Sheets) is an external style sheet which gives flexibility to web designers for styling their content within the html documents. CSS is basically used to separate the layout and style code from the main content of the page. In short, CSS is collection of rules which can help you to control appearance of your web page. CSS websites have many benefits over normal html websites, such as consistency in design, faster loading and ease of maintenance. And, if CSS is properly used, it can also benefit the website in on-page SEO(search engine optimization).
The benefit of using CSS is that all the layout and style is removed from the html file, so the size of html file becomes smaller. The Browser downloads the CSS file just once when the visitor visits the site and it is re-used for all other pages on a web site. The reduced file size helps your website to load fast and also be easily crawled by the search engines. Thus, CSS helps to decrease the code-to-content ratio, can make your entire site easier and more efficient to crawl, leading to more and better indexing of your site’s content.
As maintenance of website becomes easy with CSS, you can concentrate on adding fresher SEO content from time to time and make your website rank well in search engine.
Search Engine bots always give priority for content in the website. Search engine bots visit the site for a short duration; they do not like to go through long design codes to find the content for indexing. Tables and font styling tags which are used for designing, makes HTML code little bit difficult to read and reduces the accuracy of indexed content; whereas, with CSS, your HTML code will become cleaner, which improve your search engine rankings.
Also, with the help of CSS, you can move the elements which are important from search engine’s viewpoint to the top of the HTML file. Moving your important content to the top of the html file will help search engines to find your content and index it properly. For example, with little bit of CSS knowledge, you can change the position of your code for menu or header and make it appear below the main content in your website code, thus giving a boost to your search engine ranking.
Looking at all these advantages of CSS for SEO, you can see that use of CSS in website design is definitely useful from SEO point of view.
Technorati Tags: Cascading Style Sheets, CSS, on-page SEO, search engine optimization, search engine rankings, website design, SEO
6 Responses
lee johnson
July 3rd, 2009 at 7:33 pm
1so CSS is SEO ! thats news to me. A better way to think of it is the less calls to the server the better. 5 images on line will make 5 calls to the server. Using a sprite (http://www.btcustomerstreet.com/blog/2009/05/15/css-image-sprites/)
this when done correctly will cause less calls to the server and if your HTACCESS file is done well (cache) the site will fly when loading any additional page.
Again i say SEO is CSS ! I think not.
Google Success
July 6th, 2009 at 3:10 pm
2Hi Lee,
it is not just the speed of loading, but the ability to move the superfluous code to the css file and move the useful content to the top of the code helps in SEO.
Web Hosting
July 8th, 2009 at 5:07 am
3Using CSS, you can organize your code so the search engines see your real content first regardless of where it appears on the page.
It seem that CSS is the way people are going. It means that search engines dont have to sort through code.
siya
July 25th, 2009 at 6:57 pm
4good post.
Andrew Jhonson
September 2nd, 2009 at 3:30 pm
5This is indeed a great article. CSS always plays a vital role in web design and it always gives you opportunity to make your website Google friendly. I have compiled few factors ‘why Google loves CSS’ that you can check at http://www.bestpsdtohtml.com/get-to-know-why-css-is-good-for-google/
Google Success
September 2nd, 2009 at 9:27 pm
6Thanks Andrew for stopping by. I checked your article – You have summarized very well why CSS is good for Google.
RSS feed for comments on this post · TrackBack URI
Leave a reply
SEO & Web Design
Categories
Archives
Links
Meta
Calendar
© 2005-2008 Google Success | SEO SEM Directory | Theme design by BloggingPro and Design Disease