Header Elements and SEO
We all know by now that “on-Page” SEO is an important part of getting ranked well with Google. Part of this “on-page” strategy is the use of headers. It stands to reason that if you put a keyword in a header that it highlights the importance of the keyword. Think of newspapers, “SEO Specialist Shows Signs of Stardom“. The header clearly denotes a synopsis of what is to follow, is often in larger print and/or in bold font in order to draw your attention. It is saying, “this is what my story is all about; please read on… So when Google finds a keyword that is part of a header it assumes it is more important than other text because it forms the essence of what your contents is all about. Google will then assigns relevance to your header which in turn is good for ranking well.
What are header elements?
Header elements is HTML that denotes that the text within the element is a header. There are 6 different header elements ranging from <H1> to <H6> with the number indicating the size and importance of the header. For example:
You can use as many headers as you like but remember the number 1 rule in SEO; “write interesting and unique content“. So I would advise that you use headers in a way you would in the print media and focus on what you put into the header – keywords!
So in a simple HTML scenario where you want to sell apples, you would use the H1 element and make it look something like this:
<H1>Apples – Australian Finest</H1>
<P>Your general apple introduction story</P>
<P>Your specific Fuji apple story</P>
<H2>Golden Delicious Apples</H2>
<P>Your specific Golden Delicious apples story</P>
which would look something like this:
Apples – Australian Finest
Your general apple introduction story
Your specific Fuji apple story
Golden Delicious Apples
Your specific Golden Delicious apples story
Header element and CSS?
Header element and CSS are the perfect combo. With style sheets you can make your <H1> to <H6> elements look like anything you want. For SEO purposes, this is sometimes useful so we can insert header elements with more flexibility and aesthetically enhance them.
Lets have a quick look at what this means in a simple stylesheet:
font-family: “Courier New”;
Alternatively, you could create a custom class that may look a little like this:
font-family: “Courier New”;
I guess what I’m trying to say is this; you can “manipulate” (I hate using this word in SEO) your <H> element to look like whatever you want it to look like. I.e., you could make your header look like any other text on your page by using simple CSS. Your readers will not notice your header which may be aesthetically more pleasing. However, your friendly Google crawler bot will still recognise your CSS header element and thus assigning relevance to it. Now let me qualify this by saying that it is almost never a good idea to “trick” Google; so use this technique appropriately…
May the headers be with you…
Header Elements and SEO by Rene Nusse