H1 Tag SEO Examples: Length, Count and Best Practices

An H1 tag is the HTML element that marks a page’s main visible heading: the top-level statement of what the page is about. The short rules: use one H1 per page, keep it roughly 20 to 70 characters, make it describe this page specifically, and keep it on the same topic as the title tag (matching it word for word is fine). It is the first structural signal a crawler, a screen reader and a skimming human all use to decide whether they are in the right place.

H1 Tag

An H1 tag (<h1>) is the primary heading element of an HTML page, used once to declare the page’s main topic to users, assistive technology, and search engines at the top of the content hierarchy.

H1 rules at a glance

H1 tag examples for SEO

Here is what a correct H1 looks like in the HTML, with the rest of the headings cascading beneath it:

<title>Best Running Shoes for Flat Feet (2026) | ShoeLab</title>
...
<h1>Best Running Shoes for Flat Feet: 2026 Buyer's Guide</h1>
  <h2>How we tested</h2>
  <h2>The seven best picks</h2>
    <h3>Best for marathon training</h3>
  <h2>How to choose</h2>

The title tag is written for the search result (brand at the end, tight length). The H1 is written for the person who already clicked. Both say the same thing.

Weak and strong H1 tag examples by page type:

Each strong example passes the same test: read it cold, with no other context, and you know what the page delivers. The weak ones would fit on any page of the site, which is the problem.

Why the H1 matters for SEO

The H1 is a modest ranking signal with an outsized cost when it is wrong, because three audiences read it at once.

• Search engines use headings to understand what a page and its sections cover. When the title tag, the H1 and the body all agree, the page’s subject is unambiguous. Google also lists heading elements such as the <h1> among the sources it can use when it rewrites a page’s title link in the results, so a vague H1 can end up in the SERP.
• Screen readers let users jump from heading to heading. A missing or junk H1 means a blind user lands on a page with no announced topic, which is an accessibility failure that real people hit every day.
• Skimmers read the H1 before anything else. It is the promise the page keeps or breaks in the first two seconds.

A good H1 will not lift a thin page. A strong page with a vague or missing H1 is giving away relevance for free.

Clear headings also make each section of a page easier to lift on its own, which is how featured snippets and AI answers tend to quote. A descriptive H1 followed by a clean header tags hierarchy is the cheapest way to get there.

H1 best practices: how to write one that works

The rules are boring on purpose. Boring is what scales across a thousand programmatic pages.

• Be specific. “Running Shoes” tells nobody anything. “Best Running Shoes for Flat Feet (2026 Buyer’s Guide)” tells a search engine and a human exactly what they will get.
• Lead with the topic. Put the primary keyword or its natural variant near the front, once, in the words a searcher would use.
• Keep it a headline. Roughly 20 to 70 characters: descriptive enough to be useful, short enough to read at a glance on a phone.
• Do not keyword-stuff. “Buy Cheap Running Shoes Best Deals Cheap Shoes Online” breaks Google’s spam policies on keyword stuffing, and it reads as untrustworthy to a human, the opposite of what Google’s E-E-A-T framework describes. One natural mention beats five forced ones.
• Match intent. Align the H1 with the commercial intent (or lack of it) behind the query you are targeting.
• Make it real text. The H1 should be text in the HTML the server sends, so it survives without JavaScript and without images loading.

To check a live page, paste its URL into our free SERP & AI preview. It reads the page’s raw HTML, reports the first H1 it finds next to your title and description, and flags a page with no H1. If it reports no H1 on a page where you can see one, the heading is most likely injected by JavaScript or is an image; confirm with URL Inspection in Search Console.

H1 vs. title tag

This trips up more people than it should. The title tag lives in the <head> and shows in the browser tab and, usually, as the blue link in the search result. The H1 lives in the visible page body. They should cover the same topic; whether the wording is identical is up to you.

A common pattern is a title tuned for the search result (keyword first, brand at the end) and an H1 tuned for the reader (a little longer, no brand). If your title and H1 say different things, fix that first: it is the mismatch that confuses people and search engines, and it raises the odds that Google rewrites your title link.

How long should an H1 be?

Aim for roughly 20 to 70 characters, which is about three to 12 words. No official H1 length limit exists, and Google never truncates an H1 because the H1 does not appear in the search result. The range is practical: under 20 characters is rarely specific enough, and past 70 the heading wraps onto three or more lines on a phone and starts to read like a paragraph. If Google does pick your H1 as the title link, the first 50 to 60 characters are what survive, so put the topic there.

How many H1 tags per page?

Use one. Google’s John Mueller has said its systems do not have a problem with multiple H1 headings on a page, so a second H1 will not get you penalized. One is still the right default for everyone else who reads the page: a single H1 tells a screen reader user what the page is, and it keeps your own templates honest about what each page is for.

