Link to home
Start Free TrialLog in
Avatar of brothertruffle880
brothertruffle880Flag for United States of America

asked on

HTML - H1 heading and SEO - Questions

I read that using the H1 tag improves SEO ranking.  How about using H2, 3, etc.?

Where is the H1 placed?

Any other H1 through H6 suggestions would be appreciated.
ASKER CERTIFIED SOLUTION
Avatar of Scott Fell
Scott Fell
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of brothertruffle880

ASKER

Hi Joph:
I don't know anything about CSS.
Can you give me more details or perhaps a video?
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
It's good that you request an understanding of CSS, but that has nothing to do with SEO.  CSS is for your layout.  It is a big problem when H tags are used for design purposes.

If you need information on how to use style sheets, then you should post a separate question.
I would agree that CSS specifically has nothing to do with SEO, however, user experience and the length of time they spend on your website absolutely affects SEO. Having a size hierarchy in titles, helping to guide the eye through the content, can be a good user experience and therefore good for SEO. A little round-about way of getting there, but CSS design does play into user experience and therefore into SEO.
Title tags have style "design" accompanying them by default by the browser. Changing this style to match your site aesthetic isn't problematic and something that is pretty universally done on the web. Look at the Experts Exchange CSS:

h1{color:#003c71;font-size:2.25rem}h2{color:#333;font-size:1.8rem}h3{color:#333;font-size:1.6rem}h4{color:#333;font-size:1.4rem;font-weight:700}h5{color:#333;font-size:1.4rem}h6{color:#333;font-size:1.2rem;font-weight:700}#col2 h3{color:#333}h1,h2,h3,h4,h5,h6{line-height:167%}
> Changing this style to match your site aesthetic isn't problematic

It is problematic when it is done for design reasons. There is nothing wrong with adding styles to your heading tags, however, heading tags should be used keeping your content semantics in place.

>and something that is pretty universally done

Right, because developers (seasoned and new) tend to copy and paste others work without really trying to understand the details.  Just because somebody else does something does not make it right.
I think we are saying the same thing. The focus should be on semantics first, like you described so well earlier, but second is the aesthetic flow on the page for the visitor and that is where CSS comes in. Focusing on just the style and not the semantics is an issue I agree.

Your beef is with people using H tags to style the page without any consideration to page architecture, and I am 100% in agreement with this (: