Semantisches HTML für KI: Title, Meta-Description, lang und Landmarks

Ein Browser kann jedes <div> wie eine Überschrift oder ein Menü aussehen lassen. Eine Maschine sieht das Styling nicht – sie liest die Tags. Semantisches HTML bedeutet, Tags zu nutzen, die sagen, was jeder Teil ist (<title>, <main>, <nav>, <article>), damit eine KI deine Überschrift von deiner Seitenleiste unterscheiden kann. Geringer Aufwand, große Wirkung.

Die vier wichtigsten

Ein Grundgerüst zum Kopieren

<!doctype html>
<html lang="de">
  <head>
    <title>Dein spezifischer Seitentitel</title>
    <meta name="description" content="Eine Ein-Satz-Zusammenfassung dieser Seite.">
  </head>
  <body>
    <header><!-- Seitenname, Navigation --></header>
    <main>
      <article><!-- dein echter Inhalt --></article>
    </main>
    <footer><!-- ... --></footer>
  </body>
</html>

Der häufige Fehler

Eine Seite, die komplett aus <div>s besteht. Sie kann für einen Menschen identisch aussehen und für eine Maschine eine strukturlose Wand sein – kein klarer Hauptinhalt, keine Sprache, manchmal kein echter Title. Du brauchst nicht jedes semantische Tag; du brauchst die wenigen, die kennzeichnen, was zählt.

Fazit

Semantisches HTML ist der günstigste Weg, verstanden zu werden: ein einzigartiger <title>, eine Meta-Description, ein lang-Attribut und echte Landmarks rund um deinen Inhalt. Es ist einer der „verständlich sein”-Schritte aus unserer GEO-Einführung.

← Alle Leitfäden