Seitentitel: aussagekräftige Titel für jede Seite

Der Seitentitel ist der Text im <title>-Element im Kopfbereich einer Seite. Er erscheint im Browser-Tab, in Lesezeichen und in Suchergebnissen – und er ist das Erste, was ein Screenreader beim Öffnen einer Seite ansagt. Ein guter Seitentitel beantwortet die Frage „Wo bin ich?“, bevor jemand ein Wort Inhalt gelesen hat.

Was es bedeutet

WCAG 2.4.2 Seite mit Titel (Stufe A, WCAG 2.2) verlangt, dass Webseiten Titel haben, die Thema oder Zweck beschreiben. Es braucht also zweierlei: Ein Titel ist vorhanden, und er sagt, worum es geht. Die hinreichende Technik des W3C kombiniert G88 (beschreibende Titel) mit H25 (das title-Element verwenden). Der Fehler F25 betrifft Titel, die den Inhalt nicht erkennen lassen – „Unbenannt“, „Startseite“ auf jeder Seite oder ein Dateiname wie „seite-2.html“.

Laut W3C profitieren alle, die schnell einschätzen müssen, ob eine Seite relevant ist, Menschen mit Sehbehinderung, die offene Tabs am Titel unterscheiden, und Menschen mit kognitiven, Gedächtnis- oder Leseeinschränkungen, die Inhalte an ihrem Namen wiedererkennen.

Der Seitentitel steht im selben Kopfbereich wie das lang-Attribut: Das eine sagt assistiver Technologie, worum es geht, das andere, in welcher Sprache vorgelesen wird.

Praxisbeispiele

<!-- Gut: konkretes Thema zuerst, Website-Name am Ende -->
<head>
  <title>Lieferzeiten nach Österreich – Hilfe | Shopname</title>
</head>

<!-- Gut: Titel in einer Single-Page-App aktualisieren -->
<script>
  document.title = 'Kasse – Schritt 2 von 3 | Shopname';
</script>

<!-- Schlecht: überall derselbe allgemeine Titel -->
<title>Shopname</title>

So prüfen Sie Seitentitel

Häufige Fragen