<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 einem 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 enthält nur die globalen Attribute.

Verwendungshinweise

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

Seitentitel und SEO

Der Inhalt eines Seitentitels kann erhebliche Auswirkungen auf die Suchmaschinenoptimierung (SEO) haben. Im Allgemeinen schneidet ein längerer, beschreibender Titel besser ab als kurze oder generische Titel. Der Titelinhalt ist eine der Komponenten, die von Suchmaschinen-Algorithmen verwendet werden, um die Reihenfolge zu bestimmen, in der Seiten in den Suchergebnissen aufgelistet werden. Außerdem ist der Titel der initiale "Aufhänger", mit dem Sie die Aufmerksamkeit der Leser erregen, die einen Blick auf die Suchergebnisseite werfen.

Einige Richtlinien und Tipps zur Erstellung guter Titel:

  • Vermeiden Sie Ein-Wort- oder Zwei-Wort-Titel. Verwenden Sie eine beschreibende Phrase oder eine Begriff-Definition-Kombination für Glossar- oder Referenzseiten.
  • Suchmaschinen zeigen typischerweise die ersten 55–60 Zeichen eines Seitentitels an. Text, der darüber hinausgeht, könnte verloren gehen. Versuchen Sie daher, Titel nicht länger zu gestalten. Wenn Sie einen längeren Titel verwenden müssen, stellen Sie sicher, dass die wichtigen Teile früher kommen und dass nichts Wesentliches in dem Teil des Titels steht, der wahrscheinlich wegfällt.
  • Verwenden Sie keine "Keyword-Blobs". Wenn Ihr Titel nur aus einer Liste von Wörtern besteht, verringert dies oft die Position Ihrer Seite in den Suchergebnissen.
  • Achten Sie darauf, dass Ihre Titel möglichst einzigartig innerhalb Ihrer eigenen Website sind. Duplizierte oder nahezu duplizierte Titel können zu ungenauen Suchergebnissen führen.

Barrierefreiheit

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

Eine gängige Navigationstechnik für Benutzer von unterstützender Technologie ist das Lesen des Seitentitels, um den Inhalt zu bestimmen, den die Seite enthält. Denn es kann zeitaufwendig und potenziell verwirrend sein, sich in eine Seite zu navigieren, um ihren Inhalt zu ermitteln. Titel sollten für jede Seite einer Website einzigartig sein, idealerweise sollte der primäre Zweck der Seite zuerst erscheinen, gefolgt vom Namen der Website. Dieses Muster hilft sicherzustellen, dass der primäre Zweck der Seite zuerst von einem Screenreader angekündigt wird. Dies bietet ein weit besseres Erlebnis, als den Namen einer Website vor dem einzigartigen Seitentitel hören zu müssen, bei jeder Seite, die ein Benutzer auf derselben Website aufruft.

Beispiele

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

Wenn ein Formular eingereicht wird und Fehler enthält und die Einreichung die aktuelle Seite neu rendert, kann der Titel verwendet werden, um Benutzer auf eventuelle Fehler bei ihrer Einreichung aufmerksam zu machen. Aktualisieren Sie beispielsweise den Wert des Seitentitels, um wesentliche Zustandsänderungen der Seite zu reflektieren (wie etwa Probleme bei der Formularvalidierung).

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 signifikante Änderungen des Seitenzustands widerzuspiegeln, kann der Einsatz von ARIA Live-Bereichen notwendig sein.

Beispiele

html
<title>Awesome interesting stuff</title>

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

Technische Zusammenfassung

Inhaltskategorien Metadaten-Inhalte.
Erlaubter Inhalt Text, der kein inter-element Leerzeichen ist.
Tag-Auslassung Sowohl öffnende als auch schließende Tags sind erforderlich. Beachten Sie, dass das Auslassen 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