Stylish Design – Good CSS Techniques For Effective SEO


The argument for CSS has historically always been fought between web designers who have a particular preference for layout – usually in attacking the use of tables for the laying out of screen elements. It would appear to the layman that that's all CSS is about – but it would be a mistake to think that as CSS is much more than just a tool for laying things out.


CSS helps us to stick to standards and that can only be seen as a good thing. It may seem difficult to understand how it can do this, so I'll give a quick example.

Let's say we have a heading for our page and we decide to use the

<H1> </ h1>

tag to display it. Now, if we do not use CSS and we want that heading to be a little bit bigger than the default font (or indeed we want a completely different font) then we have to use the cumbersome 'font' value in the tag. It would look something like this:


On the face of it that does not seem like too much hassle, but really, it should just look like this:

Hello World

Your browser prefers the second one and so does Google. But I want to design it so it looks better, so I delve into CSS and I essentially re-design the

<H1> </ h1>

tag so that it appears how I want it to.

This brings multiple benefits, not least the fact that your source code will be much nicer to read and if you can read it better, Google can.

There is also some evidence to show that by having your keywords within the

<H1> </ h1>

tags you can increase your chances of Google ranking you for those keywords. There are also benefits to using the

<H2> </ h2>

tags too and again, these can be re-styled using CSS, in fact, all tags can be altered in this way meaning you can remain fully standards-compliant whilst designing your site just as you want it.


Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.