What Is the h1 Tag? Proper Usage and Writing Tips for SEO

The "h1 tag," which always appears when building a web page, is an important HTML element that indicates the page's heading. It tends to be set casually, but it plays a major role in both SEO and usability. This article explains, in an easy-to-understand way, the basics of the h1 tag, its relationship with SEO, the difference from the title tag, and the points for proper usage and writing.

What Is the h1 Tag?

The h1 tag is, among the tags that represent headings in HTML (h1 through h6), the top-level main heading. The "h" stands for heading, and the smaller the number, the higher-level the heading. In other words, h1 is the heading that indicates "what the page is about" and serves as the title for the page as a whole.

Heading tags are used hierarchically to express the structure of the text. With h1 as the page's main heading, beneath it the mid-level heading h2, within that the sub-heading h3, and so on—organized in a hierarchy like a book's "title → chapter → section."

The Difference Between the h1 Tag and the title Tag

The element most often confused with the h1 tag is the title tag. Both relate to the "page title," but the place where they are displayed and their roles differ.

• title tag: the title displayed as the headline in search results and in the browser tab. It is an outward-facing title aimed at users and search engines before they open the page.
• h1 tag: the main heading displayed at the top of the body when the page is opened. It is an inward-facing heading aimed at users who have actually visited the page.

The content of the two often ends up similar, but they don't have to be exactly the same. The basic approach is to optimize each according to its role: make the title attractive while including keywords with clicks in search results in mind, and make the h1 easy for people who have opened the page to grasp the content.

The Impact of the h1 Tag on SEO

Google uses heading tags, including h1, as one of the cues for understanding a page's content and structure. By putting words that concisely express the page's theme into the h1, you make it easier to convey to search engines what the page is written about.

However, it is not appropriate to overly expect a direct effect such as "putting keywords in the h1 will raise your ranking." Google uses headings as a cue, but ranking is determined by many factors, including the overall quality of the content and alignment with search intent. It is appropriate to view the h1 as an element for "conveying the page's content accurately."

Also, when headings are appropriately structured, users can grasp the page's content more easily, which leads to better readability and longer time on page. This kind of usability improvement also contributes to SEO indirectly.

Proper Usage of the h1 Tag

Use one per page as the basic rule

Since the h1 is the heading that indicates the page's "main subject," using one per page is the basic rule. The HTML specification does allow multiple h1s, and having multiple does not by itself constitute a penalty. However, from the standpoint of clearly conveying the page's theme, narrowing the main heading down to one makes it easier to convey to both users and search engines.

Don't break the heading hierarchy

Use headings in order without skipping levels: h2 under h1, h3 under h2, and so on. Rather than using heading tags solely for the sake of visual design (font size), the proper usage is to use them to express the logical structure of the text. When you want to adjust the appearance, handle it with CSS.

Make it match the page content

It is important that the theme written in the h1 matches the actual page content. If the content you led users to expect with the h1 differs from the body text, users feel "this is different from what I thought" and become more likely to leave.

Points for Writing the h1 Tag

Include your target keyword naturally

Include the keyword you're targeting on that page within the h1 in a natural form. If the keyword is included in words that concisely express the theme, the theme is easier to convey to both users and search engines. However, cramming keywords in unnaturally is counterproductive.

Make it concise so the content comes across

If the h1 is too long, the main point becomes blurred. Aim for concise, specific wording so the page's subject comes across at a glance. Trim unnecessary modifiers and choose words that make "what you can learn on this page" clear.

Meet the expectations of users who clicked

Users see the title in search results, click, open the page, and first lay eyes on the h1. At this moment, if their search intent matches the content of the h1, they can read on with the reassurance that they "reached the page they were looking for." Making headings that are mindful of search intent is also effective for preventing exits.

Common Pitfalls with the h1 Tag

• Keyword stuffing: cramming the same keyword over and over to aim for top rankings makes it unnatural and hard to read. Prioritize wording that is easy for users to understand.
• An image-only h1: when using a logo image or the like as the h1, if you don't set appropriate text in the alt attribute, the heading's content won't be conveyed.
• Making it exactly the same as the title: this isn't a problem, but since the title and h1 appear in different situations, there is room to adjust the wording to suit each role.
• Use for appearance purposes: avoid using the h1 merely to make text look big; adjust the appearance with CSS.

Summary

The h1 tag is an important element that, as the page's main heading, conveys "what the page is about" to both users and search engines. It differs in role from the title tag displayed in search results; the h1 is an inward-facing heading aimed at users who have opened the page.

Using one per page as the basic rule, not breaking the heading hierarchy, and matching the page content are the points of proper usage. As for writing, be mindful of including your target keyword naturally, making it concise so the content comes across, and meeting the expectations of users who clicked. Rather than chasing magic such as keyword stuffing, keeping headings easy for users to understand is, in the end, the shortcut to improving both SEO and usability.