Skip to content
Tiny SEO Steps
Launch· Page-level

Use semantic landmarks and heading levels

HTML elements such as main, nav, headings, and lists describe a page’s structure.

Why it matters

Clear structure helps people using assistive technology and helps software interpret the page.

Do it step by step

  1. 1

    Inspect a representative template in rendered HTML.

  2. 2

    Use one main region, meaningful nav labels, and actual heading tags for sections.

  3. 3

    Keep heading levels logical without using headings only for visual size.

  4. 4

    Check the page with a screen reader or accessibility inspector.

Example

A service page can use a main heading for the service and H2 headings for pricing and FAQs.

Check your work

Rendered HTML has meaningful landmarks and headings in a sensible sequence.

Complete when

The site’s reusable page templates have been checked and structural errors corrected.

Prompt for an AI coding agent

Use this with an agent that can inspect your project. Account and external actions remain yours to complete.

Inspect my existing website project before editing. Use semantic landmarks and heading levels. Inspect a representative template in rendered HTML. Use one main region, meaningful nav labels, and actual heading tags for sections. Keep heading levels logical without using headings only for visual size. Check the page with a screen reader or accessibility inspector. Keep the existing framework and design conventions. Verify the result with the project's checks and by inspecting the rendered page or response. Explain any manual account, hosting, or Search Console steps I must do myself.

Tools and references

Reviewed 2026-11-04