Бизнес блог Александра Быкадорова

Сайдбар блога. Элементы и расположение. Прописные истины

Настройка сайдбара

С трудом выкраиваю время для того, чтобы написать очередную статью в свой блог. Но, но… Делать это буду. Куча дела, откуда они только взялись?

Сегодня я хотел рассказать о том, что должно быть в сайдбаре блога. А заодно я затрону тему что такое сайдбар блога вообще.

Всем привет, друзья.

Сайдбар блога — что это такое и что должно быть в нем?

Давайте поговорим вот о чем:

  • что такое сайдбар?
  • почему справа и почему один?
  • что же все таки должно быть в сайдбаре блога?

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

Немного теории для начала. Поводом для написания данного поста, послужил мой визит на один из блогов, моего читателя. Причем «случайного» если можно так сказать.

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

Короче, насмотрелся я ужастиков )))

Мой блог далек от идеала. Как я уже говорил, я работаю над тем, чтобы сменить дизайн и сделать с чистого листа верстку. Это дела ближайшего будущего. Тогда уже можно будет судить по всей строгости мое оформление дизайна блога, а пока давайте вместе со мною, постараемся ответить на главный вопрос данного поста.

Итак, что такое сайдбар? Не надо обладать глубокими познаниями в области иностранных языков, чтобы понять, что это слово состоит из двух слов — «сайд» — сторона, а «бар» — это … питейное заведение ))) «Бар» — это полоса.

Так что если, Вы частенько любите «отвисать в баре — значит ждите новой полосы в Вашей жизни.

Т.е. сайдбар — это некая боковая полоса, сторона, расположенная на Вашем сайте (блоге). Сразу хочу сказать — подавляющее большинство сайдбаров блогов и сайтов расположены справа. Этому есть вполне логичное объяснение: весь интернет имеет правостороннюю ориентацию, если можно так выразится.

Почему справа и почему один?

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

Правильно — ярмарку выходного дня в колхозе «Красное дышло». И честно говоря, я ни разу не встречал ни одного гармоничного, красиво и правильно оформленного блога с количеством сайдбаров больше 1 — го. Если не так — ссылку в студию, обсудим.

Итак, подводя некий итог, я хочу обозначить вот что (по крайней мерея лично я уверен в этом):

  • сайдбар должен быть справа и один. Повторю: ни два, и не три!
  • сайдбар слева — признак «ущемленности» у хозяина блога.

Что же все таки должно быть в сайдбаре блога?

В своем бесплатном курсе «Блог своими руками. Начало.» я естественно упомянул о том, как должны быть расположены основные элементы блога.  В данном посту, я более подробно дам материал по этой теме, изложу так сказать, свое видение.

Ширина. Тут все опять же индивидуально, и можно городить «огород» в любую сторону, но минимальная ширина этого поля должна быть равна 250 px, а то и немного больше.

Огромное количество баннеров для сайдбара имеют размер 250х250 px, 125х125 px, 240х400 px и так далее. Смысл, думаю, понятен. Думая на перспективу, Вы должны уже сейчас обеспечить себе будущее рекламное место, если Вы собираетесь зарабатывать с помощью банерной рекламы.

И хорошо, если Вам достанется «резиновая» тема, где Вы можете в любой момент поменять ширину, а если нет? То то же и оно.

Высота. Динамичная величина для любого шаблона. Чем больше Вы разместите на первой странице анонсов постов, тем «длинее» будет Ваш блог, соответственно и будет меняться длина сайдбара.

Расположение элементов. Тут действует одно правило — чем ближе элемент расположен к шапке блога (header), тем он должен быть «ценнее». Поэтому здесь, как правило расположены самые вкусности любого блога (сайта) — подписка на рассылку, форма поиска или просто одно из самых дорогих рекламных мест.

