> For the complete documentation index, see [llms.txt](https://docs.rh-webdesign.com/cms-bundle/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rh-webdesign.com/cms-bundle/blog/elemente/inhaltsverzeichnis.md).

# Inhaltsverzeichnis

Das Element **Inhaltsverzeichnis** erzeugt automatisch ein Verzeichnis aus den Überschriften des Beitrags. Per Klick springen deine Leser direkt zum gewünschten Abschnitt – besonders hilfreich bei langen Ratgebern und Reiseberichten.

Über die **Element-Auswahl** von Shopware (Schaltfläche „Element austauschen“) fügst du das Element **Inhaltsverzeichnis** an der gewünschten Position hinzu – im rot markierten Feld.

<figure><img src="/files/TevLH9vsIHU3sHkZa0XZ" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/SVE9lf3hMFqGhIL3TCW9" alt=""><figcaption><p>Beispiel im Storefront: automatisch erzeugtes Inhaltsverzeichnis</p></figcaption></figure>

### Allgemein

Über die Reiter **Einbeziehen** und **Ausschließen** steuerst du, welche Überschriften ins Verzeichnis aufgenommen werden.

<figure><img src="/files/OAaj6r03axqbO6I7y1rJ" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="287">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Überschrift des Inhaltsverzeichnisses (1)</td><td>Optionaler Titel über dem Verzeichnis, z. B. „Inhalt“.</td></tr><tr><td>Überschriften (2)</td><td>Im Reiter <strong>Einbeziehen</strong>: welche Überschriften-Ebenen (H1–H6) aufgenommen werden.</td></tr><tr><td>CSS Selektoren (3)</td><td>Für Fortgeschrittene: zusätzliche CSS-Selektoren, deren Überschriften ein- bzw. (im Reiter <strong>Ausschließen</strong>) ausgeschlossen werden. Jeden Selektor mit Enter bestätigen.</td></tr></tbody></table>

### SEO

{% content-ref url="/pages/LHlzFdFr8hVLrftTJKPh" %}
[SEO](/cms-bundle/elemente/konfigurationsbausteine/seo.md)
{% endcontent-ref %}