Всем привет! В этой статье я хочу рассмотреть правила расположения виджетов в сайдбаре с точки зрения дизайна блога и его юзабилити.
Настройка сайдбара — это один из важных моментов при проектировании «правильного» дизайна блога! Поэтому отнестись к ней нужно ответственно, и не поддаваться жажде мимолетных заработков, превращая сайдбар в рекламную мусорку…
Информация для новичков
Элементы (виджеты) в сайдбаре делятся на следующие типы:
- функционально-полезные (рубрики, подписка по e-mail);
- дополняющие функционал (архивы, метки);
- расширяющие функционал – плагины (популярные статьи, последние записи);
- информативно-указательные (ссылки на аккаунты в соц. сетях, счетчики Li);
- рекламные (Google Adsense, партнерки и т.п.);
- портящие веб-дизайн (статистика Akismet, виджет «Мета»).
Настройка сайдбара
А теперь разберем общие правила настройки сайдбара:
- установите вверху сайдбара нужные (самые полезные) элементы и уберите все лишнее;
- цвет элементов сайдбара должен гармонично сочетаться с общей цветовой гаммой блога;
- ширина элементов (картинки, формы подписки, группа Вконтакте) НЕ должна превышать общую ширину сайдбара, т.е. элемент не должен выходить за его границы;
- внешняя граница виджета должна четко просматриваться, она не должна отсутствовать или сливаться с соседним элементом в сайдбаре (каждый виджет должен быть в своем «домике»);
- ограничение рекламы – если уж Вы решились разместить рекламу на блоге, то делайте это спокойно и без фанатизма, чтобы это не напрягало пользователей.
На этих общих рекомендациях я закончу 1-ю часть данной темы. Продолжение следует…
25 Комментариев
Король покера:
Мар 3, 2013
Очень пролезная статья особенно для начинающий seo оптимизаторов и создателей сайтов
Светлана:
Мар 3, 2013
Мне особенно понравился пункт Портящие веб-дизайн. Надо было немного подробней и большими буквами. Может тогда и новички заметят, а то пропустят мимо и продолжат «украшать» сайт.
А вот полезность Архивов никак не пойму, разве Рубрики и метки с поиском не лучший способ найти нужный материал?
А летающая птичка не относится к издевательствам в сайдбаре? Или она независимо-летающий аппарат?
Александр Вестовой (109 comments.):
Мар 3, 2013
Архивы это:
— дополнительная навигация;
— перелинковка для поисковика;
— ну и, наконец, показвтель возраста блога для удовлетворения ЧСВ :)
Игорь Зорин (15 comments.):
Мар 5, 2013
Александр, здравия желаю!
Спасибо за пост. Прошу простить меня за нудную назойливость, но ведь, согласитесь, хочется услышать оценку своего «детища» со стороны.
Пользуясь своим правом подписчика на ваши материалы )))
Я совсем недавно поменял свое отношение к сайдбару, что и претворил в жизнь у себя. Прошу вас, пару слов: критики или рекомендаций, лишь бы они были конструктивны.
Александр Вестовой (109 comments.):
Мар 5, 2013
Пойдем сверху вниз :)
— кнопки социалок — органично вписываются в дизайн как по стилю, так и по гамме;
— e-mail подписка — обошлись без картинки и правильно сделали, иначе подписка была бы на пол сайдбара;
— навигация по рубрикам — кстати, Вы очень правильно сделали, когда разделили горизонтальную навигацию и навигацию по рубрикам. У меня пока руки не доходят до столь кардинальных изменений;
— блоки спойлеров — великолепно! Вы экономите место и не забиваете сайдбар лишними картинками, все в меру аскетично;
— реклама — как и положено быть рекламе, она в самом низу и не раздражает читателей.
Все блоки сайдбара находятся на своих местах, т.е. от наиболее важных (вверху), до менее важных (внизу). На первом плане удобство пользования блогом и его функциональность.
Это мое мнение :)
Игорь Зорин (15 comments.):
Мар 5, 2013
Александр, огромное вам сурово-солдатское спасибо.
Чес слово, успокоили мое постоянно мечущееся творческое начало.
Архивы, наверное тоже добавлю, как Владимир (ниже коммент) советует. Хотя, сам редко на чужих блогах пользуюсь архивами. Но… коль скоро это нужно для оптимизаци, то поставлю.
Александр Вестовой (109 comments.):
Мар 5, 2013
Если честно, то сам я архивами на чужих блогах тоже не пользуюсь… У себя держу для удобства работы, так прощ добраться до старых статей.
Владимир Дорошенко:
Мар 5, 2013
Архивы очень нужны на WordPress, на мой взгляд, и оптимизируют работу. Лично я уверен в их необходимости.
Витек:
Мар 19, 2013
На самом деле с архивами нужно быть очень осторожными, т.к. они порождают на сайте дубли. А поисковики дублированный контент очень не любят. Если и ставить виджет архив, то обязательно его нужно закрыть от индексации.
Петр:
Мар 6, 2013
А что, например, не стоит размещать в сайдбаре ни при каких обстоятельствах?
Александр Вестовой (109 comments.):
Мар 9, 2013
Например, тонны вирусной рекламы… Это как вариант!
Иван:
Мар 7, 2013
Считаю, что самые нужные виджеты это подписка, adsense, популярыне статьи, популярные комментарии. Все остальные плагины второстепенные, их можно ставить ниже.
Жан Абрамов:
Мар 7, 2013
Согласен с автором, в сайдбаре должны находиться только самые важные виджеты, чтоб читатель сразу обращас внимание на статьи а не разглядывал боковую панель после чего отпадает желание читать статьи
Евгения:
Мар 14, 2013
А я убрала архивы из сайдбара, но почитала и пожалуй верну
dom:
Мар 22, 2013
Очень полезные рекомендации, рекламы только не знаю, много наверно не стоить вешать, да и вообще чем проще оформление тем лучше я считаю.
Витюня:
Мар 23, 2013
Евгения,я тоже убрал. Пришлось тоже вернуть!
inlinx:
Мар 24, 2013
золотое правило вордпресс… чем меньше тем лучше, ставить в сайдбар надо только самое необходимое… загруженный сайдбар и тормозит сильно и вид портит…
blogozhizni.ru:
Мар 31, 2013
Мой сайдбар пока вообще пустоват. Надо будет что-то с ним сделать. А вообще, начать со статей надо, при таком количестве, наверно, смысла нет что-то сильно менять.
Александр Чижиков:
Апр 2, 2013
О том, как настроить сайдбар, думаю, даже и младенец бы догадался. Это нужно быть полным чайником, чтобы самому не разобраться %)
Александр Вестовой (109 comments.):
Апр 5, 2013
Статья расчитана именно на чайников :)
Grisha:
Апр 28, 2013
Дизайн сайта это очень важный момент,нужно серьёзно относится к этому,так как чем легче посетителю ориентироваться на вашем сайте,тем лучше.Не стоит загромождать сайт разного рода виджетами,календарями,выпадающими меню и тд.
Coyot (2 comments.):
Май 1, 2013
А как на счет облака тегов? Последнее время от него народ отказывается. А жаль. Правильно расставленные теги — имхо очень удобно.
Алексей:
Май 10, 2013
Лишнее не только в сайдбаре но и вообще на блоге нужно убирать.
Архив,мета,вход и т.п.
Хотя кто как считает, так и делает.
nadjbol1:
Апр 10, 2014
Здравствуйте Александр! Прошу посмотреть мой сайт и дать свою оценку. Я человек в возрасте, но здесь я только учусь. Сделала сайт на конструкторе, мне и это было трудно, но сделала. Я думаю, что лишнее навставляла, особенно счётчик точно не к месту, но не знаю куда. А вот с архивом повременила, не стала убирать, но сомневалась, ведь со временем он станет просто огромным и как тогда? Что можно добавить?
Александр Вестовой (109 comments.):
Апр 11, 2014
Ну здесь как говорится, на вкус и цвет — товарищей нет… Для меня цветовая гамма сайта слишком кислотная, счетчик действительно лучше закинуть в подвал (для молодого сайта он вообще не нужен), а на счет архивов даже не заморачивайтесь, здесь уже каждый сам решает нужны они на сайте или нет. А почему решили попробовать себя на СпринтСайт, а не на Ucoz?