Glossary entry semantic-htmlTechniques

Semantic HTML

Using HTML elements for their intended meaning (<article>, <nav>, <aside>), which gives AI engines structural context.

Filed under: Techniques
In the rubric: Structural depth (GEO-SFE), H2 coverage, JSON-LD presence

Definition

Semantic HTML is the practice of using HTML elements that convey meaning about the content's role: <article>, <section>, <nav>, <aside>, <header>, <footer>, <main>, <figure>, <figcaption>. AI engines + accessibility tools rely on this structure to identify the main content vs navigation chrome. Pages built entirely from <div>s force engines to guess at structure, hurting extraction accuracy.

Example

<article><h1>How to AEO</h1><main>...</main></article> is parseable. <div class='article'><div class='headline'>How to AEO</div></div> is not.

How to optimize

Audit your templates: every page should have one <main>, navigation in <nav>, the article body in <article>. Tailwind classes don't replace semantic tags.

Check a page against a real AI answer

Claude’s live answer to your buyer’s question, its sources, your readiness score and the fixes. Free, no signup, about half a minute.

Run a free audit