HTML / XML / JS, low-level validity (cross-cutting)MediumInferred

Non-semantic markup (div soup)

What it is

A page built entirely from divs gives machines and assistive tech no structure to work with. Semantic elements, header, nav, main, article, convey meaning that div soup hides. Everything is divs. Weak structure for a11y and agents; harder comprehension. Use semantic elements.

Why does non-semantic markup (div soup) matter for AI search?

Weak structure for a11y and agents; harder comprehension.

How do you fix it?

Use semantic elements.

How do you find it on your site?

  1. Review the markup for meaningful structure versus generic divs.
  2. Identify regions that should use semantic elements.
  3. Replace div soup with header, nav, main, article, section and footer.
  4. Re-check the accessibility tree and outline.

Which ranking and citation factors does it touch?

Semantic markup gives machines and assistive tech real structure. Div soup hides that structure and weakens both SEO and accessibility.

What is the impact?

Low-medium; a11y/agents. Inferred.

What is the evidence?

Semantic HTML aids comprehension/agents. Google Search Central, Optimizing your website for generative AI features on Google Search; W3C, Web Content Accessibility Guidelines (WCAG) 2.2

Frequently asked questions about non-semantic markup (div soup)

What does "Non-semantic markup (div soup)" mean?

Everything is divs.

How do you fix non-semantic markup (div soup)?

Use semantic elements.