Что такое сайдбар

Сайдбар (от англ. side — «сторона», bar — «полоса») — это закреплённая на сайте боковая панель, которая графически отделена от основной области экрана.

Сайдбар на сайте DNS
Сайдбар на сайте DNS

Исходя из названия, размещают сайдбар, как правило, справа или слева от основной области экрана:

Где располагают сайдбар

Сайдбаров может быть сразу несколько, например сверху и сбоку:

Пример сайдбара в интернет-магазине одежды
Пример сайдбара в интернет‑магазине одежды

Зачем используют сайдбары

Задача сайдбара — упростить навигацию и поиск по сайту, чтобы посетители могли быстро находить нужные товары или переключаться между инструментами.

Сайдбар на сайте графического редактора Canva
Сайдбар на сайте графического редактора Canva

В сайдбаре могут располагаться:

  • меню для навигации;

  • блоки с информацией;

  • объявления и рекламные баннеры;

  • списки и ленты;

  • чаты;

  • ссылки на контент по теме;

  • виджеты и т. д.

Сколько сайдбаров может быть на сайте одновременно

Одновременно может быть от одного до четырёх сайдбаров. Чаще всего один или два.

Типы сайдбаров
Типы сайдбаров

Использование трех или четырех боковых панелей встречается редко. Такое количество может быть необходимо для интернет‑магазинов или онлайн‑сервисов, где много настроек и инструментов.

Что запомнить

  • Сайдбар (от англ. side — «сторона», bar — «полоса») — это закреплённая на сайте боковая панель, которая графически отделена от основной области экрана;
  • Сайдбар размещается справа или слева от основного контента страницы;
  • Задача сайдбара — упростить навигацию и поиск по сайту, чтобы посетители могли быстро находить нужные товары или переключаться между инструментами.