Давайте я расскажу еще и о том, что там вообще должно быть. Список каждый может добавить сам (причем очень часто «до безобразия»):

  • Форма поиска (стандартная причем не катит), лучше работает от Google или Яндекса.
  • Красочный свой баннер на бесплатный, либо же платный продукт, который обязательно бы работал как «генератор подписки», т.е. приводил бы людей в Ваш подписной лист.
  • Окно комментаторов. Очень часто я вижу данное окошко внизу. А еще говорят, что комментарии — это кровь блога. Или я что то спутал? А раз так — почему тогда располагают дорогих комментаторов в самый низ. Не понимаю.
  • Популярные статьи блога. Здесь достаточно расположить 4-6 самых популярных (комментируемых) статей, чтобы обеспечить дополнительный трафик на них.
  • Окно социальных сетей. У меня данная функция реализована с помощью «Социальной карусели» http://makedreamprofits.ru/ Это окно необходимо для присоединения Ваших посетителей к Вашим аккаунтам в разных социальных сетях.
  • Два окна, которые я разместил у себя в сайдбаре: это архивные записи и рубрики. По идеи, это функцию необходимо реализовать с помощью вкладок. К тому моменту, как я переработаю свой дизайн, я обязательно это сделаю таким образом.  Это смотрится опрятно и здорово экономит место.

Вот собственно что необходимо разместить в сайдбаре Вашего блога. Я тут придерживаюсь еще такого правила: высота элементов сайдбара должна совпадать по высоте с анонсами главной страницы.

Этих элементов вполне достаточно для того, что бы вести Ваш блог правильно и не перегружать всякой разной лапшой, которую я очень часто вижу на блогах новичков. Тут тебе и облако тегов, и геолокатор (вращающейся земной шар с указанием расположения посетителя)… Безпонтовые во общем приложения, цель которых — грузить движок блога, хостинга.

Друзья, добавляйте свои мысли по поводу того, что считаете необходимо добавлять в сайдбар блога. Очень любопытно, что думают мои читатели по этому поводу.

Скоро подведу итоги конкурса, о завершении которого я рассказывал здесь. Будет клево !

Понравился блог?
Получайте статьи на ПОЧТУ!

О авторе Смотреть все статьи Сайт автора

Александр Быкадоров

Большое спасибо, что читаете мои статьи и оставляете комментарии к ним. Активные комментаторы заносятся на доску почета.
Подробности здесь.
 
Хотите быть первым в курсе новостей, конкурсов на моем блоге?
Подпишитесь на канал RSS для получения новостей, нажав тут.

Комментариев: 18Оставить комментарий

