- Blog
- Сайдбар (sidebar)
Для того, щоб користувач швидко міг зорієнтуватися по сторінкам сайту створюють сайдбар, який спрощує навігацію та допомагає знаходити необхідне без труднощів.
Сайдбар - це бокова панель сайту.
Вона допомагає користувачам зрозуміти розташування усього, що є на сайті.
Види сайдбарів:
- Сайдбар ліворуч - таке розташування більше привертає увагу користувачів, оскільки весь текст читається починаючи із лівого боку.
- Сайдбар праворуч - найрозповсюдженіше розташування, оскільки таким чином не відволікається увага із основної сторінки.
- Сайдбар із двома панелями (з одного або ж з обох боків).
- Сайдбар із більше ніж двома панелями.
- Повністю або частково плаваючий сайдбар - постійно лишається у полі зору користувача.
Покращення юзабіліті сайту за допомогою сайдбару
Сайдбар містить інформацію, яка допомагає користувачу зрозуміти, що його очікує на тій чи іншій сторінці, тому зазвичай такі бокові панелі є наскрізними для усіх сторінок.
Що може містити сайдбар:
- анонси подій
- рубрики
- підписка на розсилку
- бічне меню
- розділи сайту
- нові та популярні статті
- профілі соцмереж
- пошук по сайту
- кошик (якщо сайт продає послуги або товари).
Складові сайдбару
- Розсилка. Можливість підписатись на розсилку допомагає у інформуванні користувачів сайту щодо усіх актуальних акцій, спецпропозицій та іншої корисної інформації.
- Розділи. Списки розділів допомагає у навігації відповідно до актуальних інтересів користувачів.
- Актуальні статті. У переліку статей мають входити ті, що найбільше читаються та коментуються.
- Нові статті. Новий матеріал буде активніше індексуватися та просуватися у пошукових ресурсах, якщо посилання на них додати у сайдбар.
- Пошук. Якщо користувач матиме можливість знайти потрібне, просто ввівши запит у рядок пошуку, це явно затримає його на сайті. Ключові слова, які відповідатимуть запитам користувача - позитивний маркер SEO.
- Соцмережі. Кнопки для переходу на профілі компанії у соціальних мережах, які додані в сайдбар корисні для просування сайту, оскільки користувачі можуть таким чином ділитись вашим матеріалом у соцмережах, а інші користувачі, відповідно, по рекомендаціям теж переходять за посиланнями ат відвідують сайт.
- СТА (Call to action). Якщо є кнопка замовлення - це підвищений шанс того, що користувач здійснить конверсію, будь-то замовлення товару або послуги, залишені контактні дані.
Сайдбар ліворуч. Такий варіант розміщення сайдбару найкраще підходить для особистих кабінетів або ж соцмереж. Сайти зазвичай розміщують сайдбари зверху, так само як і великі портали, такі сайти як ЗМІ.
Для того, щоб інформація у сайдбарі ліворуч привернула увагу користувачів - вона має бути важливішою, аніж те, що є на сторінці.
Інформація, яка знаходиться зверху ліворуч сторінки - те, що користувач бачить найперше, отже там має бути заклик до дії, наприклад, подзвонити, підписатись, або ж там має бути реклама.
Праворуч зазвичай розміщують інформацію про нові публікації, новини, акції або ж рекламу.
Не треба такого у сайдбарі!
Будь-яка не корисна інформація у сайдбарі погано вплине на юзабіліті сайту, оскільки відволікатиме користувачів від важливого контенту, а ще сторінка стає менш привабливою, а подекуди ще й зменшується швидкість загрузки сторінок.
- Теги. Це не завжди зручно для навігації та займає багато місця.
- Календар. Віджет “Календар” користувачі не використовують для навігації, проте це займає чимало місця на сторінці.
- “Останні коментарі”. Це відволікає користувачів від контенту на сторінках, проте не приносить жодної користі.
- Лічильники або ж досягнення. Така інформація має бути у футері сайту.
Оформлення сайдбару
Гарна видимість на різних пристроях. Також сайдбар має доцільно виглядати із дизайном усього сайту, проте й виділений графічно, щоб не злитись із контентом.
Заголовки мають бути крупнішими аніж основний шрифт та містити ключові слова, які у свою чергу покращують SEO сайту.
Інформація у сайдбарі має розміщуватись відповідно до важливості - зверху найважливіше. Якщо важливої інформації дуже багато, варто скористатись сайдбаром, який буде з двох сторін сторінки, але це зменшує місця для контенту.
Artículos relacionados
Contactos
Comparte los detalles de tu proyecto o las tareas que nos quieres encomendar. Nuestro equipo los revisará cuidadosamente y juntos determinaremos el siguiente paso.
- Correo electrónico correo info@creator-systems.com
-
NUESTRA OFICINA
Velyka Vasilkivska Street
м. Київ, Україна
Su solicitud ha sido enviada
Nuestro gerente se comunicará con usted
Comentarios 0
Dejar un comentario