Add a main landmark
A <main> (or role="main") landmark marks the primary content for crawlers and assistive tech. Follow the steps below on your stack, then re-check the live URL.
A <main> (or role="main") landmark marks the primary content for crawlers and assistive tech.
Lo recordamos en este navegador para que la siguiente guía use el mismo CMS.
At a glance
| Time | ~10 min |
|---|---|
| Category | Content |
| Steps | 3 |
| Stacks | WordPress, Shopify, Webflow, Next.js, HTML, more |
Pasos
Wrap the primary page content in a single <main> element.
Keep nav, header, and footer outside <main>.
Don’t nest multiple <main> landmarks on one page.
En HTML / static
Keep a single <h1> and a logical h2→h3 outline.
Snippet
<header>…</header> <main> <h1>Page topic</h1> <!-- primary content --> </main> <footer>…</footer>
FAQ
- What does “Add a main landmark” fix?
- A <main> (or role="main") landmark marks the primary content for crawlers and assistive tech.
- How long does this usually take?
- About 10 minutes on most CMS and code stacks when you already have access to edit the page.
- Where do I start?
- Start with: Wrap the primary page content in a single <main> element. Then use the platform picker on this page for placement notes.