Социальные комментарии Cackle
  • Вообще не люблю облака тегов… Почему, не знаю))
    Тема как раз для меня. У меня в сайдбаре пустота, кроме рубрик ничего нет, добавлю еще Топ комментаторов и все))

    Ответ
    • Азик, аналогично. Раньше стояло облако у меня — толку от него ноль.
      А вот грузит он блог, будь здоров.
      Помимо ТОПа проработай обязательно форму подписки — это основа основ.

      Ответ
  • У ideafox вроде неплохо смотрятся 2 сайдбара..

    Ответ
    • … возможно не мне судить, но этот блог, что справа, очень бы замечательно смотрелся бы под основным.

      Ответ
  • Александр привет! Давно не заходил, весь в работе. Интересный пост и главное полезный. Мне вот интересно что. Как на блоге организовать вывод популярных записей? С помощью плагина или прописывается все кодом?

    Ответ
  • Привет! Да решил себе тоже сделать такое на блоге. думаю это положительно повлияет на кликабельность по страницам блога и увеличит поведенческие факторы

    Ответ
    • Однозначно. А самое главное — не надо заморачиваться над тем, чтобы вывести похожие статьи. Плагин все делает сам.

      Ответ
  • Обязательно попробую. Я раньше использовал плагин Yarp или что то в этом роде. Сказали что он очень сильно грузит блог. Пришлось удалить. Сразу заметил что после удаления этого плагина блог стал работать шустрее. И вот я был в поиске нормальных плагинов. Думаю воспользуюсь советом. Очень удобно что можно исключать те статьи которые не желательны для вывода.

    Ответ
    • Саша, ставь этот — мне нравиться

      Ответ
  • Я говорил про плагин похожих статей. У меня оказывается он до сих пор был установлен. Я только в интернете где то прочитал что он сильно грузит блог, а вот удалить забыл. Сегодня обязательно удалю и поставлю этот. У меня вот возник еще один вопрос, как можно сделать кнопки соц сетей. Без плагина и чтобы не нужно было каждый раз вставлять код в статью. Есть ли возможность один раз все это сделать в коде шаблона например и больше не думать о них?

    Ответ
    • Я использую Pluso. Генерируется код и раз и навсегда ставиться в код блога. Настроек требует минимум. Может пост на эту написать?

      Ответ
  • Расскажи подробнее о «- сайдбар слева — признак «ущемленности» у хозяина блога.» — а то что-то не понимаю с чего сделан такой вывод.

    Ответ
    • Юрий, я имел ввиду то, что когда сайдбар стоит слева + его еще начинают «тулить» справа, то возникает такое ощущение, что этого места человеку не хватает.
      Он начинает захламлять все свободное место: справа в сайдбаре, слева в сайдбаре и получается «новогодняя елка».
      У тебя лишнего ничего нет, пока нет…
      Если насуешь туда всей «красоты» — будет полная ерунда….
      Мой данный блог и дизайн далек от идеала, кстати тоже. Но это уже лучше, чем иногда можно видеть у других.

      По поводу сайдабара и его размещения: справа — слева. Справа сподручнее, так показывают исследование, соответственно охотнее нажимают на элементы сайдбара, расположенные справа.

      Ответ
      • Мне еще дизайн допиливать и допиливать. Я свой делать хочу — уже и навыки есть — но как я убедился — сделать это будет не просто. Если бы делал сайт на чистом html то было бы проще. В любом движке используется масса разных переменных, о которых попросту даже не представляешь что они есть.
        Я с того момента как разобрался с адаптивным дизайном загорелся… Незнаю надолго ли хватит моего желания — а нужно чтобы хватило до того момента, пока решу все бытовые дела…

        Суть твоей мысли я понял, то что кликают больше справа тоже согласен (впрочем тоже не так от просто так — раньше изучал тренинг «Эффективные Психотехники» Ивана Полонейчика — и хотя он к созданию сайта ничего общего не имеет — но суть все же изложена так, что она равносильно применима в данном случае).

        Короче со временем посмотрим, как получится все это упорядочить…

        Ответ
        • Не делай просто с блога своего «колхоза» и меня от этого удерживай — ок?
          А то что слева у тебя, то как бы ничего страшного в этом нет. Аккуратненько там все, почему бы и нет.

          Ответ
          • Знаешь, тут такое дело — если я вижу что что-то не «играет» то я пишу — а уже твое дело придерживаться или нет (да имеется ввиду не только твое — но и тех у кого я пишу).

            У меня на WP стоял справа — и всеравно кликабельность относительно метрики была плохая. Решил поставить слева — ближе к «глазам» ведь бегают по монитору они слева направо.

            У меня трафик в основном с поисковика (75%) — а значит заморачиваться тем, что у постоянных клиентов «глаза спотыкаются» на рекламном блоке — пока нет смысла.

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

            К примеру раньше у меня между блоками были большие отступы — а оказывается что пространство нужно экономить, размещать компактно — чтобы соблюдалась информативность каждого квадратного сантиметра. Отступы уменьшил. Теперь еще нужно заморочиться тем, как бы заполнить то пространство что есть информативностью…

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

            Ответ
            • Согласен. Я просто реально столкнулся у себя на блоге с другими косяками, как например шрифт, ссылки — все это негативно влияет на ранжирование блога в глазах поисковиков.
              Поэтому, думаю, надо брать не бесплатную тему, а заказывать у фрилансеров, чтобы потом не удивляться, почему нет посещаемости…

              Ответ

Добавить комментарий

Ваш email не будет опубликован. Обязательные поля помечены *