Fehlender Titel
Silktide prüft, dass jede Seite einen Titel definiert und dass dieser nicht leer ist. Der Titel ist das, was Browser in Tabs und Lesezeichen anzeigen, Suchmaschinen in Ergebnissen darstellen und was Screenreader als Erstes ankündigen, wenn eine Seite geöffnet wird.
<!-- Fehlend: kein <title> im <head> -->
<head>
<meta charset="utf-8">
</head>
<!-- Behoben: ein beschreibender Titel -->
<head>
<title>Karriere – ACME Inc</title>
</head>
Warum das wichtig ist
Der Seitentitel ist oft das Erste, was Menschen von einer Seite wahrnehmen. Ein kündigt ihn an, sobald die Seite geladen ist, und anhand des Titels unterscheiden Nutzerinnen und Nutzer Browser-Tabs und erkennen Seiten im Verlauf und in Lesezeichen. Ohne einen Titel hören sie die rohe Webadresse der Seite oder gar nichts und müssen die Seite erst erkunden, um zu erfahren, wo sie sind.
Titel sind auch kommerziell wichtig: Suchmaschinen zeigen sie als Überschrift jedes Treffers. Ein fehlender Titel kostet daher nicht nur Barrierefreiheit, sondern auch Klicks.
So beheben Sie das
- Fügen Sie im
<head>der Seite ein<title>-Element mit Text hinzu, der die Seite beschreibt. - Wenn Ihre Seite zwar ein
<title>hat, dieses aber leer ist, füllen Sie es aus – ein leerer Titel gilt wie ein fehlender. - In den meisten Content-Management-Systemen wird der Titel pro Seite festgelegt, häufig über ein Feld wie „Seitentitel“ oder „SEO‑Titel“, sodass keine Codeänderung nötig ist.
Wie Silktide dies testet
- Liest das der Seite und sucht nach
<title>-Elementen; dabei werden alle innerhalb von SVG-Grafiken ignoriert (sie stehen nicht im Zusammenhang mit dem Seitentitel). - Wenn kein
<title>-Element vorhanden ist, wird die Seite als „Titel fehlt“ gemeldet. - Wenn das erste
<title>-Element – nach Entfernen umliegender Leerzeichen – keinen Text enthält, wird die Seite als „Leerer Titel“ gemeldet.
Diese Prüfung testet nur, ob ein Titel existiert. Ob der Titel die Seite wirklich beschreibt, wird in Passender Seitentitel behandelt.