Heading Structure: Practical H1 to H6 | CrawlNFix

Headings describe how a document is organized.

Headings describe how a document is organized. They help readers locate the section they need, understand how ideas relate and decide whether to read further. A heading is therefore a structural label, not simply a convenient way to make text large. Its usefulness depends on the content it introduces and its relationship with the rest of the page.

Start a heading review by reading the page as an outline. If you remove the paragraphs and leave only the section labels, can you still recognize the subject and the sequence of the explanation? A page with headings such as “Welcome,” “More,” and “Other” may have technically present elements but an unhelpful outline. Conversely, a clear sequence of questions can make a complex tutorial much easier to navigate.

Identify the page's main subject

Choose a visible primary heading that names the document or task. It should be recognizable when a visitor arrives through a direct URL rather than through the homepage. A product detail, a troubleshooting article and a category listing have different purposes, so the main heading should reflect the actual destination rather than repeat a generic slogan across every screen.

The HTML title and the visible main heading can use different wording while identifying the same subject. The browser title may include concise site branding; the on-page heading can use the room available in the layout. Do not force either one to serve as a complete paragraph. The title and description article explains the separate editorial role of metadata.

Match heading levels to content relationships

Use a higher-level heading for a main section and a lower-level heading for a genuine subsection within it. If a tutorial has a section called “Prepare the project,” then “Check required files” and “Choose a working directory” may belong beneath it. A later section called “Publish the project” should return to the level used for the other main sections.

Do not choose a heading level because its default font size happens to look right. Use styling to control presentation while retaining the intended document hierarchy. A repeated visual card title might be a section heading, a link label or ordinary text depending on what the card contains. Decide from its role in the document instead of automatically turning every bold line into an H2.

Review what components add to the outline

Reusable components can unintentionally create extra headings. A logo component might include a heading on every page; a promotional card may introduce a large heading before the article title; a mobile layout may duplicate the same title in another part of the document. Inspect the actual rendered page to understand what is present, rather than reading the article editor's fields alone.

Use the heading checker to inspect the available sequence and then compare it with the visible layout. A mechanical count does not decide whether every instance is a defect. The important questions are whether the primary subject is clear, whether section relationships make sense and whether repeated components introduce confusing structure. Keep the affected template in the issue record when the problem appears across many pages.

Write labels that predict their sections

A useful section heading tells a reader what they will learn or do next. “Check the public response” is more informative in a diagnostic tutorial than “Important information.” Keep labels specific enough to distinguish neighboring sections. If two headings mean almost the same thing, inspect whether their content should be reorganized or whether the labels are simply too vague.

For a fictional installation tutorial, an outline might move through “Check prerequisites,” “Create the configuration,” “Run a local test” and “Verify the published page.” Each label names a different action. A troubleshooting subsection can then explain what to inspect when that action fails. This approach makes the article's logic visible without stuffing the outline with repeated keyword variations.

Inspect source HTML and rendered structure when needed

Some websites add article content after JavaScript runs. In that case, the initial document and the rendered page may contain different headings. Record which version a tool actually inspected. A report based on source HTML cannot establish the final outline when the content is created only later, while a rendered-page observation should not be described as evidence that the original response contained those same elements.

Open a detail URL directly and then reach it through the website's internal navigation. Compare the heading and body after both journeys. A stale title from a previous route or an empty article after a client-side transition is a rendering problem as well as an editorial one. The JavaScript SEO article discusses why the distinction between response content and later document changes matters during an audit.

Where a section is a valuable destination, provide a stable identifier and use a meaningful link label. An internal reference such as “check the deployment verification steps” should lead to the relevant explanation. Avoid changing identifiers casually when other articles or help instructions may depend on them. A document can load successfully while a broken fragment leaves the visitor at the wrong location.

The broken-link audit includes this type of in-page verification. Test a table of contents with keyboard navigation and follow a cross-article section link from an actual source page. Confirm that the destination is visible and not concealed behind a sticky header. This is a more useful test than merely checking that the markup contains an id attribute somewhere.

Keep the review focused on understanding

A heading audit should produce small, explainable changes. Record the current outline, the confusing relationship and a proposed replacement. If you reorganize sections, check that the paragraphs still introduce and answer the questions implied by the new labels. Do not move content solely to create an aesthetically tidy sequence of numbers while making the explanation harder to follow.

After publishing, read the outline again on both desktop and mobile. Check another article using the same components, verify important fragment links and confirm that the page still identifies its primary subject clearly. Use the content-quality checklist for the wider editorial review. A good heading structure gives the reader a reliable map of the explanation; it does not guarantee search rankings or compensate for missing information beneath the headings.

Compare outline evidence and content judgment

ApproachEvidenceUseful for
Heading checkerThe available heading sequence and related findingsSpotting structure worth reviewing
Document outline reviewMeaning and section relationshipsDeciding whether the explanation is organized well
Browser navigation testRendered content and working section linksVerifying direct and client-side journeys

Using CrawlNFix for this task

The heading checker is part of CrawlNFix's free public tools, usable without registration or paid access. It fetches the current page online and exposes the evidence it can inspect. When you have only a saved document, the local keyword-comparison workflow can examine extracted headings offline after loading. Review the outline yourself in either case; a sequence of tags does not judge the quality of the writing beneath them.

All public pages · Diagnostic tools · Fix guides · Run a website scan · Articles · Check library