How to peroperly use h1 , h2 and h3 tag on your website.
-
Is it better to have different h1 for each page or have the same h1 across the site. I am using h1 fin wordpress for
beside that I have 4 more h1 in the same page
how to properly use h2 and h3 can we have muliple h2 on a page.
what would be an ideal hx tag order be ?
h1
h2
h2- h3 h3If anyone can provide some answers
Many thanks
-
H1 should be the main heading and reflect the landing page. It should also be unique to the site (in most cases). H2's should be subheadings, H3's sub-sub headings and so on.
-
Should only have 1 H1 per page... ideally containing the target keyword. If this were a blog post, your H1 would be your article title.
H2 would be used more for subheadings, i.e. if you split your article up into sections with subheadings, each should be an H2
H3-H6 are just sub-sub headings, etc.
Overall, I believe H1 (and perhaps to an even lesser extent H2) has any SEO value - even though it is very minute since it's easily gamed.
-
I always preach to use your heading tags like you would when writing an article in Microsoft Word, and use 1 H1 tag per page.
Main Subject Line that Includes Keyword or Mission
Words that explain the information you are trying to cover, and your "mission statement". Include higher amounts of keywords within first paragraph while not stuffing. Should also contain some sort of conversion statement or button
Secondary Information or Second Viewpoint
Words that include keywords and viewpoint.
Last Heading Includes Summary or Closing Arguments
Include high points of what has been covered
CMS sites often render out header tags like mad, causing you to have multiple H1 tags on a page. To check to see if yours is doing this, use SEO Browser. IMO, you can have more than one H2, as you may have multiple high level topics to cover on one page. Keep in mind, you can always use CSS to make
text render as a heading tag, so your page doesn't look goofy. For example:
If your h1 css looks like:
.h1 {
font-size: 28px;
line-height: 29px;
font-weight: bold;
}then set up a div class:
.largeptext {
font-size: 28px;
line-height: 29px;
font-weight: bold;
}and they will look the same, but not render an additional h1 tag per page. Use this for your sidebar and page styling areas that also render h tags.
-
The above answers are spot on. Have one H1 per page, and that H1 should be unique and reflect the main heading/title.
I just wanted to add this great article by Bill Slawski - he goes into really great depth about their best usage and importance: http://www.seobythesea.com/2012/01/heading-elements-and-the-folly-of-seo-expert-ranking-lists/