What is H1?
An H1 tag is commonly used to markup a heading on a web page. There’s something to be said about having a single clear topic of a page.
Header tags have their place on a page and have to be used in a proper order starting with your h1. The h1 tag should contain your targeted keywords, ones that closely relate to the page title and are relevant to your content. The h2 tag is a subheading and should provide similar keywords to your h1 tag.
Multiple H1 on a Page
So how critical is it to have multiple H1 on a page? With HTML5, it’s common to have separate H1 elements for different parts of the page.
If you use an HTML5 template, there’s a chance your page will correctly use various H1 heading automatically. That said, regardless of whether you use HTML5 or not, having multiple H1 is valid.
Ideal structure: One H1 only, others can be multiple.
Heading Structure on a Web Page
HTML defines six levels of headings. A heading element implies all the font changes, paragraph breaks before and after, and any white space necessary to render the heading. The heading elements are H1, H2, H3, H4, H5, and H6 with H1 being the highest (or most important) level and H6 the least.
Ideal Headings Usage
The h1 tag ideally should contain your targeted keywords, ones that closely relate to the web page title and are relevant to your content. The h2 tag is a subheading and should provide similar keywords to your h1 tag. Your h3 is then a subheading for your h2 and so on.
If you end up using multiple headings on a page, that’s fine. Write naturally with keywords in Headings if relevant and avoid keyword stuffing, and to remember the ideal heading structure is always a good SEO practice.