<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 im Tab 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 umfasst 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 hat ein längerer, beschreibender Titel bessere Leistung als kurze oder generische Titel. Der Inhalt des Titels ist eine der Komponenten, die von Suchmaschinenalgorithmen verwendet werden, um die Reihenfolge zu bestimmen, in der Seiten in den Suchergebnissen aufgelistet werden. Der Titel ist auch der erste "Haken", mit dem Sie die Aufmerksamkeit der Leser auf der Suchergebnisseite erlangen.

Einige Richtlinien und Tipps zur Erstellung guter Titel:

  • Vermeiden Sie ein- oder zwei-Wort-Titel. Verwenden Sie einen beschreibenden Satz oder eine Begriff-Definition-Kombination für Glossar- oder Referenzseiten.
  • Suchmaschinen zeigen typischerweise die ersten 55–60 Zeichen eines Seitentitels an. Text darüber hinaus kann verloren gehen, daher versuchen Sie, keine längeren Titel zu haben. Wenn Sie einen längeren Titel verwenden müssen, stellen Sie sicher, dass die wichtigen Teile früher erscheinen und dass nichts Kritisches in dem Teil des Titels ist, der wahrscheinlich abgeschnitten wird.
  • Verwenden Sie keine "Keyword-Blöcke". Wenn Ihr Titel nur eine Liste von Wörtern ist, verringern Algorithmen oft die Position Ihrer Seite in den Suchergebnissen.
  • Versuchen Sie sicherzustellen, dass Ihre Titel innerhalb Ihrer eigenen Website so einzigartig wie möglich sind. Doppelte oder nahezu doppelte Titel können zu ungenauen Suchergebnissen beitragen.

Barrierefreiheit

Es ist wichtig, einen genauen und prägnanten Titel bereitzustellen, um den Zweck der Seite zu beschreiben.

Eine gängige Navigationstechnik für Benutzer von unterstützender Technologie besteht darin, den Seitentitel zu lesen und daraus den Inhalt der Seite zu erschließen. Dies liegt daran, dass die Navigation in eine Seite, um ihren Inhalt zu bestimmen, ein zeitaufwändiger und möglicherweise verwirrender Prozess sein kann. Titel sollten für jede Seite einer Website einzigartig sein, idealerweise zuerst den Hauptzweck der Seite und dann den Namen der Website aufführen. Durch dieses Muster wird sichergestellt, dass der Hauptzweck der Seite zuerst von einem Screenreader angekündigt wird. Dies bietet eine weitaus bessere Erfahrung, als den Namen einer Website hören zu müssen, bevor der einzigartige Seitentitel für jede Seite, zu der ein Benutzer auf derselben Website navigiert.

Beispiele

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

Wenn eine Formularübermittlung Fehler enthält und die Übermittlung die aktuelle Seite neu rendert, kann der Titel verwendet werden, um Benutzer auf etwaige Fehler hinzuweisen. Beispielsweise sollten Sie den title-Wert der Seite aktualisieren, um signifikante Änderungen des Seitenstatus widerzuspiegeln (z. B. Probleme bei der Formularvalidierung).

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

Hinweis: Derzeit werden dynamische Aktualisierungen des Seitentitels nicht automatisch von Screenreadern angekündigt. Wenn Sie den Seitentitel aktualisieren, um wesentliche Änderungen am Zustand einer Seite widerzuspiegeln, kann die Verwendung von ARIA Live Regions erforderlich sein.

Beispiele

html
<title>Awesome interesting stuff</title>

Dieses Beispiel erstellt eine Seite, deren Titel (wie oben im Fenster oder im Tab des Fensters angezeigt) als "Awesome interesting stuff" lautet.

Technische Zusammenfassung

Inhaltskategorien Metadaten-Inhalt.
Erlaubter Inhalt Text, der kein inter-Element-Leerzeichen ist.
Tag-Auslassung Sowohl öffnende als auch schließende Tags 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 anderes <title>-Element enthält.
Implizite 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