WordPress And Heading Hierarchy: Why H1-H6 Order Matters

HTML headings (H1 through H6) communicate document structure. Screen readers use them to navigate. Search engines use them to understand content hierarchy. Readers use them to scan and orient. The rules are simple: one H1 per page, headings nest logically, no skipping levels.

WordPress themes and content frequently violate these rules. The violations produce accessibility failures and weaker SEO signals. The fixes are mechanical once identified.

The basic rules

One H1 per page. The H1 is the page's primary heading. Having multiple H1s confuses both screen readers and search engines about which is the primary topic.

Headings nest logically. An H3 should be a subsection of an H2; an H4 should be a subsection of an H3. Jumping from H2 directly to H4 skips a level and produces broken structure.

Headings reflect actual hierarchy. Using H2 for visual styling (because H2 looks the right size) rather than for hierarchical position misuses the element.

Empty headings or headings with only images aren't acceptable. Headings should have descriptive text content.

The common violations in WordPress themes

Multiple H1s on the same page. Some themes use H1 for both the site logo and the article title. The structure has two H1s; screen readers and search engines see ambiguous primary heading.

The fix: the site logo should be a link, possibly with the site title as alt text or visible text, but not an H1. The H1 should be reserved for the page's content heading.

Skipped heading levels. Themes that go H2 → H4 in their templates without H3 in between. The visual sizing might look right; the semantic structure is broken.

The fix: ensure templates use consecutive levels. If you need H3-sized text without using H3, use CSS to style an H3 element appropriately.

Sidebar headings using inappropriate levels. The sidebar might use H4 for widget titles when the article body has H2 and H3 sections. The reader scrolling through encounters jarring level changes.

The fix: sidebar widget headings typically should be H2 (parallel to article body H2s) or H4 if they're meant to be subsidiary to the article's H3 sections.

The common violations in content

Authors using headings for visual emphasis rather than structure. "I want this line to be big so I'll make it H3." The line isn't a heading; it's a styled paragraph. Using H3 misuses it.

The fix: use CSS classes for visual emphasis, not heading elements. WordPress's block editor offers paragraph styles that produce visual emphasis without the heading semantic.

Authors using H1 within article body. The article's title is already an H1 in most themes; using H1 in the body produces a second H1.

The fix: in the article body, the first heading level should be H2. The article title is the H1.

Authors creating arbitrary heading depth. An article with H2, H3, H4, H5, H6 throughout has gone too deep. Real articles rarely need beyond H3 or H4.

The fix: simplify the heading structure. If you need five levels of nesting, the article is probably trying to do too much.

The accessibility impact

Screen readers users navigate by headings. They press H to jump to the next heading, 2 to jump to the next H2, etc. A broken heading hierarchy makes this navigation unreliable.

Screen readers announce heading levels. "Heading level 2" tells the user they're at a top-level section. Broken hierarchy means the announcements don't match the actual structure.

For accessibility audits, heading hierarchy is one of the first things checked. Failures are common and worth fixing.

The SEO impact

Search engines use heading hierarchy to understand content structure. The H1 tells them the page's primary topic. H2s tell them the main sections. H3s tell them subsections.

The signal is weighted but not absolute. A well-structured page with logical hierarchy provides clearer signals than a poorly-structured page.

The bigger SEO impact comes from heading content rather than just structure. Headings with descriptive text (matching what the section is about) provide more signal than vague headings like "More Information."

The verification

Use accessibility tools to check heading hierarchy:

WAVE browser extension: highlights structural issues including heading hierarchy.

HeadingsMap browser extension: visualizes the document's heading tree. Broken structure becomes immediately visible.

Chrome DevTools Accessibility panel: shows the accessibility tree including heading levels.

The tools take 2 minutes to install and reveal structural issues that take longer to find manually.

The block editor and headings

WordPress's block editor makes heading selection visible: each heading block has a level setting. The editor doesn't enforce hierarchy but it shows the choice.

The discipline: when adding a heading block, think about its level. Is this a top-level section (H2)? A subsection (H3)? Make the choice deliberately rather than defaulting to whatever level the editor suggests.

Some block plugins add visual indicators or warnings for broken hierarchy. The discipline can be aided by tooling.

The classic editor and headings

The classic editor's heading dropdown shows levels but doesn't make hierarchy visible. The discipline relies more on the writer's awareness.

The TinyMCE Advanced (now Advanced Editor Tools) plugin extends the classic editor with better heading controls. For sites still using classic editor, the plugin helps.

The migration considerations

If your site has accumulated heading hierarchy issues over years, a migration to clean structure affects many pages. The approach:

1. Audit theme templates first. Fix template-level heading issues (H1 conflicts, level skips). This addresses the issues uniformly.

2. Audit recent content. The patterns there reflect current authoring practice; fixing them prevents new accumulation.

3. Old content audit. Probably not worth fixing every article from years ago. Focus on cornerstone content that gets traffic.

4. New content discipline. Every new article follows correct hierarchy from creation.

The cumulative effect over time: heading hierarchy improves as new content displaces old.

The honest framing

Heading hierarchy is a small accessibility and SEO factor. It's not the most important thing about a page. But it's mechanical to fix and the fix improves both accessibility and search signals.

For sites that haven't audited heading hierarchy, this is one of those small wins that adds up. The investment is moderate; the improvement is real if quiet.

The discipline: write content with hierarchy awareness. Use the right heading levels. Don't use headings for visual styling. The discipline produces both better accessibility and better SEO without additional effort.