Seo and <h1-h6 tags

Just changed my old table based site to css and html5 about 160 pages.
Started by hiring a coder from FreeLancer to create the main page.
After studing his code and using the help of the experts here I am trying to make it more seo friendly.
Every page starts with this tag: <h1>Roof Estimating Software</h1> even if the page has nothing to do with estimating.
eg: How to find a roof leak
Almost all the pages have 3 menus on the left side each with a <h1> for the title.
After reading this:
Use Only One H1 Element on any page – even Google recommends this.
This means changing all the menu titles to another H? tag maybe h3 ?
and the  <h1>Roof Estimating Software</h1>
My question is this:
 Should the tags be in order starting with <h1> at the top ?
I have read this:
You can use any number of H2, H3, H4, H5, H6 Elements on any page
isnoend2001Asked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Yes, they should be in order.  Yes, only one h1 tag.  You really shouldn't ned to go beyond h3 and don't use h tags for styling.

<h1>How to find a roof leak </h2>
<h2>Item 1</h2>
<p>Copy copy copy copy copy</p>
<h2>Item 2</h2>
<p>Copy copy copy copy copy</p>
<h2>Item 3</h2>
<p>Copy copy copy copy copy</p>

Open in new window


You do want to get the h1 topics to match.  The page title, h1 and copy should all be the same text theme.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
isnoend2001Author Commented:
Thanks
what do you mean by: The page title, h1 and copy should all be the same text theme. ?
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
What your freelancer.com person did is not right, "Every page starts with this tag: <h1>Roof Estimating Software</h1> even if the page has nothing to do with estimating"

If your page is about roof leaks, then your title should have roof leaks in it, the h1 tag should contain the phrase roof leaks and the body copy should be about roof leaks.

I am not saying to go out and use h1,h2,h3 just because they are there, but below is a sample where h1 is a topic, h2 is a subtopic of the h1 and each h3 is a subtopic of the parent h2.  

<title>Leaky Roofs: 5 ways to find them</title>
<h1>5 ways to find a leaky roof</h1>

<p>Finding a roof leak in a flat roof can be extremely difficult, so we recommend that you hire a roofing contractor to find and repair a leak in this type of roof. However, on a pitched roof, do-it-yourselfers can find the leak themselves. You may need to hire a contractor to repair the leak, but being able to tell the contractor where the leak is saves time and money</p>
<h2>Leak prone areas of the roof</h2>
<p>copy copy copy</p>
<h3>Chimneys</h3>
<p>copy copy copy</p>
  <h3>Roof Mounted Air Conditioners</h3>
<p>copy copy copy</p>
  <h3>Dormer vents</h3>
<p>copy copy copy</p>
  <h3>Valleys</h3>
<p>copy copy copy</p>
 <h3>crickets</h3>
<p>copy copy copy</p>

Open in new window


fyi, when looking at the code on http://roofgenius.com/findroofleak.asp, I saw your code does need to be fixed.

This one is not as big but if you are going to bold something, why do this
<span class="Bfont12">Finding</span>
when you could use <strong>Finding</strong>
or even better, <strong>Finding a roof leak</strong> which puts emphasis on that phrase.

On that same paragraph you have the code below.  Why are there 2 br tags where you should have a closing P tag and then an opening P tag.  Why are you using xhtml <br /> tags instead of just <br> tags which are sufficient for html5?
You may need to hire a contractor to repair the leak, but being able to tell the contractor where the leak is saves time and
money.<br />
<br />
 The first step is to relate the area where the the leak is showing on the
inside of the house to same area on the top side of the roof. Two different
directions need to be determined.

Open in new window



The last paragraph before the list you have a paragraph that ends in a br tag and it should end in a closing p tag since that is what the paragraph started with.
 Have your partner in the attic and
have him yell at the first sign of water.
<br />	

Open in new window

