| Why CSS is good for Google? | | | | structure |
| Stylesheets cascading (CSS) are used to separate | | | | The CSS allows you to structure your document as |
| the stylistic elements of a page such as provision of | | | | HTML standards without compromising the |
| fonts and color page content such as paragraphs and | | | | look-and-feel of the page. |
| images. Stylesheets cascading (CSS) provide the | | | | Google rewards pages that are well structured, |
| presentation layer to a web page. Using CSS, Web | | | | though many designers choose to ignore standards |
| designers can control the presentation of the display | | | | and guidelines as much as possible, because they |
| of a site from a central document. | | | | (incorrectly) believe standards lead to bland pages. |
| I would suggest that the advantages to be gained | | | | Using CSS, designers can create attractive pages |
| from using CSS, not just for Google, are well worth | | | | with much flair, while adhering to the find ability |
| the time invested in learning it. | | | | design principles identified. |
| So why is CSS good for Google? | | | | CSS allows you to hide content from browsers while |
| - CSS allows the file sizes smaller | | | | it still gets picked up by Google |
| - The CSS allows you greater control of page | | | | Using CSS you can hide content from certain |
| structure | | | | browsers in certain situations. For example you may |
| - CSS allows you to hide certain content from | | | | have some content that you only want to appear in |
| browsers while it still gets picked up by Google | | | | print, or you may want certain content to only be |
| CSS allows the file sizes smaller | | | | shown on screen and not in print (such as page |
| HTML page drawing styles and bringing a stylesheet | | | | navigation). The advantage is that Google will still |
| (imported) style sheet (.css file), you can reduce the | | | | index all of the content and you will still get the |
| total amount of code on your Web pages. Pages | | | | benefit that content brings. |
| with less code have smaller file sizes and Google | | | | Browser Compatibility |
| prefers pages with smaller file sizes (many other | | | | If you are new to CSS, be aware that different |
| search engines do too). | | | | browsers still interpret CSS standards in different |
| Though Google doesn't offer specific advice on this | | | | ways, while some (very) old browsers don't read |
| matter, the search engine optimisation community is | | | | CSS at all. Ensure that your CSS is as cross-browser |
| generally agreed that 100KB is a good upper limit for | | | | compatible as possible, and that your HTML pages |
| page sizes. | | | | look acceptable even without CSS. |
| The CSS allows you greater control of page | | | | |