# Seitentitel: aussagekräftige Titel für jede Seite

Source: https://allyway.ai/de/glossary/seitentitel

Der Seitentitel ist der Text im <title>-Element einer Seite. Browser zeigen ihn im Tab, Screenreader sagen ihn beim Laden zuerst an, und er sollte Thema oder Zweck der Seite beschreiben.

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](https://allyway.ai/de/glossary/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](https://www.w3.org/WAI/WCAG22/Understanding/page-titled.html) (Stufe A, [WCAG 2.2](https://allyway.ai/de/regulations/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.

| Titel | Bewertung |
|---|---|
| `Gartenstühle – Teak & Aluminium – Shopname` | Gut – Thema zuerst, Website-Name am Ende |
| `Bestellung bestätigt – Shopname` | Gut – beschreibt den Zustand der Seite |
| `Shopname` auf jeder Seite | Verstößt gegen 2.4.2 – Inhalt nicht erkennbar |
| `Unbenanntes Dokument` / kein Titel | Verstößt gegen 2.4.2 |

> **Note:** > **Single-Page-Apps**
> Das W3C weist darauf hin: Wechselt eine Single-Page-Anwendung die Ansicht ohne neue Adresse, sollte sich der Titel an die aktuelle Ansicht anpassen. Viele Frameworks behalten sonst den ersten Titel für jede Route.

Der Seitentitel steht im selben Kopfbereich wie das [lang-Attribut](https://allyway.ai/de/glossary/fehlendes-lang-attribut): Das eine sagt assistiver Technologie, worum es geht, das andere, in welcher Sprache vorgelesen wird.

## Praxisbeispiele

```html title="Beispiel"
<!-- 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>
```

**Do:** Do

Geben Sie jeder Seite einen eigenen Titel, stellen Sie das konkrete Thema an den Anfang und den Website-Namen ans Ende, und bilden Sie wichtige Zustände ab, etwa „Schritt 2 von 3“ oder „Suchergebnisse für Teak“. Halten Sie Hauptüberschrift und Seitentitel inhaltlich nah beieinander.

**Don't:** Don't

Verwenden Sie nicht auf jeder Vorlage denselben Titel, lassen Sie keine CMS-Standards wie „Unbenannt“ oder „Neue Seite“ stehen, beginnen Sie nicht jeden Titel mit einem langen Markenslogan und überladen Sie ihn nicht mit Keywords.

## So prüfen Sie Seitentitel



## Häufige Fragen

Q: Was macht einen guten Seitentitel aus?
A: Er nennt das konkrete Thema oder den Zweck der Seite, beginnt mit den wichtigsten Wörtern und endet mit dem Website-Namen. Er ist auf der Website eindeutig und kurz genug für einen Browser-Tab.

Q: Muss der Seitentitel mit dem h1 übereinstimmen?
A: Nicht wörtlich, aber inhaltlich. Das h1 leitet den Inhalt auf der Seite ein, der Titel benennt die Seite in Tabs, Lesezeichen und Suchergebnissen – mehr dazu unter [Überschriftenstruktur](https://allyway.ai/de/glossary/ueberschriftenstruktur).

Q: Ist der Seitentitel dasselbe wie der SEO-Titel?
A: Meist ja – Suchmaschinen zeigen in der Regel den Inhalt des title-Elements als Überschrift des Treffers. Ein aussagekräftiger Titel hilft also gleichzeitig der Barrierefreiheit und der Klickrate.

Q: Braucht jede Seite einen anderen Titel?
A: WCAG verlangt, dass jeder Titel seine Seite beschreibt. Seiten mit unterschiedlichem Inhalt brauchen deshalb unterschiedliche Titel.