Three Advantages of Using CSS in Web Design

Cascading Style Sheets (CSS) separate elements of style of a page such as layout, colour and fonts from the content of the page such as paragraphs and images. This separates the content from the presentation.

You might be thinking, CSS is just too complicated to use right now. But, I would suggest that the advantages to be gained from using CSS, not just for Google, are well worth the time invested in learning it.

why is it an advantage to use CSS for Google?

* CSS allows for smaller file sizes
* CSS allows you greater control of page structure
* CSS allows you to hide certain content from browsers while it still gets picked up by Google

CSS allows for smaller file sizes

By taking styles out of the HTML page and putting it into a standalone (imported) style sheet (.css file), you can reduce the overall amount of code in your web pages. Pages with less code have smaller file sizes and Google prefers pages with smaller file sizes (many other search engines do too). And smaller files mean faster load times, something that is also makes for a good user experience.

Though Google doesn’t offer specific advice on this matter, the search engine optimisation community is generally agreed that 100KB is a good upper limit for page sizes.

CSS allows you greater control of page structure

CSS allows you to structure your document according to HTML standards without comprimising the look-and-feel of the page.

Well structured pages are rewarded by Google, alas, many designers choose to ignore standards and guidelines as much as possible, because they (incorrectly) believe standards lead to bland pages. Using CSS, designers can create attractive pages with much flair, while adhering to the standards that make your pages easier to find.

CSS allows you to hide content from browsers while it still gets picked up by Google

Using CSS you can hide content from certain browsers in certain situations. For example you may have some content that you only want to appear in print, or you may want certain content to only be shown on screen and not in print (such as page navigation). The advantage is that Google will still index all of the content and you will still get the benefit that content brings.

Side Note About Browser Compatibility

Be aware that different browsers interpret CSS in different ways. Some old browsers can read them at all. So make sure your CSS is cross-browser compatable and that your HTML pages look adequate even without CSS.

If you’re interested in our company doing your Web Design for you. Visit our Web Design Services link.

Tweet This Post

If you liked this or other articles Subscribe to our newsletter.

If you'd like to retain me as a consultant contact me through my contact page.