[Pro] H1 Tag Code Line Position

Hi everyone,

I’ve successfully added my H1 tag to my main header:

OUR BUSINESS IS HELPING
YOUR BUSINESS.

which is great.

However, with everything else that’s going on in the page, it appears this line of code doesn’t appear until line 267.

Do the google bots care where it is? Or are they only bothered that it’s actually there?

But if it is important for it to be higher up the code, is there a way to move it up?

A million thank you’s as ever :slight_smile:

Mark


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I think Googlebots care about semantic order as opposed to visual order.
Where your h1 appears in the code makes a lot of difference.

h1 header
content that belongs to this h1

-h2 subhed (belongs to h1 still)
-content that belongs to this h2 (which still belongs to h1)

-h2 subhed (belongs to h1 still)
-content that belongs to this h2 (which still belongs to h1)

–h3 subhed (belongs to this h2, which still belongs to h1)
–content that belongs to this h3, which still belongs to h2, which still
belongs to h1

So when you have your h1 appear partway through your code, your content
won’t make semantic sense… just like an outline that is out of order.


Ernie Simpson

On Thu, Nov 1, 2012 at 2:24 PM, Mark Lawrence email@hiddenwrote:

Hi everyone,

I’ve successfully added my H1 tag to my main header:

OUR BUSINESS IS HELPING
YOUR BUSINESS.

which is great.

However, with everything else that’s going on in the page, it appears this
line of code doesn’t appear until line 267.

Do the google bots care where it is? Or are they only bothered that it’s
actually there?

But if it is important for it to be higher up the code, is there a way to
move it up?

A million thank you’s as ever :slight_smile:

Mark


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Morning Ernie,
(well, it’s morning here, not sure if it is where you are!)

Thank you for your reply, it’s starting to get clearer for me.
I do have another question, if you don’t mind.

You mentioned:

-h2 subhed (belongs to h1 still) -content that belongs to this h2 (which still belongs to h1)

I’m finding it difficult to see a ‘h2 subhead’ setting I can apply? I can only see, h1,h2,h3,h4 etc. Or is h2 automatically a ‘subhead’ to h1?

As an example:

On my page I have a ‘header box’ let’s call this my ‘h2’
I then have a separate html content box underneath, am I right is assuming this would be my ‘h2 content’?
How do I link the two?

Or am I confused and I can only assign h1, h2, h3 to headers in one html box?

Sorry, I hope that makes sense this time of the morning! :slight_smile:

Thank you again,

Mark


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

s h2 automatically a ‘subhead’ to h1?

Ernie is in Snoozeville just now!

Yes - in ths context Ernie means h2 subhead as being lesser than any h1 - as are h3 subs to h2 etc.

If in the same html box then naturally an h2 will be a sub to an h1 in the same container.

There has been some discussion about this but the accepted rule (barring HTML5 implementation) is that there should only be 1 instance of an h1 per page so any h2 will automatically be a sub to the h1.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Snoozeville, I was in 'Bed’fordshire not to long ago myself!

Thanks for your input too Dave.

I am little concerned about there only being one h1. I’ve just looked through my code and I’ve seen two, but I don’t know why they’re both there.

At the top of the code this appears:
em { font-style:italic }
h1 { color:#d5d6d5; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:18px; text-transform:uppercase; font-weight:normal }
h1:first-child { margin-top:0px }
h2 { font-weight:bold; font-size:16px }
h2:first-child { margin-top:0px }
h3 { font-weight:bold; font-size:14px }
h3:first-child { margin-top:0px }

Then around line 267, the h1 I specified as my main header this appears:

OUR BUSINESS IS HELPING
YOUR BUSINESS.

Are these two different ‘h1’ or the same one in different places?

Thank you for you help too!

Mark


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The top section is the style declaration ie the specifics of your h1

The bottom is the actual text on your page and its associated style.

So to answer if “OUR BUSINESS IS HELPING YOUR BUSINESS.” is the only text on your page that has the h1 class then you only have one h1

You can have as many different types of h1 style ie h1.red h1.36pxgreen but you should only apply 1 per page. (unless you are using html5 blah, blah, blah - more discussion)

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

That’s brilliant, thank you Dave.

I’ve been trying to get to the bottom of that for a while. And in one simple sentence, the fog is clearing!

Thank you again.

Mark


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The point of header tags is to organize information on a page, like you would a paper for school. The main thesis is the h1, the supporting statements are h2, with lesser sections h3 and below.

Headers are page specific – not “box” specific… they are simply for organizing your page information into a structure which makes sense. You could have a page with an h1 for a title and only p paragraph text – for example:

h1 My Life Story

p A very long bit of text about my oh so exciting life.

And that would be enough. But you might want to break it down into logical sections so people can focus on parts of the story. Then you might add sub headers like this:

h1 My Life Story

    h2 The Early Years

    h2 Adulthood 

    h2 Middle Age

    h2 The Sunset Years

With each “section” containing the bits of paragraph text to tell that part of the story. Each section could be broken down further, depending on how much focus you wish to create. You could add sub headers to a section like this:

h2 The Early Years

    h3 Infancy

    h3 Primary School

    h3 High School

        h4 A Really Funny Story From That Time

Again, depending on how much detail you want to introduce. It’s not about your content – I’m not talking about how specific your content is but how you organize it. Heads and subheads are just logical ways to outline and organize information that already exists for your site users and for data crawlers like Google. A business site outline might look like this:

h1 Our Really Great Business 

    h2 What We Do For You

    h2 How We Get It Done

    h2 Why You Should Call Us Today

        h3 Our Locations and Hours of Service

All an outline does is organize the information already there so users (and search engines) can drill down to specific bits of that information.

Okay, didn’t mean to be so long – but absolutely meant to be that detailed. Here’s more about how outlining works… http://www.lib.jjay.cuny.edu/research/outlining.html


Ernie Simpson


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ernie, a very big thank you. That’s really informative, helpful and very very useful.

Enjoy the rest of your day.

Mark


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options