Inhalt
- Definition der Sidebar
- Arten von Sidebars
- Inhalt der Sidebar
- Verwendung der Sidebar
- Wie man eine Sidebar auf der Seite platziert
Definition der Sidebar
Eine Sidebar ist eine seitliche Spalte einer Webseite, die zusätzliche Informationen, Links und Schaltflächen enthält. In den meisten Fällen werden in der Sidebar solche Elemente platziert wie:
- Navigation Menü
- Katalog des Online-Shops
- Werbebereich
- Empfehlungen
- Filter
- Kontaktformular
- Soziale Schaltflächen
Ein wichtiger Punkt bei der Platzierung von Sidebars ist die Einhaltung des optimalen Raums: Die Sidebar sollte nicht zu viel Platz auf der Seite einnehmen. Obwohl die genauen Maße variieren können, ist die Sidebar normalerweise visuell kleiner als der Hauptinhalt, um die Aufmerksamkeit der Nutzer nicht abzulenken.
Arten von Sidebars
Sidebars können je nach ihrer Position auf der Seite in drei Haupttypen klassifiziert werden:
- Linke Sidebars: Die häufigste Variante, da die meisten Menschen von links nach rechts lesen. Hier werden normalerweise Kataloge von Online-Shops und Filter platziert, was dem Benutzer hilft, schneller die gewünschten Produkte zu finden.
- Rechte Sidebars: Eine weniger bevorzugte Variante, da Werbeblöcke oft rechts platziert sind, was sie weniger sichtbar macht. Benutzer können diesen Teil der Seite ignorieren, was die Effektivität der Werbung verringert.
- Doppelseitige Sidebars: Die Platzierung von Sidebars auf beiden Seiten kann zu einer Verdichtung des Hauptinhalts führen, was das Verständnis der Informationen erschwert. Schmale Spalten können die Benutzer zwingen, ständig die Seite zu scrollen, was es ihnen erschwert, sich auf den Hauptinhalt zu konzentrieren.
Inhalt der Sidebar
Die Sidebar kann verschiedene Informationen enthalten, die den Benutzern helfen, sich besser auf der Website zurechtzufinden. Hier sind einige grundlegende Elemente, die in der Seitenleiste platziert werden sollten:
- Menü und Kategorisierung: Die Sidebar kann einen Katalog oder eine Reihe von Links enthalten, die es den Benutzern ermöglichen, zu anderen Bereichen der Website zu navigieren. Es wird empfohlen, nur wichtige Links zu platzieren, die sich auf den aktuellen Bereich beziehen, um den Benutzer nicht vom Hauptinhalt abzulenken.
- Neuigkeiten: Die Sidebar kann Nachrichtenfeeds oder Ankündigungen von Veröffentlichungen enthalten, die es den Benutzern ermöglichen, über aktuelle Ereignisse informiert zu bleiben, ohne auf Links zu klicken.
- Werbung: In der rechten Sidebar werden oft Werbeblöcke oder Partnerinhalte platziert, obwohl Benutzer diesen Teil der Seite ignorieren können.
- Call to Action und soziale Schaltflächen: Elemente, die den Benutzer zu einer Handlung auffordern, wie z. B. die Anmeldung für einen Newsletter oder einen Rückruf, können ebenfalls in der Sidebar platziert werden.
- Filter: Um die Produktsuche zu erleichtern, werden Filter häufig in der linken Sidebar platziert, damit der Benutzer sie leicht bemerkt.
Verwendung der Sidebar
Die Sidebar kann für die meisten Websites nützlich sein, insbesondere für diejenigen, die auf Desktops geöffnet werden. Auf mobilen Geräten kann sich die Sidebar jedoch ändern und nach unten oder oben verschieben, wodurch sie zu einem standardmäßigen „Sandwich“ oder einer Reihe von Schaltflächen wird. Dies kann dazu führen, dass Teile der Informationen hinter der Schaltfläche „mehr“ verborgen sind. Es ist wichtig zu beachten, dass Landingpages, die eine sequenzielle Erkundung des Materials erfordern, am besten ohne Sidebars auskommen, da sie die Benutzer ablenken können.
Dennoch können einige Landingpages mit vielen Blöcken gefüllt sein, und in solchen Fällen kann es nützlich sein, eine „haftende“ Sidebar mit Navigation zu platzieren, damit die Benutzer leicht zu den benötigten Informationen zurückkehren können.
Wie man eine Sidebar auf der Seite platziert
Die Platzierung der Sidebar auf der Website kann auf zwei Hauptarten erfolgen: durch Web-Programmierung oder mit Hilfe von Content-Management-Systemen (CMS). Wenn die Seite manuell erstellt wird, ist es erforderlich, den Code für die Sidebar zu schreiben, was bestimmte Fähigkeiten in der Web-Programmierung erfordert. Bei der Verwendung eines CMS wird die Sidebar mithilfe von Baukastentools hinzugefügt.
Zum Beispiel gibt es in WordPress mehrere Möglichkeiten, eine Sidebar hinzuzufügen:
- Erstellung eines Themas mit Seitenleiste und dessen Hochladen;
- Auswahl eines fertigen Themas aus dem Katalog;
- Installation eines Plugins zum Hinzufügen der Sidebar;
- Verwendung des Elementor-Plugins zur Anpassung der Website.
Fertige WordPress-Themen haben normalerweise integrierte Sidebars, was den Entwicklungsprozess erheblich erleichtert.