If this is the way your freelancer.com person coded your pages, I would go back and look at the source of each one.   This is a case where the page validates, but it could be coded much better.
0
Determine the Perfect Price for Your IT Services

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden with our free interactive tool and use it to determine the right price for your IT services. Download your free eBook now!

isnoend2001Author Commented:
Thanks for your help
The coder met the requirement of creating a valid html5 page, but nothing was ever
mentioned about seo optimizing. He dropped the ball on that part. Another correction i see is
all 3 menu titles on the left are <h1>. i better get busy got a lot of corrections to make.
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Good catch. I did not look at the page very thoroughly.   I would take the time to go through each page though.
0
isnoend2001Author Commented:
yes  i plan on editing each page starting with the most popular.
It will be much easier than changing from table based to css-html5
Almost every page(about 160) has the 3 menus on the left all with the <h1> tag
I am thinking to change them all to  <h4> or <h4><h5><h6>
What do you think ?
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Can you give me an example?  From what I have read, going beyond h3 does not do much although if you have subtopics from subtopics, that is where you would use h3,h4.  H5 should be a subtopic of h4. h4 is a subtopic of h3.  h3 is a subtopic of h2.  h2 is a subtopic of h1.  

If you think about how you write.  You typically have a main topic (h1) and several sub topics (h2).  


Back to the finding a leak page.  Your topic (h1) is finding roof leaks.  Then you could do a sub topic (h2) on each of the bullet points provided you have a sub topic and a paragraph of text to support it.
0
isnoend2001Author Commented:
Thanks for your reply
I would say the menu <h1> are for formating and not for seo opt
Maybe I should give them a class name and not use any h tags
the 3 menus on the left side of the page

first menu
<div class="roof_estimating">
  <h1>Roof Estimating</h1>
menu urls

2nd menu (same color, size) as first menu
<div class="roof_estimating">
 menu urls


3rd menu
 <div class="popular_roof">
<h1>Popular Roof Materials</h1>
menu urls
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
For menu items, use an unordered list.   Then css to style it.  Perhaps some js if you like.

http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_27863977.html

http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_27586239.html

<ul>
   <li>nav1</li>
   <li>nav 2
       <ul>
           <li>nav 2.1</li>
           <li>nav 2.2</li>
       </ul>
    </li>
    <li>nav 3</li>
</ul>

Open in new window

0
GaryCommented:
Late to the table again but the gist of using header tags is ...
H1 tells search engines this is what my page is about - very important!
H2,H3 etc tell them that this is a separate important section within my main section (H1)
If you're page has multiple sections that are unrelated then you would use H2 for each section heading and H3 for sub content.
It's kind of a cascading importance.
0
isnoend2001Author Commented:
Thanks GaryC123
 When i made the site about 10 yrs ago using frontpage2000 with it's sloppy code. no pages validatedI never used any <H1>tags
 now after upgrading to css and html5 each page has about 5 all over the place with h2,h3, maybe even up to h5's here and there in no special order.
Got a lot of editing to do
 I am glad you guys are here
0
GaryCommented:
Ahh FrontPage - those were the days!
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Work on one page, then perhaps post a new question for evaluation or even post to the bug finder.  

There shouldn't be a reason to go beyond h3.  

Since there are still some minor issues in your coding, using the bugfinder could elicit multiple point of views.   I would ask for the good, bad and ugly and put on your thick skin.  You have a solid start and with some guidance and your hard work, you should be able to rise a few notches in SERP's.
0
isnoend2001Author Commented:
Thanks Padas what is bug finder.?
0
GaryCommented:
http://www.experts-exchange.com/BugFinder/
It's place to submit your site for review i.e. non technical questions
People can go through and give you suggestions for the look, seo improvements, functionality, ease of use etc etc.
0
isnoend2001Author Commented:
Thanks never knew it existed
Hope i don't wear it out.
I am in the process of editing my main page and have found tons of <h?> tags all over the place.
I will be back
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.