Die Nutzererfahrung (User Experience, UX) der Besucher sollte für Sie als Website-Eigentümer oder -Entwickler sehr wichtig sein. Es kann jedoch schwierig sein, zu wissen, ob Sie alle Grundlagen abgedeckt haben und was Sie noch in Ihre Website einbauen sollten.
Ein Element, das oft übersehen wird, ist ein Inhaltsverzeichnis (TOC) für Ihre langen Inhalte. Das Hinzufügen eines Inhaltsverzeichnisses zu jedem Ihrer Beiträge ermöglicht es den Lesern nicht nur, genau die Abschnitte zu finden, an denen sie interessiert sind, sondern lässt Ihre Inhalte auch übersichtlicher erscheinen.
In diesem Beitrag stellen wir die verschiedenen Möglichkeiten zur Erstellung eines WordPress-Inhaltsverzeichnisses vor (einschließlich Plugins, Shortcodes und HTML). Anschließend stellen wir zwei beliebte Stile vor und zeigen, wie Sie sie erreichen können. Legen wir los!
Warum sollte ich ein Inhaltsverzeichnis auf meiner WordPress-Website einfügen?
Auch wenn ein Inhaltsverzeichnis für einen Blog-Post überflüssig erscheint, kann es doch einen großen Beitrag zur Verbesserung der UX Ihrer Website leisten. Die meisten Leser kommen zu Ihren Inhalten, weil sie Antworten auf bestimmte Fragen suchen. Mit einem Inhaltsverzeichnis können sie einfach zu den Informationen springen, die für sie am relevantesten sind, anstatt scrollen und überfliegen zu müssen, um das zu finden, was sie brauchen.
Außerdem kann ein TOC die Suchmaschinenoptimierung (SEO) Ihrer Beiträge verbessern. Diese praktischen Links sind ein einfacher Ort, um Ihr(e) Schlüsselwort(e) einzubauen, die ein sehr wichtiger Ranking-Faktor sind.
Ein TOC in Ihrem Beitrag erhöht nicht nur die Keyword-Dichte, sondern auch Ihre Chancen auf ein Featured Snippet in Google. Dies ist der kurze Auszug, der bei einigen Suchanfragen über der Hauptliste der Ergebnisse erscheint:
Ein Featured Snippet zu erhalten, ist keine exakte Wissenschaft. Listen (z. B. Inhaltsverzeichnisse) werden jedoch häufig angezeigt, da sie die Antworten auf die Fragen der Suchenden auf klare und präzise Weise vermitteln können.
Hinzufügen eines Inhaltsverzeichnisses mit Plugins
Plugins sind eine perfekte Möglichkeit, die Funktionalität von WordPress zu erweitern. Es gibt mehrere Lösungen, die eine einfache Möglichkeit bieten, ein WordPress-TOC zu den Beiträgen Ihrer Website hinzuzufügen.
Unser Lieblings-Plugin für WordPress-Inhaltsverzeichnisse ist Fixed TOC. Sie können auch andere Plugins in Verbindung mit ihm verwenden, wie Q2W3 Fixed Widget, um die TOCs auf Ihrer Website weiter zu optimieren.
Die Installation eines Plugins ist einfach. Alles, was Sie tun müssen, ist:
- Navigieren Sie im WordPress-Dashboard zu Plugins > Neu hinzufügen.
- Laden Sie die .zip-Datei des Plugins hoch (kostenlos oder Premium), oder installieren Sie es aus dem Plugin-Verzeichnis (nur kostenlose Plugins).
Sobald es installiert und aktiviert ist, haben Sie vollen Zugriff auf den Funktionsumfang des jeweiligen Plugins. Der weitere Prozess hängt von dem von Ihnen gewählten Tool ab.
So erstellen Sie zum Beispiel ein Inhaltsverzeichnis, nachdem Sie Fixed TOC installiert haben:
- Navigieren Sie zu Einstellungen > Festes Inhaltsverzeichnis.
- Wählen Sie auf der Registerkarte Allgemein aus, für welche Beitragstypen Sie ein Inhaltsverzeichnis erstellen möchten, welche Überschriftsebenen einbezogen werden sollen und wo sich das Inhaltsverzeichnis befinden soll.
- Wählen Sie auf der Registerkarte Farbe das Farbschema für Ihr Inhaltsverzeichnis.
Das Plugin fügt automatisch ein Inhaltsverzeichnis zu jedem der relevanten Beiträge hinzu und verwendet Ihre vorhandenen Überschriften, um Sprunglinks zu erstellen.
Hinzufügen eines Inhaltsverzeichnisses mit Shortcodes
Neben WordPress-Inhaltsverzeichnis-Plugins können Sie Shortcodes verwenden, um die Anzeige Ihres WordPress-Inhaltsverzeichnisses weiter zu steuern. Dabei handelt es sich um kleine Codeschnipsel, die Sie in den Editor einfügen können und mit denen Sie benutzerdefinierte Inhalte praktisch überall auf der Seite anzeigen können.
Mit Shortcodes können Sie Ihren Beiträgen, Seiten, Seitenleisten und Widgets ganz einfach ein Inhaltsverzeichnis hinzufügen. So geht’s:
- Laden Sie ein TOC-Plugin herunter, das Shortcodes verwendet, oder verwenden Sie ein Plugin ohne Shortcodes in Verbindung mit einer Lösung wie Shortcoder.
- Finden Sie die vom Plugin angebotenen Shortcodes, oder erstellen Sie sie mit Shortcoder.
- Kopieren Sie die Shortcodes und fügen Sie sie an der gewünschten Stelle in WordPress ein (z. B. in einem Blogbeitrag). Shortcoder bietet einfache Shortcodes für Inhaltsverzeichnisse, die das Hinzufügen zu Ihrer Website zu einem Kinderspiel machen.
Das Schöne an den Shortcodes ist, wie vielseitig sie platziert werden können. Sie können sie oben, in der Mitte oder unten auf Ihren Seiten und Beiträgen oder sogar in einem Seitenleisten-Widget einfügen.
Wie man ein Inhaltsverzeichnis in WordPress ohne ein Plugin erstellt
Während Plugins die einfachste Möglichkeit sind, ein Inhaltsverzeichnis in WordPress zu erstellen, können Sie es auch manuell hinzufügen. Hier sind zwei Methoden, um dies zu tun.
Erstellen eines Inhaltsverzeichnisses mit HTML
HTML kann zwar einschüchternd wirken, aber ein Inhaltsverzeichnis mit Code zu erstellen, ist eine gute Option für alle, die eine einfache Lösung für ihre Website benötigen. Dazu fügen Sie eine Tabelle in WordPress ein und fügen Lesezeichen-Links zu bestimmten Seiten hinzu.
Dies ist bei weitem die einfachste manuelle Option – ohne Schnickschnack und ohne großen Aufwand. Wenn Sie möchten, können Sie sich natürlich austoben, indem Sie mehrere Farben, verschiedene Schriftarten und Überschriften und vieles mehr einbauen. Sie sind nur durch Ihre eigene Kreativität und Ihre HTML-Kenntnisse begrenzt.
Archiv- und Linkseitenvorlagen für TOC verwenden
Inhaltsverzeichnisse müssen sich nicht immer auf einzelnen Beiträgen und Seiten befinden. Stattdessen können Sie mit WordPress-Vorlagen ein „Master-TOC“ erstellen. Dabei handelt es sich um voreingestellte Seitendesigns, mit denen Sie spezielle Seiten für Website-Elemente wie Archive und Links erstellen können.
Diese Seiten können dann auf Ihrer Website als „Master-TOCs“ verwendet werden, die die Nutzer genau zu den Inhalten führen, die sie suchen. Nehmen Sie zum Beispiel die Archivseite von Leaving Work Behind:
Die Vorlagen für diese Seiten heißen normalerweise archives.php und links.php (Sie können sie aber auch umbenennen). Einige Themen enthalten diese Seiten, aber nicht alle. Sie können jedoch mit sehr geringen Programmierkenntnissen Ihre eigenen Seiten erstellen.
Inhaltsverzeichnis Stile
Der Stil Ihres Inhaltsverzeichnisses spielt eine große Rolle dabei, wie gut es die UX der Besucher verbessert. Schauen wir uns daher die beiden beliebtesten Stile für WordPress-Inhaltsverzeichnisse an.
Schwebendes Inhaltsverzeichnis
Ein schwebendes Inhaltsverzeichnis ist ein Widget, das am Rand der Seite fixiert bleibt. Die Implementierung erfolgt in zwei Schritten. Zunächst müssen Sie ein WordPress-TOC einrichten und es als Widget zu Ihrer WordPress-Site hinzufügen (mit einer der oben beschriebenen Methoden).
Sobald das erledigt ist, können Sie das Q2W3 Fixed Widget Plugin (oder eine ähnliche Lösung) verwenden, um das TOC-Widget am Rand der Seite „festzuhalten“. Wenn dieses Plugin installiert ist, gehen Sie zurück in den Widgets-Bereich Ihrer Website und öffnen Sie das TOC-Widget. Aktivieren Sie dann das Kontrollkästchen Fixiertes Widget:
[IMG]
Wenn diese Option aktiviert ist, wird das Inhaltsverzeichnis nicht mehr aus der Seitenansicht verschwinden, wenn der Benutzer nach unten scrollt. Stattdessen wird es zusammen mit dem Inhalt der Seite gescrollt, so dass es immer präsent ist. Dies ist auch der Standardstil, der von dem bereits erwähnten Plugin Fixed TOC implementiert wird.
Inhaltsverzeichnis Seitenleiste
Ähnlich wie beim schwebenden Inhaltsverzeichnis wird bei dieser Methode eine Seitenleiste rechts oder links auf Ihrer Webseite angezeigt. Anstatt jedoch mit dem Benutzer mitzuscrollen, bleibt die TOC-Seitenleiste in einer festen Position (wie die auf WPBeginner):
[IMG]
Die TOC-Seitenleiste ist sehr einfach zu erstellen. Fügen Sie einfach ein TOC-Widget hinzu, wenn möglich, oder binden Sie einen Shortcode in ein bestehendes Sidebar-Widget ein. Ihr WordPress-TOC wird dann als fester Bestandteil der Seitenleiste erscheinen.