Semantisches HTML sagt Software, wie eine Webseite aufgebaut ist, nicht nur, wie sie aussieht. Für Menschen wirkt eine groß und fett gesetzte Zeile wie eine Überschrift und ein farbiges Rechteck wie ein Knopf. Ein Programm erkennt beides am zuverlässigsten, wenn der Code es ausdrücklich sagt, etwa mit einem h2- oder einem button-Element. Der HTML-Standard verlangt deshalb, Elemente nur für ihren vorgesehenen Zweck zu verwenden, weil Software die Seite sonst nicht korrekt verarbeiten kann.
Typische Bausteine
- Überschriften: h1 bis h6 in logischer Reihenfolge gliedern eine Seite in Abschnitte.
- Listen und Tabellen: echte Listen (ul, ol) und Tabellen mit Kopfzellen (th).
- Seitenbereiche: Hauptinhalt (main), Navigation (nav) und Fußzeile (footer).
- Links und Bedienelemente: echte Links (a), Schaltflächen (button) und Beschriftungen für Formularfelder (label).
Wie KI-Systeme Struktur nutzen
Bevor Inhalte in Trainingsdaten oder in eine KI-Antwort einfließen, wird häufig der Haupttext aus dem HTML herausgelöst: Navigation, Fußzeile und Werbung fallen weg. Das Open-Source-Werkzeug Trafilatura, mit dem etwa der Text für den Trainingsdatensatz FineWeb gewonnen wurde, sucht den Hauptinhalt unter anderem in den Elementen main und article und verwirft Bereiche wie nav, aside und footer. Wie kommerzielle KI-Systeme Text extrahieren, legen ihre Anbieter selten im Detail offen. Eine Forschungsarbeit zu KI-Systemen, die Webinhalte abrufen (HtmlRAG, 2025), weist zudem darauf hin, dass bei der Umwandlung in reinen Text Überschriften und Tabellenstrukturen verloren gehen.
KI-Agenten, die im Auftrag von Menschen Aufgaben auf Websites erledigen, lesen eine Seite unter anderem über den Accessibility Tree, eine vereinfachte Fassung der Seite, in der semantische Elemente Links, Schaltflächen und Formularfeldern ihre Rolle geben; ein nur wie ein Knopf gestaltetes Rechteck erscheint dort nicht als Schaltfläche. Googles Prüfwerkzeug Lighthouse empfiehlt deshalb in seiner experimentellen Kategorie Agentic Browsing semantisches HTML sowie korrekte Beschriftungen nach dem Standard WAI-ARIA.
Was für semantisches HTML spricht
Die Webmaster-Richtlinien von Bing gelten auch für Copilot und für Webinhalte, die Bing an KI-Anwendungen liefert. Microsoft nennt darin semantische HTML-Elemente und eine logische Überschriftenhierarchie als bewährte Praxis. Google weist darauf hin, dass perfekt semantisches HTML nicht erforderlich ist, empfiehlt es aber, wo möglich, etwa weil es Screenreadern hilft. Semantisches HTML dient so zugleich der digitalen Barrierefreiheit, denn Menschen mit Screenreader und KI-Agenten nutzen dieselbe Struktur; damit gehört es auch zu den Grundbausteinen einer agentenfreundlichen Website.
Semantisches HTML ergänzt strukturierte Daten: Diese beschreiben Fakten, etwa zu einem Unternehmen oder Produkt, meist in einem eigenen Codeblock. Semantisches HTML gliedert dagegen den sichtbaren Text selbst. Klare Überschriften und in sich verständliche Abschnitte können außerdem zur Zitierfähigkeit beitragen. Damit gehört semantisches HTML zu den Grundlagen von GEO auf deiner Website.