<title>: Das Dokumenten-Titel-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 schließt nur die globalen Attribute ein.

Anwendungshinweise

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 erzielt ein längerer, beschreibender Titel bessere Ergebnisse 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 gelistet werden. Außerdem ist der Titel der erste Anreiz, mit dem Sie die Aufmerksamkeit der Leser auf der Seite mit den Suchergebnissen erregen.

Einige Richtlinien und Tipps zur Erstellung guter Titel:

  • Vermeiden Sie ein- oder zwei-Wort-Titel. Verwenden Sie eine beschreibende Phrase oder eine Begriff-Definition-Paarung für Glossar- oder referenzartige Seiten.
  • Suchmaschinen zeigen in der Regel die ersten 55–60 Zeichen eines Seitentitels an. Text, der darüber hinausgeht, könnte verloren gehen, also 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 kommen und dass nichts Kritisches in dem Teil des Titels steht, der wahrscheinlich abgeschnitten wird.
  • Verwenden Sie keine "Schlüsselworthaufen". Wenn Ihr Titel nur aus einer Liste von Wörtern besteht, 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 assistiven Technologien ist es, den Seitentitel zu lesen und daraus abzuleiten, welchen Inhalt die Seite enthält. Dies liegt daran, dass das Navigieren auf 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 den Hauptzweck der Seite zuerst angeben, gefolgt vom Namen der Website. Ein solcher Aufbau stellt sicher, dass der primäre Zweck der Seite zuerst von einem Screenreader angekündigt wird. Dies bietet eine weitaus bessere Erfahrung, als auf jeder Seite, zu der navigiert wird, den Namen der Website vor dem einzigartigen Seitentitel zu hören.

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 lädt, kann der Titel verwendet werden, um Benutzer auf etwaige Fehler ihrer Übermittlung aufmerksam zu machen. Aktualisieren Sie zum Beispiel den title-Wert der Seite, um bedeutende Zustandsänderungen der Seite zu reflektieren (wie z.B. Probleme bei der Formularvalidierung).

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

Hinweis: Derzeit wird das dynamische Aktualisieren des Seitentitels nicht automatisch von Screenreadern angekündigt. Wenn Sie den Seitentitel aktualisieren, um bedeutende Ä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" angezeigt wird.

Technische Zusammenfassung

Inhaltskategorien Metadateninhalt.
Erlaubter Inhalt Text, der kein inter-element Leerraum 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-Elemente 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

BCD tables only load in the browser

Siehe auch