Educational guide
Layout is an access and usability issue
There is no universal AI-preferred layout. A good page makes its main task, answer, evidence and next step usable to people and available in robust HTML.1. Essential content behind interaction
Do not hide the only answer behind a fragile tab, animation or client request. Progressive enhancement should leave essential content and links accessible.2. Heading hierarchy without meaning
Use one descriptive H1 and section headings that explain the content. Styling a div as a heading or repeating keyword headings creates poor navigation.3. Answer buried under generic introduction
State the page's direct result early, then add evidence and exceptions. Long preambles delay users but shortening copy alone does not guarantee retrieval.4. Comparison without criteria
Tables should name dimensions, units, dates and sources. Decorative comparison cards without consistent criteria can mislead users and generated summaries.5. Contradictory repeated facts
Pricing, availability and policy facts repeated in several components can drift. Generate them from one maintained source or link to the canonical detail.6. Missing evidence context
Place source links near material claims and state sample, date and limitations for original data. A references footer cannot repair an unsupported statistic.7. Mobile and accessibility failures
Check contrast, focus, labels, reading order, overflow and tap targets. Accessibility helps people and makes semantic structure more reliable; it is not an AI ranking trick.8. Validation
Inspect the initial response, rendered DOM, keyboard path, structured-data output and final canonical. Google's JavaScript SEO guidance explains rendering considerations.Interpretation note
AI and search behavior changes over time. Guidance does not promise discovery, ranking, citations, traffic or commercial outcomes; confirm platform-specific details against primary documentation.