Doctype
Der Doctype ist die erste Zeile in HTML-Dokumenten und sorgt dafür, dass Browser Webseiten nach modernen Standards korrekt darstellen.
Was ist der Doctype?
Der Doctype (kurz für "Document Type Declaration", auf Deutsch Dokumenttyp-Deklaration) ist eine Anweisung, die ganz am Anfang eines HTML-Dokuments steht. Sie teilt dem Browser mit, um welche Art von Dokument es sich handelt und nach welchem Standard er den Code interpretieren soll. Der Doctype ist damit die allererste Zeile einer Webseite, noch vor dem eigentlichen HTML-Code.
Bei modernen Webseiten ist der Doctype erfreulich einfach. Er lautet schlicht:
<!DOCTYPE html>Diese kurze Zeile ist der Standard für HTML5, die aktuelle Version von HTML, und signalisiert dem Browser, die Seite nach den gültigen, modernen Webstandards darzustellen.
Warum ist der Doctype so wichtig?
Die zentrale Aufgabe des Doctype ist es, den Browser in den richtigen Darstellungsmodus zu versetzen. Hier liegt der eigentliche Kern seiner Bedeutung. Browser kennen zwei grundlegende Modi:
- Standards-Modus (Standards Mode): Wird ein korrekter Doctype angegeben, stellt der Browser die Seite nach den aktuellen, einheitlichen Webstandards dar. Das ist der gewünschte Zustand.
- Quirks-Modus (Quirks Mode): Fehlt der Doctype oder ist er fehlerhaft, fällt der Browser in einen speziellen Kompatibilitätsmodus zurück. In diesem "Macken-Modus" ahmt er das fehlerhafte Verhalten sehr alter Browser nach, um uralte Webseiten noch darstellen zu können.
Genau der Quirks-Modus ist das Problem: Hier kann es zu unvorhersehbaren Darstellungsfehlern kommen, etwa zu verschobenen Layouts, falschen Abständen oder einer fehlerhaften Box-Darstellung. Der einfache Doctype <!DOCTYPE html> stellt sicher, dass der Browser zuverlässig im Standards-Modus arbeitet.
Ein kurzer Blick in die Geschichte
Früher waren Doctypes deutlich länger und komplizierter. Zu Zeiten von HTML 4.01 und XHTML mussten umständliche, mehrzeilige Deklarationen mit Verweisen auf externe Definitionen angegeben werden, die sich kaum jemand merken konnte. Mit HTML5 wurde dies radikal vereinfacht: Aus einer langen, fehleranfälligen Zeile wurde das kurze, einprägsame <!DOCTYPE html>. Für praktisch alle heutigen Webseiten ist dies die einzig relevante Variante.
Wo steht der Doctype, und worauf ist zu achten?
- Ganz am Anfang: Der Doctype muss die allererste Zeile des Dokuments sein, noch vor dem öffnenden
<html>-Tag. Steht etwas davor, kann das den Quirks-Modus auslösen. - Nichts davor platzieren: Selbst ein unscheinbares Leerzeichen oder ein versehentlicher Zeichensalat vor dem Doctype kann Probleme verursachen.
- Nur einmal vorhanden: Pro Seite gibt es genau einen Doctype.
- Nicht case-sensitiv: Die Schreibweise von "DOCTYPE" ist technisch nicht auf Groß- oder Kleinschreibung festgelegt, üblich und empfehlenswert ist aber die gezeigte Form.
Hat der Doctype Einfluss auf SEO?
Hier ist eine ehrliche Einordnung wichtig: Der Doctype selbst ist kein direkter Rankingfaktor. Google bewertet eine Seite nicht besser, nur weil ein Doctype vorhanden ist. Allerdings kann ein fehlender oder fehlerhafter Doctype indirekt der Suchmaschinenoptimierung schaden:
- Darstellungsprobleme: Gerät der Browser in den Quirks-Modus, kann das Layout brechen. Eine fehlerhaft dargestellte Seite verschlechtert die Nutzererfahrung.
- Probleme mit Responsive Design: Der Quirks-Modus kann dazu führen, dass die mobile, responsive Darstellung nicht korrekt funktioniert. Da Google mobil-first indexiert, kann das ein echtes Problem werden.
- Negative Nutzersignale: Darstellungsfehler führen zu Frust und Absprüngen, was sich indirekt negativ auswirken kann.
Mit anderen Worten: Der Doctype ist eine technische Grundvoraussetzung. Ist er korrekt gesetzt, bemerkt man ihn gar nicht. Fehlt er, können daraus Folgeprobleme entstehen, die durchaus SEO-relevant sind.
Muss man sich als Einsteiger darum kümmern?
In den meisten Fällen nicht aktiv. Moderne Content-Management-Systeme wie WordPress und nahezu alle aktuellen Themes fügen den korrekten HTML5-Doctype automatisch ein. Wer eine gepflegte, aktuelle Webseite betreibt, hat den Doctype in der Regel bereits korrekt im Quelltext. Relevant wird das Thema vor allem bei selbst erstellten Seiten, bei sehr alten Webseiten oder wenn man bei der Fehlersuche auf unerklärliche Darstellungsprobleme stößt. In solchen Fällen lohnt ein Blick, ob der Doctype korrekt als allererste Zeile vorhanden ist.
Fazit
Der Doctype ist eine kleine, aber wichtige Anweisung am Anfang jedes HTML-Dokuments, die dem Browser sagt, die Seite nach modernen Webstandards darzustellen. Bei aktuellen Webseiten genügt die einfache Zeile <!DOCTYPE html>. Seine zentrale Funktion ist es, den zuverlässigen Standards-Modus zu aktivieren und den fehleranfälligen Quirks-Modus zu vermeiden. Auch wenn der Doctype kein direkter Rankingfaktor ist, bildet er eine technische Grundlage für eine korrekte Darstellung, eine funktionierende mobile Ansicht und damit eine gute Nutzererfahrung. Die gute Nachricht für Einsteiger: Moderne Systeme setzen ihn automatisch korrekt, sodass man sich nur in Ausnahmefällen selbst darum kümmern muss.