Was ist HTML?
Hast du schon mal mit Rechtsklick „Seitenquelltext anzeigen“ gewählt? Das, was dann kommt, ist HTML. Es ist das Gerüst jeder Webseite.
HTML steht für Hypertext Markup Language. Mozilla nennt es den grundlegendsten Baustein des Webs: Es legt Bedeutung und Struktur von Inhalten fest. „Hypertext“ heißt Text mit Links, die Seiten miteinander verbinden. „Markup“ heißt, dass Inhalte ausgezeichnet werden — mit Tags in spitzen Klammern.
- <h1> markiert die Hauptüberschrift
- <p> einen Absatz
- <a href="…"> einen Link
- <img alt="…"> ein Bild mit Beschreibung
- <title> den Titel im Browser-Tab und oft in Google
Woher kommt HTML?
Tim Berners-Lee schrieb im März 1989 am CERN den Vorschlag für ein verteiltes Informationssystem. Bis Ende 1990 hatte er HTML, HTTP und die URL definiert. Am 30. April 1993 gab CERN die Software des World Wide Web frei — gemeinfrei, für alle.
2014 verabschiedete das W3C HTML5 als Empfehlung. Seit 2019 pflegen W3C und WHATWG HTML gemeinsam als Living Standard: eine einzige Fassung, laufend aktualisiert, ohne Versionsnummern. „HTML5“ ist heute eher ein Schlagwort für modernes HTML. Ein HTML6 wird es so nicht geben.
Warum HTML für SEO zählt
Google liest deine Seite als HTML. Was dort nicht sauber steht, versteht die Suchmaschine schlechter. Drei Beispiele aus Googles eigener Dokumentation:
HTML-Element
Was Google damit macht
<a href>
Folgt dem Link — andere Klick-Elemente meist nicht
<title>
Nutzt ihn oft für den Titel im Suchergebnis
alt am Bild
Wertet ihn bei Bildlinks als Ankertext
Meta Keywords
Ignoriert sie komplett
Dazu eine Grenze, die man kennen sollte: Googlebot liest von einer HTML-Datei nur die ersten 2 MB (unkomprimiert). Für normale Seiten ist das reichlich — die HTML-Datei einer mobilen Seite ist im Median 32 kB groß (komprimiert übertragen, Web Almanac 2024). Problematisch wird es nur bei aufgeblähtem Code, etwa riesigen eingebetteten Daten.
Beispiele aus der Praxis
So sieht HTML auf echten Websites aus — und wo es hakt:
Case A · Barrierefreiheit
Eine Million Startseiten im Test
53,1 %
ohne Alt-Text bei Bildern
13,5 %
ohne angegebene Sprache
Auf 95,9 % der Startseiten fand der Test Fehler nach WCAG.
WebAIM Million 2026. Fast alles davon sind HTML-Kleinigkeiten, die sich in Minuten beheben lassen.
Case B · Aufbau
Was in einer typischen Seite steckt
594
HTML-Elemente (Median, mobil)
28,7 %
davon nichtssagende div-Container
Viel Gerüst, wenig Bedeutung.
Web Almanac 2024. Nur 46,1 % der Startseiten haben ein main-Element für den Hauptinhalt (WebAIM 2026).
Häufige Fehler
Fehler 1 · HTML für eine Programmiersprache halten
HTML kennt keine Logik, keine Bedingungen, keine Schleifen. Es zeichnet Inhalte nur aus. Das ist keine Spitzfindigkeit: Wer das weiß, sucht Fehler am richtigen Ort.
Fehler 2 · Links ohne echten Link
Ein Button, der nur per JavaScript irgendwohin springt, ist für Google kein Link. Google sagt klar: Gecrawlt wird in der Regel nur ein <a>-Element mit href. Prüf das besonders bei Menüs und „Mehr laden“-Buttons.
Fehler 3 · Alles in div packen
Wer jede Überschrift als fett formatierten Text baut statt als <h2>, nimmt Google und Screenreadern die Struktur. Nimm die Elemente, die es gibt: Überschriften, Listen, <main>, <nav>.
Fehler 4 · Meta Keywords pflegen
Das Meta-Keywords-Tag hat laut Google keinerlei Einfluss auf Indexierung und Ranking. Die Zeit steckst du besser in Titel und Meta-Description.
Was du als Website-Betreiber wissen musst
Mit WordPress, Shopify oder einem Baukasten schreibst du selten selbst HTML. Ein paar Dinge solltest du trotzdem prüfen können:
- Genau eine H1 pro Seite, darunter eine logische Folge von H2 und H3.
- Jedes Bild mit Alt-Text, jedes Formularfeld mit Beschriftung.
- Titel und Meta-Description je Seite gepflegt, zum Beispiel mit Yoast oder Rank Math.
- Quelltext ansehen: Strg + U im Browser oder die Entwicklertools (F12).
- Prüfen lassen: der W3C-Validator für Syntax, WAVE für Barrierefreiheit, Lighthouse für alles zusammen.
Häufige Fragen
Ist HTML eine Programmiersprache?
Nein. HTML ist eine Auszeichnungssprache: Es beschreibt, was ein Inhalt ist, etwa Überschrift oder Link, aber es rechnet und entscheidet nichts. Programmlogik kommt im Browser über JavaScript dazu, auf dem Server zum Beispiel über PHP.
Was ist der Unterschied zwischen HTML und CSS?
HTML legt Struktur und Bedeutung fest, CSS das Aussehen: Farben, Schriften, Abstände, Layout. Eine Überschrift bleibt eine Überschrift, egal wie CSS sie gestaltet. Für Google zählt vor allem das HTML.
Brauche ich HTML-Kenntnisse für WordPress?
Zum Betreiben nicht, zum Prüfen schon ein bisschen. Der Editor erzeugt das HTML für dich. Lesen können solltest du es trotzdem, damit du fehlende Alt-Texte, doppelte H1 oder Links ohne href erkennst.
Wirkt sich sauberes HTML auf SEO aus?
Ja, über Umwege. Google muss Links, Überschriften und Titel erkennen, und das klappt mit sauberem HTML zuverlässig. Ein winziger Syntaxfehler kostet dich aber nicht gleich Rankings — wichtig sind die Elemente, die Google wirklich auswertet.
Quellen
- MDN Web Docs: HTML
- CERN: Geschichte des Webs
- W3C: HTML5 Recommendation
- W3C/WHATWG: Vereinbarung zu HTML
- HTTP Archive: Web Almanac 2024, Markup
- WebAIM: The WebAIM Million
- Google Search Central: Crawlbare Links
- Google Search Central: Googlebot
- Google Search Central: Title-Links
- Google Search Central: Unterstützte Meta-Tags
