amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}
Дизайн сайта

Как использовать сайдбар сайта, и где он не нужен вообще

Сайдбар сайта – это боковая колонка. В условиях WordPress, в сайдбарах располагаются области виджетов, и туда можно помещать виджеты в любом количестве. Боковых колонок у сайта может быть несколько, как правило, до трёх, или вообще не быть.

В этой статье мы расскажем о том, как использовать сайдбар сайта максимально эффективно, как применить это пространство на странице с пользой, и где боковая колонка будет играть против вас.

Что располагать в сайдбаре сайта

Как правило, вебмастера используют сайдбар для того, чтобы поместить там какие-то рекламные баннеры, партнёрские ссылки и другие элементы, которые приносят деньги. И таким образом, боковые колонки становятся совершено не привлекательны для пользователей. В результате реклама дохода не приносит и раздражение посетителей растёт.

В боковую колонку следует расположить такие элементы, которые будут полезны и сайту, и посетителю. Причём удобство посетителя в приоритете. Если вы хотите использовать рекламу в сайбаре, то сделайте это ниже всех полезных элементов.

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

  • Форма подписки. Покажите в боковой колонке форму для подписки на новости. Целевая аудитория с радостью подпишется, и будет получать необходимые материалы, а вебмасетр сможет привлекать посетителей на свой сайт интересными статьями.
  • Элементы навигации. Поместите в сайдбар сайта дополнительное меню. Это будет очень полезно, если структура сайта слишком трудная и невозможно её показать всю в главном меню. Посетителям будет удобно, а у сайта улучшатся поведенческие факторы.
  • Информация об авторе. Если в начале боковой колонки поместить небольшую информацию об авторе – фото и пару строк, то посетителям будет приятнее пользоваться этим проектом. Если при посещении сайта вас встретит приветливое фото автора с краткой информацией, вы сразу начнёте воспринимать сайт не как бездушную страницу, а как живого человека, специалиста.
  • Ссылки на новые, интересные или популярные статьи. Поместите блок со ссылками на эти материалы, и у посетителей появится дополнительная навигация. А у сайта опять же улучшатся поведенческие факторы.

Сколько сайдбаров использовать и где их применить

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

Если вы хотите пометить побольше информации, то можно применить два сайдбара. Лучше их расположить по двум сторонам страницы – слева и справа. Но иногда эффектно можно использовать и две колонки слева.

В крайнем случае, можно сделать даже и три боковые колонки. Тогда одна будет с одной стороны, а две с другой. Но это может визуально захламить страницу.

Рекомендуется вообще не использовать сайдбары на тех страницах, где требуется концентрация посетителей на контенте – на лендинг пейдж, сложных инструкциях и прочее.

Адель Гадельшин

View Comments

Recent Posts

Что такое отказы на сайте, почему они происходят, как их уменьшить

Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…

8 месяцев ago

Как сделать запуск инфопродукта

Инфопродукт - это любой продукт, который содержит информацию, полезную для потенциальных клиентов. Это может быть…

8 месяцев ago

Как вебмастеру юридически обезопасить себя

Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…

8 месяцев ago

Папки WordPress: значение папок /wp-admin, /wp-includes и /wp-content

WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…

8 месяцев ago

Что такое сертификат Let’s Encrypt и стоит ли его устанавливать

Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…

8 месяцев ago

Защита WordPress от вирусов

WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…

9 месяцев ago