> For the complete documentation index, see [llms.txt](https://one-loop.gitbook.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/blog/blog-navigation-gestalten.md).

# Blog-Navigation gestalten

Eine Blog-Navigation hilft Leserinnen und Lesern, passende Beiträge schneller zu finden. Sie besteht aus sichtbaren Themenlinks und kann zusätzlich ein Suchfeld sowie ein Symbol für die Blog-Startseite enthalten. Damit die Navigation sinnvoll arbeitet, muss jeder Link zu einer Kategorie passen, die tatsächlich zu deinen Blogbeiträgen gehört.

Die Navigation ordnet deinen Inhalt für Menschen klarer ein. Sie ist keine Garantie für bessere Suchergebnisse, sorgt aber dafür, dass Themen auf der Blogseite leichter erkennbar und erreichbar sind.

## Was du vorab brauchst

Du brauchst:

* einen bestehenden Blog, den du bearbeiten darfst;
* mindestens eine sinnvolle Beitragskategorie, die du in der Navigation zeigen möchtest;
* idealerweise bereits veröffentlichte Beiträge, mit denen du jeden Kategorienlink testen kannst.

Plane die Themen zuerst. Eine Kategorie ist ein klarer Sammelbegriff für ähnliche Beiträge – zum Beispiel **Tipps**, **Praxisbeispiele** oder **Hintergrundwissen**. Lege nicht mehrere Namen für dasselbe Thema an. Besucherinnen und Besucher sollen auf einen Blick verstehen, was sie hinter jedem Link erwartet.

## Wo du die Blogseite bearbeitest

1. Öffne unter **Websites und Leadgewinnung** den Bereich **Blog**.
2. Wähle aus der Blogliste den Blog aus, dessen Übersichtsseite du verändern möchtest.
3. Starte für diesen Blog die Aktion zum Bearbeiten der Website beziehungsweise Blogseite.
4. Prüfe im Editor, ob du die Startseite des Blogs bearbeitest. Dort gehört die Kategorienavigation normalerweise über oder nahe an die Beitragsliste.

Die Originalansicht zeigt oben im Editor eine Auswahl wie **Blog Home**. Das ist ein hilfreicher Hinweis: Änderungen an dieser Seite betreffen die Blog-Übersicht, nicht den Inhalt eines einzelnen Beitrags.

## Element „Kategorienavigation“ einfügen

1. Öffne links im Seiteneditor die Elementauswahl über **Element hinzufügen**.
2. Wähle die Gruppe **Blog**.
3. Suche dort nach **Category Navigation** beziehungsweise **Kategorienavigation**.
4. Ziehe das Element an die gewünschte Stelle auf der Blogseite.
5. Platziere es so, dass Leserinnen und Leser die Themen vor den ersten Beiträgen sehen können.

Nach dem Einfügen erscheinen zunächst Beispiel-Einträge wie „Category 1“, „Category 2“ und weitere Kategorien. Das sind keine fertigen Themenlinks. Du musst jeden sichtbaren Eintrag passend konfigurieren oder entfernen.

## Einen Kategorienlink richtig einstellen

Klicke im Editor auf das Element **Kategorienavigation**. Rechts öffnet sich die Liste der Navigationseinträge. Wähle dort einen vorhandenen Eintrag aus oder lege über das Pluszeichen einen neuen an.

Für jeden Eintrag zeigt der Dialog diese Felder:

| Feld oder Aktion    | Bedeutung                                          | So triffst du eine gute Entscheidung                                                    |
| ------------------- | -------------------------------------------------- | --------------------------------------------------------------------------------------- |
| **Title**           | Der Text, den Besucher in der Navigation sehen.    | Verwende kurze, verständliche Themennamen wie „Ratgeber“ statt interner Bezeichnungen.  |
| **Go To**           | Legt fest, wohin der Eintrag führt.                | Wähle für eine Themenübersicht das Ziel **Go to Category URL**.                         |
| **Category**        | Die Beitragskategorie, die hinter dem Link liegt.  | Wähle genau die Kategorie aus, in die die passenden Beiträge einsortiert sind.          |
| **Open in New Tab** | Öffnet das Ziel in einem zusätzlichen Browser-Tab. | Lass diese Option für normale Kategorien meist aus, damit Leser im Blog bleiben können. |
| **Submit**          | Übernimmt die Einstellung des Eintrags.            | Klicke erst darauf, wenn Titel und Kategorie zusammenpassen.                            |
| **Delete**          | Entfernt den gerade bearbeiteten Eintrag.          | Nutze es für überflüssige Beispiel- oder Doppel-Einträge.                               |

Wähle nicht nur einen hübschen Titel. Entscheidend ist die Verbindung mit der richtigen **Category**. Ein Link mit dem Titel „Tipps“, der auf eine andere Kategorie führt, wirkt zwar korrekt, zeigt Besucherinnen und Besuchern aber den falschen Inhalt.

## Reihenfolge und Anzahl der Kategorien steuern

In der Navigation zeigt jeder Eintrag einen Griff zum Verschieben. Ziehe ihn nach oben oder unten, um die Reihenfolge zu ändern. Lege die Themen nach der Orientierung deiner Zielgruppe an, nicht nach der Reihenfolge, in der du sie intern erstellt hast.

Neben einem Eintrag stehen außerdem sichtbare Aktionen:

* Das **Pluszeichen** fügt einen weiteren Eintrag hinzu.
* Das **Kopier-Symbol** erstellt eine Kopie eines vorhandenen Eintrags. Passe danach unbedingt Titel und Kategorie der Kopie an.
* Das **Papierkorb-Symbol** entfernt einen nicht mehr benötigten Eintrag.

Beginne mit wenigen Hauptthemen. Bei vielen ähnlichen Kategorien wird die Navigation lang und die Auswahl schwieriger. Eine klare, kurze Liste ist hilfreicher als jede denkbare Unterteilung.

## Suche und Startseiten-Symbol ein- oder ausblenden

In den Einstellungen der Kategorienavigation sind zwei Schalter sichtbar:

| Einstellung            | Wirkung                                   | Wann sie sinnvoll ist                                                                                          |
| ---------------------- | ----------------------------------------- | -------------------------------------------------------------------------------------------------------------- |
| **Include search bar** | Zeigt ein Suchfeld in der Navigation.     | Aktiviere es, wenn dein Blog mehrere Beiträge hat und Besucher nach konkreten Begriffen suchen sollen.         |
| **Show Home icon**     | Zeigt ein Symbol für die Blog-Startseite. | Aktiviere es, wenn Leserinnen und Leser aus einer Kategorie schnell zur Beitragsübersicht zurückkehren sollen. |

Ändere jeweils nur einen Schalter und kontrolliere die Vorschau. So erkennst du sofort, ob die Navigation auf einem kleinen Bildschirm noch übersichtlich bleibt.

## Speichern, veröffentlichen und prüfen

1. Prüfe in der Editor-Vorschau, ob alle Namen lesbar und in der gewünschten Reihenfolge erscheinen.
2. Speichere die Seite.
3. Veröffentliche die Änderung.
4. Öffne die Blogseite in einem privaten Browserfenster oder auf einem Gerät, auf dem du nicht im Editor angemeldet bist.
5. Klicke jeden Kategorienlink an. Er muss zu der Beitragsgruppe führen, die zum sichtbaren Namen passt.
6. Falls die Suche aktiviert ist, prüfe zunächst nur, ob das Suchfeld sichtbar und bedienbar ist.
7. Öffne die Blogseite zusätzlich auf einem Smartphone und kontrolliere, ob sich Navigation, Suchfeld und Beiträge noch gut bedienen lassen.

## Was nach der Veröffentlichung passiert

Die Kategorienavigation wird auf der Blogseite angezeigt. Ein richtig verknüpfter Kategorieeintrag führt Besucherinnen und Besucher zur passenden Beitragsgruppe. Das Suchfeld und das Startseiten-Symbol werden nur angezeigt, wenn du die jeweiligen Schalter aktiviert hast.

Änderst du später einen Titel, eine Kategorie oder die Reihenfolge, speicherst und veröffentlichst du die Blogseite erneut. Die Navigation wird dann in ihrer neuen Form ausgeliefert.

## Realistisches Beispiel: Blog für einen Handwerksbetrieb

Ein Betrieb veröffentlicht regelmäßig Beiträge zu Planung, Pflege und Materialkunde. Die Blogseite soll neuen Kundinnen und Kunden die Orientierung erleichtern.

1. Der Betrieb legt die drei Kategorien **Planung**, **Pflege** und **Materialwissen** fest.
2. Im Blog-Editor fügt er oberhalb der Beitragsliste die Kategorienavigation ein.
3. Für jeden Eintrag setzt er den sichtbaren Titel und verbindet ihn mit der passenden Beitragskategorie.
4. Die Reihenfolge beginnt mit **Planung**, weil viele Besucher zuerst ein Projekt vorbereiten möchten.
5. Das Suchfeld wird aktiviert, weil der Blog bereits viele Beiträge enthält.
6. Nach der Veröffentlichung wird geprüft: Ein Beitrag über Holzschutz erscheint über **Pflege**, und das Startseiten-Symbol bringt Leser zurück zur gesamten Beitragsübersicht.

So führt jeder sichtbare Link zu einer nachvollziehbaren Auswahl statt zu einer leeren oder falschen Seite.

## Grenzen und typische Fehler

### Ein Kategorienlink zeigt nicht die erwarteten Beiträge

Prüfe zuerst den Eintrag im Editor: **Title** und **Category** müssen zueinander passen. Prüfe danach bei einem Beispielbeitrag, ob er tatsächlich der ausgewählten Kategorie zugeordnet ist.

### Die Navigation enthält doppelte oder leere Themen

Entferne Beispiel-Einträge, die du nicht brauchst. Bei kopierten Einträgen musst du Titel und Zielkategorie beide ändern; sonst bleiben zwei Links mit demselben Ziel oder einem unpassenden Namen bestehen.

### Die Navigation ist auf dem Smartphone zu lang

Verringere die Zahl der sichtbaren Hauptthemen. Behalte nur Kategorien, die mehrere passende Beiträge bündeln und für deine Zielgruppe wichtig sind.

### Die Suche wird nicht benötigt

Schalte **Include search bar** wieder aus. Ein Suchfeld ist hilfreich bei einer größeren Beitragsmenge, muss aber nicht auf jeder kleinen Blogseite sichtbar sein.

### Änderungen sind öffentlich nicht zu sehen

Speichere die Blogseite und veröffentliche sie anschließend erneut. Prüfe die veröffentlichte Seite in einem privaten Browserfenster, damit du keine ältere lokale Ansicht siehst.

## Kurz-Check vor dem Veröffentlichen

* Gehört jeder sichtbare Name zu einer echten Beitragskategorie?
* Führt jeder Link zur passenden Beitragsgruppe?
* Sind die wichtigsten Themen zuerst angeordnet?
* Wurden überflüssige Beispiel- oder Doppel-Einträge entfernt?
* Sind Suchfeld und Startseiten-Symbol bewusst gewählt?
* Ist die Navigation auf Desktop und Smartphone gut bedienbar?


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/blog/blog-navigation-gestalten.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.