Was ist eine Sidebar und brauchen Sie eine in Ihrem Blog?

Wenn Sie über das Layout einer typischen Website nachdenken, ist die Wahrscheinlichkeit groß, dass Sie rechts oder links neben dem Hauptinhaltsbereich eine Spalte mit wichtigen Links oder Informationen einfügen. Dieses Element wird als „Seitenleiste“ bezeichnet und ist im gesamten Web sehr verbreitet. Damit Ihre Funktion jedoch effektiv ist, ist es wichtig zu verstehen, wie diese Funktion funktioniert.

Nicht alle Websites benötigen Seitenleisten, und einige Designs sind ohne eine viel besser dran. Vor diesem Hintergrund werden wir uns eingehender mit dem Zweck dieser Funktion befassen, welche Arten von Websites in Betracht gezogen werden sollten, sie zu verwenden, und wie sie sich in die aktuelle „Mobile-First“-Landschaft einfügt.

Lasst uns anfangen!

Abonnieren Sie unseren Youtube-Kanal

Was ist eine Sidebar (und warum ist eine sinnvoll)?

Kurz gesagt, eine Seitenleiste ist eine Spalte, die rechts oder links vom primären Inhaltsbereich einer Webseite platziert wird. Sie werden häufig verwendet, um Benutzern verschiedene Arten von Zusatzinformationen anzuzeigen, wie zum Beispiel:

• Navigationslinks zu wichtigen Seiten
• Anzeigen für Produkte oder Dienstleistungen
• E-Mail-Anmeldeformulare
• Beliebte oder verwandte Beiträge
• Social-Media-Links

Acht der zehn beliebtesten Websites im Web verwenden Seitenleisten in irgendeiner Form. Wikipedia dient als Navigationsmenü:

Reddit hingegen teilt umsatzgenerierende Anzeigen sowie verwandte Beiträge und eine Option zum Upgrade Ihres Kontos:

Während die oben besprochenen Verwendungszwecke zu den gängigsten Methoden gehören, auf denen Websites Seitenleisten verwenden, werden sie manchmal auch für Autorenbiografien, Haftungsausschlüsse von Partnern und eine Vielzahl anderer Zwecke verwendet:

Der Hauptvorteil der Integration einer Seitenleiste in das Design Ihrer Website besteht darin, dass sie sichtbar bleibt, während Benutzer durch Ihre Website navigieren. So haben Sie wichtige Informationen und Funktionen jederzeit griffbereit.

Aus diesem Grund enthalten Seitenleisten häufig Call-to-Action-Elemente (CTA) wie E-Mail-Abonnementformulare und Anzeigen. Navigationsfunktionen funktionieren auch hier gut, weil sie leicht zu finden sind und rechtliche Inhalte wie eine Offenlegungserklärung für Partner weniger wahrscheinlich im Durcheinander verloren gehen.

2 Arten von Websites, die von der Verwendung von Seitenleisten profitieren können

Sie können eine Seitenleiste auf fast jeder Art von Website einfügen. Sie sind jedoch in verschiedenen Situationen besonders nützlich, in denen Benutzer von einer zusätzlichen Anleitung profitieren können. Hier sind zwei, die wir für erwähnenswert halten.

1. Inhaltsintensive Websites

Blogs, Nachrichtenseiten, Online-Magazine und andere inhaltsintensive Websites umfassen eine ziemlich breite Kategorie. Eines haben sie jedoch alle gemeinsam: Sie überleben, indem sie ständig mehr Artikel veröffentlichen.

Je mehr Inhalte Sie haben, desto komplizierter wird die Navigation auf Ihrer Website. In dieser Situation können Sie eine Seitenleiste verwenden für:

• Einschließlich Links zu sozialen Medien oder Teilen-Buttons
• Zeigen Sie Ihr E-Mail-Anmeldeformular an, damit die Benutzer es nicht verpassen
• Anzeigen von Links zu verwandten Beiträgen und Seiten
• Präsentieren Sie Ihre beliebtesten Inhalte
• Einfach zu findende Suchleiste hinzufügen

Eine Seitenleiste kann Benutzern dabei helfen, Interaktionsmöglichkeiten zu finden, wo sie sonst möglicherweise verpasst würden, Abonnements und damit wiederkehrende Besucher zu fördern und die Navigation zu verbessern, um die Leser länger auf Ihrer Website zu halten. All diese Ergebnisse kommen Ihrer Website zugute und können Ihre Einnahmen steigern.

2. Online-Shops

Websites werden nicht viel komplexer als Online-Shops. Je mehr Produkte Ihre E-Commerce-Site anbietet, desto mehr Seiten enthält sie. Dies macht Seitenleisten umso nützlicher, um Elemente wie:

• Verwandte Produkte und frühere Käufe
• Schaltflächen in den Warenkorb
• Käuferbewertungen und -bewertungen
• Anzeigen für Sonderangebote oder Werbeaktionen, die Sie durchführen
• Eine Warenkorbansicht, damit Kunden ihre laufenden Gesamtsummen verfolgen können

Ein häufiges Problem beim Design von E-Commerce-Websites ist, dass es viel Durcheinander gibt. Wenn Sie einen kurzen Blick auf Amazon oder eBay werfen, werden Sie sofort merken, was wir meinen:

Alle Elemente, die Ihnen helfen können, diese Unordnung zu organisieren und Ihre Seiten benutzerfreundlicher zu machen, sind willkommen, und Seitenleisten passen sicherlich dazu.

Wie passen Sidebars in eine Mobile-First-Welt?

Trotz ihres historischen Nutzens sind Sidebars in letzter Zeit unter Beschuss geraten. Das stärkste Argument gegen sie ist, dass sie sich nicht gut auf mobile Geräte übertragen lassen. Da der Bildschirmplatz auf Smartphones und Tablets begrenzt ist, ist es nicht praktikabel, mehr als ein Drittel der Seite für sekundäre Inhalte bereitzustellen.

Stattdessen werden diese Informationen auf kleineren Geräten normalerweise an das Ende der Seite verschoben, wo sie weniger wahrscheinlich gefunden werden. Wenn man bedenkt, dass der mobile Datenverkehr mittlerweile mehr als 51 Prozent der weltweiten Internetnutzung ausmacht, ist dies ein wichtiges Thema für das Webdesign.

Als Reaktion darauf haben sich einige Websites dafür entschieden, überhaupt keine Seitenleisten zu verwenden. Dies ist zwar sinnvoll, bedeutet aber auch, dass diese Websites die Vorteile dieses Layouts nicht nutzen können. Wenn Sie einen inhaltsreichen Blog oder einen E-Commerce-Shop betreiben, könnte sich dies als echtes Problem erweisen.

Eine Möglichkeit, damit umzugehen, besteht darin, Ihre Seitenleiste auf mobilen Geräten auszublenden. Dadurch können Desktop-Benutzer Ihre sekundären Inhalte anzeigen, während Ihre Website auf Smartphones und Tablets lesbar bleibt.

Eine andere Lösung besteht darin, nur einige Ihrer zusätzlichen Inhalte auf kleineren Geräten auszublenden. Wenn Sie beispielsweise soziale Schaltflächen in Ihrer Kopfzeile haben, können Sie diese aus Ihrer mobilen Seitenleiste entfernen, um Wiederholungen zu vermeiden.

Alternativ können Sie eine zusammenklappbare Seitenleiste für Ihre mobile Website verwenden. Benutzer können es dann nach Bedarf anzeigen oder ausblenden:

Schließlich gibt es immer die Möglichkeit, Ihre Seitenleiste vollständig beizubehalten und sie reaktionsfähig zu machen, sodass sie auf kleinere Bildschirme verkleinert wird. Welche Route für Ihre Website am besten geeignet ist, hängt von der Art des Inhalts Ihrer Seitenleiste und den Zielen Ihrer Website insgesamt ab.

Abschluss

Während Sie möchten, dass Ihr Hauptinhalt im Rampenlicht steht, gibt es noch viele andere Informationen, die die Benutzer Ihrer Website benötigen. Mit einer Seitenleiste können Sie kritische Elemente wie Links zu wichtigen Bereichen, E-Mail-Anmeldeformulare und mehr auf Ihren Seiten anzeigen.

Sidebars können ihre Nachteile haben, wenn es um Mobile-First-Browsing geht, aber sie werden in absehbarer Zeit nirgendwo hingehen. Stattdessen müssen wir unsere Herangehensweise an ihr Design überdenken. Mit den richtigen Tools sind Sie jedoch der Herausforderung gewachsen.

Haben Sie Fragen, wie Sie Ihre Sidebar optimal nutzen können? Lassen Sie sie in den Kommentaren unten!

Miniaturansicht des Artikels von Herrn Kreetha Mahamud / shutterstock.com