What is an H1 tag?
The H1 tag is the top of a page's heading hierarchy. HTML provides six levels, H1 through H6, and the H1 is reserved for the title of the content itself: the headline of an article, the name of a product, the subject of a landing page. It is usually the largest text on the page, but size is a styling choice; what makes it an H1 is the tag in the code, which is what screen readers and crawlers actually see.
It is distinct from the title tag. The title tag lives in the page's head and appears in the browser tab and the search result; the H1 lives in the body and appears on the page. They often say similar things and they do not have to match, but a reader who clicks a result and lands on a page with a different headline feels the gap.
Why it matters
Why the H1 tag matters
It matters because it is the clearest single statement of what a page is about, and both people and machines use it that way. Search engines read it as a strong topic signal, and Google often uses it as the result title when the title tag is weak. Screen readers let users jump to it, which is how people with visual impairments orient themselves. And for every reader it is the promise the page is making: a visitor decides within seconds whether the page is for them, and the H1 is most of what they read.
On campaign sites and portfolios the H1 is often the first casualty of a layout. A beautiful page whose only H1 is a logo, or that has none at all, has thrown away its best signal.
In practice
How the H1 tag works in practice
- 01
One H1 per page, carrying the main subject in plain words, placed where the content starts. For an article that is the headline. For a product it is the product name. For a service page it is the service, phrased the way a person would search for it. The primary keyword belongs in it naturally, and the rest of the heading structure hangs beneath it in order, so the page reads as an outline.
- 02
In a content management system the template usually handles it, which means the template is where to check. Use a heading outline tool to confirm that the H1 is the title and not the site name, that there is only one, and that nothing is styled to look like a heading without being tagged as one. Then make sure the H1 and the title tag tell the same story.
At RIOT
H1 tags at RIOT
Every entry in this glossary has one H1, the term itself, and the sections beneath it are H2s that carry the term in the question a reader would ask. That is not decoration; it is how a crawler and a screen reader both know what the page is for before reading a paragraph.
Watch out
What people get wrong about H1 tags
Using it for size. A designer who wants big text reaches for an H1, and the page ends up with five of them, none of which is the subject. The other mistake is making the logo or the site name the H1 on every page, which tells search engines that every page is about the company rather than about its own topic. The third is stuffing it: an H1 made of keywords is a worse headline and no better a signal.