The HTML5 argument for several H1s, each inside its own <section> or <article>, relied on a document outline algorithm that browsers and screen readers never implemented, and it was removed from the HTML standard in 2022. Assistive technology generally announces every one of those H1s as a level 1 heading.

We treat it as a hard rule: one H1 stating the page’s main topic, then a logical cascade of header tags below it, as in the example above. Go H1 to H2 to H3 without skipping levels for visual reasons. If you want a heading to look smaller, style it with CSS; reaching for an <h4> because it renders at the right size breaks the outline. Semantics drive crawling and accessibility; styling is a separate concern. (See header tags for the full cascade.)

Common H1 mistakes we still see in audits

When we run an SEO content audit, broken H1s show up on a depressing share of pages. The usual suspects:

1. No H1 at all. Common on JavaScript-heavy sites where the heading renders client-side and never reaches the HTML the server sends. If you ship a single-page app, make sure your H1 survives JavaScript SEO rendering.
2. The logo is the H1. An image with no alt text wrapped in <h1> gives crawlers and screen readers nothing. Fix the image alt tags, and move the H1 to the page’s real headline.
3. Multiple competing H1s. Often a theme bug where the site name and the page title both render as H1. Pick the page title.
4. The same H1 on every page. A template that hardcodes one heading site-wide makes every page look interchangeable, and it usually travels with duplicate titles and thin content. Each page’s H1 should be unique.
5. Heading levels skipped for styling. Jumping from H1 to H4 because the designer liked the size breaks the outline screen readers depend on.
6. An H1 hidden with CSS. A heading set to display:none helps no visitor and looks like it was written for crawlers only. If the design has no room for an H1, the design needs one.

On programmatic builds, the H1 is a template variable. Get the template right once and ten thousand pages inherit a correct, unique heading. Get it wrong once and you have broken ten thousand pages identically. That leverage cuts both ways.

This is the kind of structural hygiene that compounds at scale, which is why we bake H1 logic into the page templates on every core pSEO engagement and stop patching headings page by page.

When H1 problems become a business problem

One page with a missing or clumsy H1 is a five-minute fix you can make yourself. Under a few hundred pages, a free crawler and an afternoon cover the whole site.

The H1 starts to cost money when it is wrong on a whole page type at once. A CMS theme wraps the logo in <h1>. A product or location template prints the same heading on 4,000 URLs. A JavaScript framework renders the heading after the HTML has been read. A migration quietly drops headings from every page. Audits report these as hundreds of identical errors, and they rarely travel alone: duplicate titles and thin pages usually come with them.

That is template work. On a fractional SEO engagement, the two founders fix it once in the template and check that it held on every URL. Templates are also how Gyfted reached 126,824 Google clicks in its best month.

Frequently Asked Questions

How long should an H1 tag be?

Aim for roughly 20 to 70 characters, about three to 12 words. There is no official limit, and Google does not truncate an H1 because it is not shown in search results. Long enough to name the page specifically, short enough to read at a glance on a phone. If Google uses your H1 as the title link, only the first 50 to 60 characters survive, so put the topic first.

Can a page have more than one H1 tag?

Yes, technically, and Google has said multiple H1s do not cause problems for its systems. Use one anyway. The HTML5 outline idea that made several H1s “correct” was never implemented by browsers or screen readers and was dropped from the HTML standard in 2022, so extra H1s simply read as extra top-level headings. One clear H1 is the least ambiguous signal for readers, assistive technology and search engines.

Does the H1 tag affect SEO rankings?

Yes, modestly. Google uses headings to understand what a page covers, and the H1 can be used to rewrite your title link in the results. It will not make a weak page rank, but a missing, duplicated or keyword-stuffed H1 weakens relevance and hurts accessibility.

Should the H1 match the title tag exactly?

It does not have to. The title tag lives in the <head> and targets people scanning search results; the H1 lives on the page and targets people who already clicked. Keep them on the same topic. Identical wording is fine, and so is a title tuned for the SERP with an H1 written for the reader.

What is a good H1 tag example?

“How to Change a Flat Tire: Step-by-Step Guide” for a how-to post, “Women’s Trail Running Shoes” for a category page, “Emergency Plumber in Austin, TX” for a location page. Each names the specific topic in the searcher’s words, and none of them would fit on any other page of the site.

Why isn’t my H1 showing up to Google?

The most common cause is client-side rendering: the H1 is injected by JavaScript and missing from the HTML the server sends. Check the rendered HTML with URL Inspection in Search Console, or paste the URL into a tool that reads the raw HTML. Other culprits: the H1 is an image with no alt text, or it is hidden with display:none.