Inhaltsverzeichnis und Breadcrumbs

Ziel: Einer langen Seite eine „Auf dieser Seite“-Liste geben und Besuchern zeigen, wo sie sind.
Dauer: 4 Minuten
Sie brauchen: Eine Seite mit mehreren Überschriften

Schritte

  1. Verankern Sie zuerst Ihre Überschriften. Ein Inhaltsverzeichnis listet Header-Blöcke mit einer Anchor ID — Überschriften ohne sind für es unsichtbar.
  2. Bearbeiten Sie jeden Header-Block, der gelistet werden soll, und füllen Sie Anchor ID aus. Nehmen Sie kleingeschriebene, mit Bindestrichen verbundene Wörter: how-we-run-a-project.
  3. Wählen Sie Add Block und dann TOC. Setzen Sie den TOC Title — On this page ist die übliche Wahl.
  4. Platzieren Sie es oben auf der Seite, über dem Inhalt, den es beschreibt.
  5. Wählen Sie Add Block und dann Breadcrumb. Setzen Sie das Home label und entscheiden Sie, ob das Current page item enthalten ist.
  6. Speichern Sie und prüfen Sie das Ergebnis.
Header block form showing the text, level, and anchor ID fields.
TOC block form showing the optional title field.
Breadcrumb block form showing the home label and current page item settings.
Public page showing an on-this-page list of anchored headings above a breadcrumb trail.

Das Inhaltsverzeichnis wird gebaut, nicht geschrieben

Die Liste tippen Sie nie. Der TOC-Block liest die verankerten Header-Blöcke derselben Seite und baut die Liste daraus, in Seitenreihenfolge.

Damit veraltet sie nie: Benennen Sie eine Überschrift um, folgt der Eintrag; fügen Sie einen Abschnitt hinzu, erscheint er; entfernen Sie den Anker, fällt er heraus. Es heißt auch: Ein leeres Inhaltsverzeichnis ist kein kaputter Block — es ist eine Seite ohne verankerte Überschriften.

Hinweise

  • Ein Anker ist auch ein Linkziel. Hat eine Überschrift einen, können Sie von überall direkt auf diesen Abschnitt verlinken.
  • Halten Sie Anker stabil. Einen zu ändern zerbricht jeden Link, den jemand auf diesen Abschnitt gespeichert hat — dieselbe Regel wie beim Seiten-Slug.
  • Ein Inhaltsverzeichnis auf einer kurzen Seite ist Lärm. Sieht die Leserin ohne Scrollen jede Überschrift, wiederholt die Liste nur, was schon sichtbar ist.
  • Breadcrumbs werden aus dem Pfad der Seite abgeleitet und spiegeln daher, wo die Seite wirklich liegt. Sieht die Spur falsch aus, gehört die Seitenadresse korrigiert.
  • Überschriften, die in Cards oder anderen Blöcken stecken, werden nicht gelistet. Das Inhaltsverzeichnis ist eine Karte der Abschnitte der Seite, nicht jeder Überschrift darauf.
Weiter: Ein Navigationsmenü bauen