Moz Q&A is closed.
After more than 13 years, and tens of thousands of questions, Moz Q&A closed on 12th December 2024. Whilst we’re not completely removing the content - many posts will still be possible to view - we have locked both new posts and new replies. More details here.
Should HTML Heading Tags ALWAYS be in Hierarchical Order?
-
The question is in the title: Should HTML Heading Tags ALWAYS be in Hierarchical Order?
For example, using them in order: H1, H2, H3... etc.
Or is it OK to have H2 tags before the main H1 tag on a page? - for example sidebar content with H2 headings before the main content H1 tag?
Your thoughts are greatly appreciated.
-
Good answer by Devin,
If you are coding a site from beginning I would put them in order, but if the site already exists and it is a pain to change don't sweat it. If it's a quick global fix in CSS I would take the 30 minutes to do it personally.
But like Devin said the most important thing is that you don't use a bunch of H1s on a page and the H1 should of course contain the main keyword phrase in it.
-
Hi Peter,
Bots/crawlers etc can read your page no matter what order the headers appear in the HTML. The hierarchical order is there for convenience more than anything else.
You should have no problem doing what you suggest in your example. Just try not to have more than one H1 on each page.
Dev
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Is using a subheading to introduce a section before the main heading bad for SEO?
I have noticed a popular trend in web design which involves sections of content being started with what looks to be smaller sub heading something like <h3>, <h4> or <h5> and then followed by a bigger heading <h2>. My question is, what is the best way to deal with this visual structure and will having a structure like this hurt your SEO? <h5>Contact Us</h5> <h2>Get started with your next project in minutes!<h2> <p>Some text here ...</p> Here are some examples where the header structure is similar to above (smaller before bigger): https://www.snappr.com/ https://form.taxi/ https://fluz.app/ If that structure is bad for SEO, then it seems like a simple solution is to make it purely visual, mimicking a sub header with styling on a span or paragraph like these sites do: https://www.andrejilderda.nl/ https://nightwatch.io/ https://www.swingvy.com/ https://www.figma.com/ My only concern with that approach is because your section sub heading is no longer an actual header you will miss out on ranking important and relevant keyword information for that section. Is this correct something to be worried about? There is one last solution I stumbled upon that involves using headings for both but in reverse hierarchy so a <h3> is first but styled to be smaller, followed by a visually bigger <h4> which provides the addition context. https://avocode.com/ Anyone have thoughts, expertise or resources on the matter?
Intermediate & Advanced SEO | | si.analytics0 -
H Tags in Menu
Hi I am checking the H2 tags on this page https://www.key.co.uk/en/key/dollies-load-movers-door-skates I have noticed my dev team have implemented H2's on the categories in the menu. Will this completely confuse Google as to what that page is about? In my opinion those links shouldn't be heading tags at all
Intermediate & Advanced SEO | | BeckyKey0 -
Heading Tags (Specifically H2) being used within images
Hello, Mozzers I have a question regarding placement of heading tags. I have seen this asked a few times on the forum but some are from a couple years ago so wanted to get a more up to date answer regarding this. We want to add H2 tags across our site but our two options are to wrap images we are using as navigation on the top of the page, these are directly below our pages H1 tag and actually make sense. Example H1 title: Vehicles Images are specific brand logo with H2 being wrapped to pull the img alt: "Ford Vehicles" "Checvy vehicles" etc. The wrap would look something like this: I appreciate your time, Chris
Intermediate & Advanced SEO | | kirin443550 -
Putting Dates In Title Tag
Hi, I have a site were I write previews for sports match ups. I notice when I don't put the date in the title I rank much better for specific keywords. I also noticed that most people don't really put in the date when they do the search anyways, especially since google does a good job of showing the most recent pages anyways. The only reason I continue to put the date is because of this whole idea of not having page titles that are duplicate. So many of our games will be Team A vs Team B Preview, and Im worried that the term "preview" will become so repetitive that google may not like it. Any tips or ideas on how to approach this issue best? Thanks!
Intermediate & Advanced SEO | | tarafaraz1 -
Ecommerce Site homepage , Is it okay to have Links as H2 Tags as that is relevant to the page ?
Hi All, I have a Rental site and I am bit confused with how best do my H Tags on my homepage I know the H1 is the most important, Then H2 Tags and so on.. and that these tags should really be titles for content. However, I have a few categories (links) on my homepage so I am wondering if I could put these as H2 Tags given that it is relevant to the page . H3 Tags will my News and Guides etc , H4 Tags will the whats on the footer. I am attached a made up screenshot of what I propose for my homepage if someone could please give it a quick look , it would be very much appreciated. I have looked at what some competitors do a lot of them don't seem to have h2's etc but I know it's an important factor for rankings etc. Many thanks Pete dJSFQwI
Intermediate & Advanced SEO | | PeteC120 -
HTML5 Nav Tag Issue - Be Aware
In checking my internal links with GWT, it is apparent that links within the nav tag in HTML5 are discounted by Google as "internal links" This could have major repercussions for designing your internal link structure for SEO purposes. I was surprised to see this result, as I have never seen it discussed. Anyone else notice this, or have any alternative views?
Intermediate & Advanced SEO | | veezer0 -
Changing a url from .html to .com
Hello, I have a client that has a site with a .html plugin and I have read that its best to not have this. We currently have pages ranking with this .html plug in. However If we take the plug in out will we lose rankings? would we need a 301 or something?
Intermediate & Advanced SEO | | SEODinosaur0 -
Why should your title and H1 tag be different?
Is it dangerous to have your H1 tag and your title the exact same thing? My thought was that it's not be the best use of space, but that it couldn't cause harm. What do you think?
Intermediate & Advanced SEO | | MarieHaynes7