<title>: Das Dokumenttitel-Element

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Das <title> HTML Element definiert den Titel des Dokuments, der in der Titelleiste eines Browsers oder in der Registerkarte einer Seite angezeigt wird. Es enthält nur Text; Tags innerhalb des Elements werden ignoriert.

html
<title>Grandma's Heavy Metal Festival Journal</title>

Attribute

Dieses Element beinhaltet nur die globalen Attribute.

Verwendungshinweise

Das <title>-Element wird immer innerhalb des <head>-Blocks einer Seite verwendet.

Seitentitel und SEO

Der Inhalt eines Seitentitels kann erhebliche Auswirkungen auf die Suchmaschinenoptimierung (SEO) haben. Im Allgemeinen performt ein längerer, beschreibender Titel besser als kurze oder generische Titel. Der Inhalt des Titels ist eine der Komponenten, die von Suchmaschinenalgorithmen verwendet werden, um die Reihenfolge festzulegen, in der Seiten in den Suchergebnissen aufgelistet werden. Der Titel ist auch der erste "Aufhänger", mit dem Sie die Aufmerksamkeit der Leser erregen, die die Ergebnisseite durchsuchen.

Einige Richtlinien und Tipps für die Gestaltung guter Titel:

  • Vermeiden Sie Ein- oder Zwei-Wort-Titel. Verwenden Sie eine beschreibende Phrase oder ein Begriff-Definition-Paar für Glossar- oder Referenzseiten.
  • Suchmaschinen zeigen typischerweise die ersten 55–60 Zeichen eines Seitentitels an. Text darüber hinaus könnte verloren gehen, also versuchen Sie, Titel nicht länger als das zu machen. Wenn ein längerer Titel unvermeidlich ist, stellen Sie sicher, dass die wichtigen Teile früher erscheinen und dass nichts Kritisches im Teil des Titels ist, der wahrscheinlich abgeschnitten wird.
  • Verwenden Sie keine "Schlüsselwort-Blöcke". Wenn Ihr Titel nur aus einer Liste von Wörtern besteht, verringern Algorithmen oft die Position Ihrer Seite in den Suchergebnissen.
  • Versuchen Sie, Ihre Titel innerhalb Ihrer eigenen Website so einzigartig wie möglich zu gestalten. Doppelte oder fast doppelte Titel können zu ungenauen Suchergebnissen führen.

Barrierefreiheit

Es ist wichtig, einen genauen und prägnanten Titel zu erstellen, der den Zweck der Seite beschreibt.

Eine gängige Navigationsmethode für Benutzer assistiver Technologien besteht darin, den Seitentitel zu lesen und den Inhalt zu erschließen, den die Seite enthält. Dies liegt daran, dass das Navigieren in eine Seite, um deren Inhalt zu bestimmen, ein zeitaufwändiger und potenziell verwirrender Prozess sein kann. Titel sollten für jede Seite einer Website einzigartig sein und idealerweise zuerst den Hauptzweck der Seite und anschließend den Namen der Website nennen. Dieses Muster hilft sicherzustellen, dass der Hauptzweck der Seite zuerst von einem Screenreader angekündigt wird, was ein weitaus besseres Erlebnis bietet, als ständig den Namen einer Website anhören zu müssen, bevor der einzigartige Seitentitel auf jeder Seite einer Website vorgelesen wird.

Beispiele

html
<title>Menu - Blue House Chinese Food - FoodYum: Online takeout today!</title>

Wenn ein Formulareintrag Fehler enthält und die Einreichung die aktuelle Seite erneut rendert, kann der Titel verwendet werden, um Benutzer auf etwaige Fehler bei ihrer Einreichung hinzuweisen. Aktualisieren Sie beispielsweise den title-Wert der Seite, um wesentliche Zustandsänderungen der Seite zu widerspiegeln (z. B. bei Formularvalidierungsproblemen).

html
<title>
  2 errors - Your order - Sea Food Store - Food: Online takeout today!
</title>

Hinweis: Derzeit wird das dynamische Aktualisieren eines Seitentitels nicht automatisch von Screenreadern angekündigt. Wenn Sie den Seitentitel aktualisieren, um wesentliche Änderungen des Seitenszustands widerzuspiegeln, könnte die Verwendung von ARIA Live Regions notwendig sein.

Beispiele

html
<title>Awesome interesting stuff</title>

Dieses Beispiel erstellt eine Seite, deren Titel (wie oben im Fenster oder in der Registerkarte des Fensters angezeigt) als "Awesome interesting stuff" festgelegt ist.

Technische Zusammenfassung

Inhaltskategorien Metadaten-Inhalt.
Erlaubter Inhalt Text, der kein inter-element Whitespace ist.
Tag-Weglassung Sowohl das öffnende als auch das schließende Tag sind erforderlich. Beachten Sie, dass das Weglassen von </title> dazu führen sollte, dass der Browser den Rest der Seite ignoriert.
Erlaubte Eltern Ein <head>-Element, das kein weiteres <title>-Element enthält.
Implizierte ARIA-Rolle Keine entsprechende Rolle
Erlaubte ARIA-Rollen Keine role erlaubt.
DOM-Schnittstelle [`HTMLTitleElement`](/de/docs/Web/API/HTMLTitleElement)

Spezifikationen

Specification
HTML
# the-title-element

Browser-Kompatibilität

Siehe auch