<title> HTML-Dokumenttitel-Element
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
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; HTML-Tags innerhalb des Elements, falls vorhanden, werden ebenfalls als reiner Text behandelt.
<title>Grandma's Heavy Metal Festival Journal</title>
Attribute
Dieses Element enthält 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 bringt 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 Suchergebnissen gelistet werden. Zudem ist der Titel der erste "Hook", um die Aufmerksamkeit der Leser, die die Suchergebnisseite überfliegen, zu gewinnen.
Einige Richtlinien und Tipps zur Erstellung guter Titel:
- Vermeiden Sie ein- oder zweiwortige Titel. Verwenden Sie eine beschreibende Phrase oder eine Begriff-Definition-Paarung für Glossar- oder Referenzseiten.
- Suchmaschinen zeigen in der Regel die ersten 55–60 Zeichen eines Seitentitels an. Text darüber hinaus kann verloren gehen, also versuchen Sie, Titel nicht länger als das zu machen. Sollten Sie einen längeren Titel verwenden müssen, stellen Sie sicher, dass die wichtigen Teile früher im Titel erscheinen und nichts Kritisches in dem Teil steht, der wahrscheinlich abgeschnitten wird.
- Verwenden Sie keine "Keyword-Blobs." Wenn Ihr Titel nur eine Liste von Wörtern ist, kann dies dazu führen, dass Ihre Seite in den Suchergebnissen weiter unten eingestuft wird.
- Versuchen Sie, Ihre Titel so einzigartig wie möglich innerhalb Ihrer eigenen Website zu gestalten. Doppelte oder nahezu doppelte Titel können zu ungenauen Suchergebnissen führen.
Barrierefreiheit
Es ist wichtig, einen genauen und prägnanten Titel zu geben, der den Zweck der Seite beschreibt.
Eine häufige Navigationstechnik für Benutzer von unterstützenden Technologien besteht darin, den Seitentitel zu lesen und abzuleiten, welchen Inhalt die Seite enthält. Denn das Navigieren auf eine Seite, um ihren Inhalt zu bestimmen, kann ein zeitaufwändiger und potenziell verwirrender Prozess sein. Titel sollten einzigartig für jede Seite einer Website sein und idealerweise den Hauptzweck der Seite zuerst zum Vorschein bringen, gefolgt vom Namen der Website. Wenn Sie dieses Muster befolgen, wird sichergestellt, dass der Hauptzweck der Seite von einem Screenreader zuerst angekündigt wird. Dies bietet ein weit besseres Erlebnis, als bei jeder Seite, zu der ein Benutzer innerhalb derselben Website navigiert, zuerst den Namen der Website anhören zu müssen.
Beispiele
<title>Menu - Blue House Chinese Food - FoodYum: Online takeout today!</title>
Enthält eine Formularübermittlung Fehler und rendert die Seite deswegen erneut, kann der Titel verwendet werden, um Benutzer auf Fehler bei ihrer Übermittlung aufmerksam zu machen. Beispielsweise kann der Wert des Seitentitels aktualisiert werden, um bedeutende Zustandsänderungen der Seite widerzuspiegeln (wie Probleme bei der Formularvalidierung).
<title>
2 errors - Your order - Sea Food Store - Food: Online takeout today!
</title>
Hinweis: Zurzeit wird das dynamische Aktualisieren eines Seitentitels nicht automatisch von Screenreadern angekündigt. Wenn Sie den Seitentitel aktualisieren, um bedeutende Änderungen am Zustand einer Seite widerzuspiegeln, könnte auch die Verwendung von ARIA-Live-Regionen erforderlich sein.
Beispiele
<title>Awesome interesting stuff</title>
Dieses Beispiel erstellt eine Seite, deren Titel (wie er oben im Fenster oder im Tab des Fensters angezeigt wird) als "Awesome interesting stuff" lautet.
Technische Zusammenfassung
| Inhaltskategorien | Metadaten-Inhalt. |
|---|---|
| Erlaubter Inhalt | Text, der kein inter-element Whitespace ist. |
| Tag-Auslassung |
Sowohl Start- als auch End-Tag sind erforderlich. Beachten Sie, dass das Weglassen von
</title> den Browser dazu veranlassen sollte, den Rest der Seite zu ignorieren.
|
| 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
| Spezifikation |
|---|
| HTML # the-title-element |
Browser-Kompatibilität
Siehe auch
- SVG
<title>Element