Page structure is important when it comes to search engines. A good heading structure helps the search engines get an idea of what your page is about, and how the different sections of content relate to each other.
The heading tags in HTML make up a large part of a page’s structure, and are <h1>, <h2>, <h3>, <h4>, <h5>, and <h6>. The <h1> tag stands for “heading one” for example, and is the most important heading tag. The importance of the other tags reduces as the number increases.
I recommend that you implement the tags in a hierarchy, so use <h1> first as the main heading for the page, followed by <h2> tags. Each <h2> tag may have <h3> tags under it, and each <h3> tag may have <h4> tags under it and so on. I believe that using the tags in a strict hierarchy like this is a good practice to get into, as it will help you structure your pages better when creating them. The <h1> tag should mark up the most important heading on the page, and it makes sense for it to be bigger or bolder than the other headings because of this. Because it will likely be more obvious than the other headings, it also makes sense that it be placed near the top of the page ahead of other headings for more prominence.
It isn’t a requirement for the <h1> tag to be the first heading tag on the page, so you won’t be breaking any SEO rules if your <h1> tag is half way down your page for whatever reason. Google is good at recognising the <h1> tag where ever it finds it, as explained in the video below by Matt Cutts, the ‘public face’ of Google.
Another common problem you could encounter is having no obvious heading that is more important than all the other headings. Thankfully, Google is very forgiving of multiple <h1> tags so long as you do not use them excessively.
Despite being able to use multiple <h1> tags, I do urge you that you use them sparingly. If your page has been designed with an obvious main heading that’s great, you should place that inside <h1> tags. If not, you may have multiple headings on your page that are equally important, with no heading being more important than the rest. In this case, you can place each heading inside <h1> tags. Personally though, I would always try to find some text somewhere that I could use as the main heading, even if it does not look important or is not in a prominent position on the page.
In this video Matt Cutts explains that multiple <h1> tags are acceptable for Google.
My personal best practice guidelines
The H1 tag(s) should:
The other tags should:
To make analysing the headings on your page easier, try the HTML5 Outliner Tool by Geoffrey Sneddon – it’s also available as an extension for Chrome & Chromium. If you prefer Firefox, the Web Developer add-on is a great all-round addition to your browser, and includes an outline feature among many other tools.
<h1>Video Game Reviews</h1> <h2>Game Genres</h2> <h3>Action & Adventure</h3> <h3>Sport</h3> <h3>Role-Playing</h3> <h3>First-Person Shooter</h3> <h2>Game of the Month</h2> <h3>Final Fantasy VII</h3> <h2>Find a Game</h2> <h2>Submit a Review</h2>
Please add a comment below if you’d like to recommend some more SEO tools or discuss anything in this article.