<title>: Das Document Title-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 einem Tab der 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.

Nutzungshinweise

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 Leistungen als kurze oder generische Titel. Der Inhalt des Titels ist eine der Komponenten, die von Suchmaschinenalgorithmen verwendet werden, um die Reihenfolge der Seiten in den Suchergebnissen zu bestimmen. Außerdem ist der Titel der erste "Hook", mit dem Sie die Aufmerksamkeit der Leser auf der Suchergebnisseite gewinnen.

Einige Richtlinien und Tipps für gute 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 kann verloren gehen, also versuchen Sie, die Titel nicht länger als das zu halten. Müssen Sie einen längeren Titel verwenden, stellen Sie sicher, dass die wichtigen Teile früher kommen und nichts Kritisches in dem Abschnitt des Titels steht, 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 fast doppelte Titel können zu ungenauen Suchergebnissen beitragen.

Barrierefreiheit

Es ist wichtig, einen genauen und prägnanten Titel bereitzustellen, 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 der Seite zu ermitteln. Dies liegt daran, dass das Navigieren in eine Seite, um ihren Inhalt zu bestimmen, ein zeitaufwendiger und potenziell verwirrender Prozess sein kann. Titel sollten für jede Seite einer Website einzigartig sein, idealerweise den Hauptzweck der Seite zuerst anzeigen, gefolgt vom Namen der Website. Diese Vorgehensweise hilft sicherzustellen, dass der Hauptzweck 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, für jede Seite, die ein Benutzer innerhalb derselben Website besucht.

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 Benutzern auf Fehler bei ihrer Übermittlung hinzuweisen. Beispielsweise aktualisieren Sie den Wert des title der Seite, um bedeutende Zustandsänderungen der Seite (wie Probleme bei der Formularvalidierung) widerzuspiegeln.

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

Hinweis: Derzeit wird das dynamische Aktualisieren des Titels einer Seite 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-Regionen erforderlich sein.

Beispiele

html
<title>Awesome interesting stuff</title>

Dieses Beispiel stellt eine Seite dar, deren Titel (wie oben im Fenster oder im Tab des Fensters angezeigt) als "Großartige interessante Dinge" angezeigt wird.

Technische Zusammenfassung

Inhaltskategorien Metadateninhalt.
Zulässiger Inhalt Text, der kein Zwischen-Element-{{Glossary("whitespace", "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.
Zulässige Eltern Ein <head>-Element, das kein anderes <title>-Element enthält.
Implizierte ARIA-Rolle Keine entsprechende Rolle
Zulässige ARIA-Rollen Keine role erlaubt.
DOM-Schnittstelle [`HTMLTitleElement`](/de/docs/Web/API/HTMLTitleElement)

Spezifikationen

Specification
HTML Standard
# the-title-element

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch