Co to jest pasek boczny i czy potrzebujesz go na swoim blogu?

Opublikowany: 2020-01-18

Kiedy myślisz o typowym układzie witryny, istnieje duża szansa, że ​​po prawej lub lewej stronie głównego obszaru treści zamieścisz kolumnę ważnych linków lub informacji. Ten element jest znany jako „pasek boczny” i jest niezwykle rozpowszechniony w sieci. Jednak, aby Twoja była skuteczna, musisz zrozumieć, jak działa ta funkcja.

Nie wszystkie strony internetowe potrzebują pasków bocznych, a niektóre projekty są znacznie lepsze bez nich. Mając to na uwadze, przyjrzymy się dokładniej celowi tej funkcji, typom witryn, które powinny z niej korzystać oraz ich wpływom na obecny krajobraz „zorientowania na urządzenia mobilne”.

Weźmy się za to!

Subskrybuj nasz kanał YouTube

Co to jest pasek boczny (i dlaczego jest przydatny)?

W skrócie, pasek boczny to kolumna umieszczona po prawej lub lewej stronie głównego obszaru zawartości strony internetowej. Są one powszechnie używane do wyświetlania różnego rodzaju informacji uzupełniających dla użytkowników, takich jak:

  • Linki nawigacyjne do kluczowych stron
  • Reklamy produktów lub usług
  • Formularze rejestracji e-mail
  • Popularne lub pokrewne posty
  • Linki do mediów społecznościowych

Osiem z dziesięciu najpopularniejszych witryn w sieci korzysta z pasków bocznych w jakimś kształcie lub formie. Wikipedia służy jako menu nawigacyjne:

Pasek boczny Wikipedii.

Z drugiej strony Reddit udostępnia reklamy generujące przychody, a także powiązane posty oraz opcję uaktualnienia konta:

Pasek boczny Reddita.

Chociaż zastosowania, które omówiliśmy wcześniej, to jedne z najczęstszych sposobów działania pasków bocznych w witrynach, czasami są one również wykorzystywane do tworzenia biografii autorów, oświadczeń o podmiotach stowarzyszonych i wielu innych celów:

Pasek boczny zawierający informację o podmiotach stowarzyszonych.

Główną zaletą włączenia paska bocznego do projektu witryny jest to, że pozostaje on widoczny, gdy użytkownicy poruszają się po witrynie. Umożliwia to stały dostęp do kluczowych informacji i funkcji.

Dlatego paski boczne często zawierają elementy wezwania do działania (CTA), takie jak formularze subskrypcji e-mail i reklamy. Funkcje nawigacji również działają tutaj dobrze, ponieważ są łatwe do znalezienia, a legalne treści, takie jak oświadczenie o ujawnieniu informacji o podmiotach stowarzyszonych, są mniej prawdopodobne, że zgubią się w losowaniu.

2 rodzaje stron internetowych, które mogą czerpać korzyści z używania pasków bocznych

Możesz umieścić pasek boczny na prawie każdym typie witryny. Są one jednak szczególnie przydatne w kilku różnych sytuacjach, w których użytkownicy mogą skorzystać z dodatkowych wskazówek. Oto dwa, o których warto wspomnieć.

1. Strony internetowe z dużą ilością treści

Blogi, serwisy informacyjne, czasopisma online i inne strony internetowe z dużą zawartością obejmują dość szeroką kategorię. Jednak wszystkie mają jedną wspólną cechę, a mianowicie to, że przetrwają, publikując przez cały czas więcej artykułów.

Im więcej masz treści, tym bardziej skomplikowana staje się nawigacja po Twojej witrynie. W tej sytuacji możesz użyć paska bocznego do:

  • W tym linki do mediów społecznościowych lub przyciski udostępniania
  • Wyświetlam formularz rejestracji e-mail, którego użytkownicy nie przegapią
  • Wyświetlanie linków do powiązanych postów i stron
  • Pokazuj swoje najpopularniejsze treści
  • Dodawanie paska wyszukiwania, który można łatwo znaleźć

Pasek boczny może pomóc użytkownikom znaleźć okazje do zaangażowania, które w innym przypadku mogliby ich nie zauważyć, zachęcić do subskrypcji, a tym samym do powrotu odwiedzających, oraz usprawnić nawigację, aby dłużej zatrzymać czytelników w witrynie. Wszystkie te wyniki przynoszą korzyści Twojej witrynie i mogą zwiększyć przychody, które z niej generujesz.

2. Sklepy internetowe

Strony internetowe nie są dużo bardziej złożone niż sklepy internetowe. Im więcej produktów oferuje Twoja witryna e-commerce, tym więcej stron będzie zawierała. Dzięki temu paski boczne są jeszcze bardziej przydatne do dołączania takich elementów, jak:

  • Powiązane produkty i wcześniejsze zakupy
  • Przyciski Dodaj do koszyka
  • Recenzje i oceny kupujących
  • Reklamy ofert specjalnych lub promocji, które prowadzisz
  • Widok koszyka na zakupy, dzięki któremu klienci mogą śledzić bieżące sumy

Jednym z powszechnych problemów związanych z projektowaniem witryn e-commerce jest to, że wiąże się z dużą ilością bałaganu. Jeśli spojrzysz szybko na Amazon lub eBay, od razu zauważysz, co mamy na myśli:

Przykład zagraconej strony.

Wszelkie elementy, które mogą pomóc Ci uporządkować ten bałagan i sprawić, że Twoje strony będą bardziej przyjazne dla użytkownika, są mile widziane, a paski boczne z pewnością pasują do tego rachunku.

Jak paski boczne pasują do świata mobilnego?

Mimo swojej historycznej użyteczności, paski boczne znalazły się ostatnio pod ostrzałem. Najmocniejszym argumentem przeciwko nim jest to, że nie przekładają się dobrze na urządzenia mobilne. Ponieważ miejsce na ekranie jest ograniczone na smartfonach i tabletach, oddanie ponad jednej trzeciej strony zawartości drugorzędnej jest niepraktyczne.

Zamiast tego informacje te są zazwyczaj przenoszone na dół strony na mniejszych urządzeniach, gdzie jest mniej prawdopodobne, że zostaną znalezione. Biorąc pod uwagę, że ruch mobilny stanowi obecnie ponad 51 procent korzystania z Internetu na całym świecie, jest to istotny problem w projektowaniu stron internetowych.

W odpowiedzi niektóre witryny zdecydowały się w ogóle nie używać pasków bocznych. Chociaż ma to sens, oznacza to również, że te witryny nie mogą korzystać z korzyści, jakie zapewnia ten układ. Jeśli prowadzisz bogatego w treści bloga lub sklep e-commerce, może to okazać się prawdziwym problemem.

Jedną z opcji radzenia sobie z tym jest ukrycie paska bocznego na urządzeniach mobilnych. Umożliwi to użytkownikom komputerów stacjonarnych przeglądanie treści drugorzędnych przy zachowaniu czytelności witryny na smartfonach i tabletach.

Innym rozwiązaniem jest ukrycie tylko niektórych dodatkowych treści na mniejszych urządzeniach. Na przykład, jeśli masz w nagłówku przyciski społecznościowe, możesz je usunąć z paska bocznego telefonu komórkowego, aby uniknąć powtórzeń.

Możesz też użyć zwijanego paska bocznego w swojej witrynie mobilnej. Użytkownicy mogą następnie wybrać, aby wyświetlić lub ukryć w razie potrzeby:

Składany pasek boczny w witrynie mobilnej Amazona.

Wreszcie, zawsze istnieje możliwość zachowania pełnego paska bocznego i sprawienia, by był responsywny, tak aby skurczył się, aby zmieścić się na mniejszych ekranach. Która trasa jest najlepsza dla Twojej witryny, będzie zależeć od rodzaju treści, jakie zawiera Twój pasek boczny, oraz celów Twojej witryny jako całości.

Wniosek

Chociaż chcesz, aby Twoja główna treść znalazła się w centrum uwagi, istnieje również wiele innych informacji potrzebnych użytkownikom Twojej witryny. Za pomocą paska bocznego możesz wyświetlać na swoich stronach krytyczne elementy, takie jak linki do kluczowych obszarów, formularze rejestracji e-mail i inne.

Paski boczne mogą mieć swoje wady, jeśli chodzi o przeglądanie mobilne, ale w najbliższym czasie nigdzie się nie wybierają. Zamiast tego musimy na nowo wyobrazić sobie sposób, w jaki podchodzimy do ich projektowania. Jednak dzięki odpowiednim narzędziom powinieneś sprostać wyzwaniu.

Czy masz pytania dotyczące pełnego wykorzystania paska bocznego? Zostaw je w sekcji komentarzy poniżej!

Obraz miniatury artykułu autorstwa pana Kreethy Mahamuda / shutterstock.com