Page uses semantic HTML elements

geo_ai_semantic_html

Checks that the page uses semantic HTML elements.

What does this rule check?

Semantic HTML elements (<article>, <section>, <nav>, <aside>, <header>, <footer>, <main>) provide meaningful structure that both search engines and AI systems can parse to understand content organization.

Why is this important?

AI systems use HTML semantics to understand content hierarchy and purpose. Pages using only <div> and <span> lose this structural meaning, making AI extraction less accurate.

How to fix

Replace generic <div> containers with appropriate semantic elements where possible.

Examples

<div id="header">...</div>
<div id="content">
  <div class="article">...</div>
</div>
<div id="footer">...</div>

<header>...</header>
<main>
  <article>...</article>
</main>
<footer>...</footer>

Agent fix snippet

Copy this snippet and paste it into your AI coding agent to fix this issue automatically.

Replace div containers with semantic HTML:
- <header> for page/section headers
- <nav> for navigation
- <main> for primary content
- <article> for self-contained content
- <section> for thematic groupings
- <aside> for sidebar content
- <footer> for footer