techniques
Semantic HTML
Using HTML elements for their intended meaning (<article>, <nav>, <aside>) — gives AI engines structural context.
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.