Блог про интернет-маркетинг для бизнеса

Инсайды

Блог Netpeak 2.0 — мы всё поменяли, и вот почему

94
4
0
64

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

Ну а если серьезно, то здравствуйте. Меня зовут Андрей Чумаченко, я директор по маркетингу в Netpeak и, по совместительству, креативный директор и главный по редизайну.

Еще в конце прошлого года мы твёрдо решили, что с блогом надо что-то делать. Аудитория наших читателей, количество email-подписчиков, качество и количество материалов — росло, а блог на wordpress с устаревшим еще в прошлом веке дизайном, кучей неповоротливых плагинов, доработок, костылей и дышащей на ладан интеграцией с сайтом и внутренней системой управления проектами, как бы так мягче сказать, сам по себе не становился лучше.

В Netpeak мы так и не научились делать что-то вполсилы, так что, чтоб вы понимали масштаб, покажу несколько исходных цифр:

  1. Концепт глобального изменения блога был подготовлен 1 сентября 2015 года (потом дорабатывался, но это — дата отсчета начала работ и я очень рад, что мы все-таки уложились меньше, чем за год).
  2. Первый программист начал работать над задачей в октябре, но был переведен на другой проект, не успев особо ничего сделать. Второй программист начал работу с нуля в мае 2016-го года.
  3. ТЗ на изменение блога для программиста состоит из 36 страниц 11-м Arial’ом. ТЗ на изменение блога для дизайнера — всего из 26.

Пока вы перевариваете этот сумасшедший объем данных — посмотрите видео о том, как работал наш старый блог. Мы сняли его специально для этого поста:

Итак, зачем мы всё это затеяли, думаю, понятно. У нас 40 тысяч уникальных посетителей в месяц и нам уже давно пора перестать над ними издеваться.

О том, как и что мы реализовали — писать не буду, это тема для отдельного поста (который я вряд ли напишу). Так что расскажу только о том, что же нового ждет тебя, дорогой читатель, в новом блоге Netpeak.

Переезд на новые домены

До сегодня блоги Netpeak велись не только независимо на трёх языках (русском, английском и болгарском), но и частично с учетом регионов, на которых были представлены (каждый блог на своём региональном домене) — в Украине, России, Беларуси, Казахстане, Молдове, Болгарии, Турции, Израиле, Великобритании, США и Канаде. Мы решили отказаться от регионального деления и сосредоточиться только на языковом. Итак, теперь ровно три блога Netpeak — русскоязычный, болгароязычный и англоязычный.

Новая главная страница

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

Сайдбар и топы постов

Конечно, мы избавились от сайдбара. Популярные среди наших читателей рейтинги постов по просмотрам/комментариям/лайкам никуда не делись, просто переехали в более удобный блок на втором экране главной страницы.

Избранные посты

Про личный кабинет я скажу чуть ниже, здесь же отмечу, что теперь появилась возможность в любом месте (на главной, в поиске или в самом посте) добавить пост в избранное и вернуться к нему чуть позже, с чашечкой кофе и свободным временем. Видите там такую звездочку? Вот.

Прикрепленный пост

Теперь вы никогда не пропустите действительно важную статью — её выбирает наш редактор и прикрепляет на главной странице, прямо на первом экране. Обновляться этот блок будет в зависимости от скорости потери актуальности конкретной статьи.

Фокусные разделы

Не забывайте, что все-таки блог — корпоративное онлайн-издание агентства интернет-маркетинга Netpeak. Мы вывели на главную отдельными блоками рубрики SEO и PPC, потому что агентство фокусируется на предоставлении этих услуг и обладает внушительной десятилетней экспертизой в отрасли.

Видео

Совсем скоро мы запускаем регулярное обновление нашего YouTube-канала короткими и полезными роликами в тематиках поискового продвижения сайтов, платного трафика, мобильного продвижения и интернет-маркетинга в целом. Чтобы вы узнавали о новых роликах в числе первых — мы вывели блок канала Netpeak в YouTube на главной странице.

Публикация

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

Регистрация

Давным-давно в нашем старом-старом блоге у нас стояла система комментирования Disqus. Наш новый блог обзавелся самостоятельной системой, связанной с профилем пользователя. То есть да — теперь в блоге можно авторизироваться, используя популярные социальные сети, дополнить информацией о себе, указать интересы и так далее. Регистрироваться нужно только тем, кто хочет комментировать или публиковать что-то в нашем блоге. Читать его, как и раньше, можно бесплатно (привет, Devaka!), без регистрации и СМС. Нам чудом удалось перенести комментарии и комментаторов из старого блога в новый, так что для наших подписчиков и читателей, у которых уже были комментарии на блоге — приятный сюрприз. Господа (дамы), вы уже зарегистрированы. Письмо с доступами в вашем почтовом ящике.

Да, комментарии за последние 7-8 дней мы перенесем в ручном режиме. Никто не уйдет обиженным.

Карма

Но и это еще не всё. Мы вводим весьма популярное и совсем не новое понятие «кармы» в систему пользователей. Про это есть отдельная страница на блоге, но я расскажу тут максимально коротко. За каждое полезное действие вы будете получать плюсик в карму. При росте кармы вы будете получать плюшки от нас. Плюсы пойдут за каждый заполненный пункт в профиле, за комментарии, которые положительно оценили другие пользователи, за ваши опубликованные статьи и так далее. Но есть и некоторые ограничения. К примеру — при карме от 0 до 99 вы не сможете ставить +/- другим комментаторам. Так что, как говорит мой кот, — сначала добейся.

Уровни кармы

Прислать материал

Хотите, чтобы ваш текст был опубликован? Хотите заработать больше кармы или рассказать всем нашим читателям о чем-то интересном? Теперь это еще проще, чем раньше (ну, помните, в том, старом блоге). В футере есть удобная кнопка, которая отправит вас на специальную страницу с информацией и контактами главного редактора. У нас нет никакой песочницы и демократии — только главный редактор решает, будет опубликована ваша статья или нет. Платного размещения не предусмотрено, так что с такими предложениями даже не пишите, сэкономите своё и наше время.

Профиль

Рассказав про регистрацию и карму, глупо было бы не остановиться на личном профиле зарегистрированного пользователя блога. Кроме обычной «визитки» с фотографией и описанием, вам доступно еще несколько вкладок — возможность управлять подписками на различные наши рассылки (удобно подписаться или отписаться всего в 1 клик), следить за реакциями на ваши комментарии, просматривать статьи, которые вы добавили в избранное, и узнавать, как реагируют на посты под вашим авторством.

Личный профиль

Кстати, словами не передать (я и не буду пытаться), как мы намучались с тем, чтобы сделать систему пользователей единой для трёх языковых версий блога и при этом не выводить русскоязычные имена в англоязычной версии. Так что, если вы захотите откомментить пост на другом языке — регистрироваться второй раз вам не придется, а вот заполнить информацию о себе на новом языке нужно будет обязательно.

***

Под конец — небольшой дисклеймер. Блог на новом движке и с новым дизайном, перетянувший в себя огромное количество постов и комментариев за Х лет своей работы, прямо сейчас находится в своей ранней бета-версии. Я очень прошу вас не пугаться, если что-то работает не так, как задумано. Скорее всего, это не вы сломали, а мы еще не починили. Можете писать в комментариях о багах и лажах, которые увидели. А мы всё допилим.

Спасибо, что вы с нами. Любим и виртуально обнимаем. С новым блогом!

Обнаружили ошибку? Выделите ее и нажмите Ctrl + Enter.

Комментарии (86)

  1. 0
    7 месяцев назад
    Брлкбрклб новый блог, удачи вам. Это пока самый функциональный и полезный блог которы я читаю + vc.ru. Да и карма это крутая вещь, как бы некая геймификация получается
  2. 0
    7 месяцев назад

    Андрей, привет. 

    Отличная работа, ребята.

    Есть пара — надеюсь полезных — мыслей вслух: 

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

    Удачи!

  3. 1
    год назад
    Сделал авторизацию через FB, т.к. не нашел кнопки регистрации, после подтверждения на самом FB попросили ввести e-mail, ввел - кинуло на 404
    • 1
      Вадим Ширяев
      год назад
      + при попытке заполнить данные профиля для болгарской версии идет переадресация на старую версию болгарского блога blog.netpeak.bg
  4. 1
    год назад
    Вы смотрели комментарии к этой заметке на мобильном? Там же ужас творится (колонки с обсуждением вытягиваются в "трубочку"). И для ПК - что-то отступы между комментариями и инфой о пользователей - слишком большие (на FullHD мониторе влазит только 5 (!) комментариев, содержащие по 1 строке текста).
    • 0
      Дмитрий
      10 месяцев назад

      А проверьте сейчас? Мы это пофиксили.


      С отступами пока осталась проблема, её решим чуть позже, она не такая критичная.


      Спасибо!

      • 0
        Андрей Чумаченко
        10 месяцев назад
        И еще баг - пишу с мобильного (точнее эмуляция мобильного Хрома), и в после отправки комментария вам - у меня начинает показываться первый комментарий всей цепочки, хотя должен видеть свой оставленный комментарий.
      • 0
        Андрей Чумаченко
        10 месяцев назад

        Забыл - с мобильного не перекидывает к комментарию, если открыть страницу с хештегом - http://netpeak.net/ru/blog/blog-netpeak-2-0-my-vse-pomenyali-i-vot-pochemu/#comment-8364 Показывается именно статья.

      • 0
        Андрей Чумаченко
        10 месяцев назад

        Вот это я затянул с ответом:

        Да, поправили, но теперь не очевидна структура одной цепочки комментариев, т.е. не видно "дерева комментариев" и все комментарии идут сплошняком, будто независимы друг от друга.


        По отступам - откладывать на потом, не самый лучший вариант :) Прошло 4 месяца, а комментариев на экран стало влезать - 4, хотя я раньше писал о 5-ти.

  5. 1
    год назад
    Поздравляю! Отдавайте пожалуйста в RSS полный текст. Таким ретроградам как я, привычнее вас читать в ридере.
  6. 1
    год назад
    Да, и приятно было бы после отправки комментария все-же видеть сразу свой комментарий (может якорем бросать), потому что не понятно отправился или в модерации и как он выглядит, надо искать!
  7. 1
    год назад

    Ибо не дурно! Красавчики )) 

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

    • 1
      Виталик
      5 месяцев назад
      Если после изменения пароля выйти из аккаунта, потом можно будет уже зайти по новому паролю. Уведомление об успешном изменении пароля прикрепили.
  8. 1
    год назад
    Цитата в начале поста по мотивам "Страх и ненависть в Лас-Вегасе"? Поздравляю с обновкой! Личный кабинет - удобно, особенно возможность добавить в Избранное для дальнейшего изучения. Если в "Информация о себе" поспамить ссылкой на свой сайт с http, то она становится кликабельной, но ведет в никуда, так как в конце добавляется тег

    . Или так специально задумано :-) ?

  9. 1
    год назад
    поздравляю
  10. 1
    год назад
    Это – успех! Поздравляю всю команду. В руках держим эстафетную палочку.
  11. 1
    год назад
    Ссылки открываются тоже криво http://i.imgur.com/mn8aUbU.png
  12. 1
    год назад
    Видимо лайтшот упал, вот и минус отсутствия возможности редактировать. http://imgur.com/REsX0VO
  13. 1
    год назад
    Может и писали, но: - Находясь на главной блога или странице категории нажать "войти" - Убрать всплывающее меню кликом куда угодно - снова нажать "войти" полезла верстка http://prntscr.com/cat5yf
  14. 2
    год назад
    Поздравляю. Буду спамить чаще :D
  15. 1
    год назад
    Выглядит неплохо.
  16. 1
    год назад
    Крутое обновление, молодцы!
  17. 1
    год назад
    Прикольно сделали. Поздравляю с запуском нового блога
  18. 1
    год назад

    Круто! У вас очень полезный и интересный блог. Спасибо, что делитесь опытом. 

     Из замеченного на новом блоге: 

    1) Перестал работать старый канал RSS http://feeds.feedburner.com/netpeak 

    2) На главной странице не понятно за какой период выводятся статьи в блоках "Самое обсуждаемое / популярное / читаемое". Рекомендую посмотреть в сторону Хабра http://prntscr.com/cao7bm

     3) Такое чувство, что странице раздела http://netpeak.net/ru/blog/category/ppc/ чего-то не хватает. Можно хотя бы фильтр популярности (из пункта №2) добавить. 

    4) Неудобно писать длинные комментарии из-за узкого окошка, размер которого нельзя изменить.

    • 0
      Dmitry Dorakov
      год назад
      5) Нельзя редактировать комментарии.
      • 1
        Dmitry Dorakov
        год назад
        Спасибо за ваши замечания. 1. RSS прямо сейчас поправим, просто забыли про Feedburner. 2. Добавим объясняющие всплывающие подсказки, спасибо! 3. Хорошая идея! Спасибо, обдумаем и добавим. 4. Попробуем решить и этот вопрос. 5. Редактирование комментариев не делали специально. Возможно чуть позже сделаем возможность редактировать их в течение 5-10 минут после публикации (так у Хабра или Дёрти или где-то еще я видел).
        • 1
          Андрей Чумаченко
          год назад
          В извещении о комментарии на емейл приходит не полная ссылка. Я получил ссылку http://netpeak.net/ru/blog/blog-netpeak-2-0-my-vse-pomenyali-i-vot-pochemu/#8322, но якорь должен быть #comment-8322
          • 0
            Dmitry Dorakov
            год назад
            И это исправим) Вообще как вы считаете, стоит присылать 1 письмо на 1 уведомление (то есть, если вам ответят 10 раз – вы получите 10 писем), или 1 письмо раз в период со всеми уведомлениями за этот период (и тогда – за какой период)?
            • 1
              Андрей Чумаченко
              год назад
              Я по комментариям не эксперт совсем. В идеале на выбор пользователя. Хотя письмо на каждое действие вполне понятный и привычный всем механизм. Обратите внимание, что если в профиле отключить уведомления на емейл, то чтобы понять что кто-то написал в ответ нужно зайти в профиль. Думаю рядом с аватаркой нужен какой-нибудь нотификатор. Посмотрите как сделали в ЖЖ http://prntscr.com/caqyec там есть также настройки полезные для авторов, я так понимаю, теперь появятся гостевые посты и для авторов статей уже нужны немного другие настройки. Плюс в самом профиле нет ссылок с якорями http://netpeak.net/ru/blog/user/profile-notification/, http://netpeak.net/ru/blog/user/profile-comments/ а обсуждения у вас в статьях бывают достаточно длинными.
  19. 1
    год назад
    Поздравляю с завершением основной части по редизайну и изменению функционала! :) П.С. Так скоро появятся предложения "Накручу рейтинг на блоге Netpeak" :)
  20. 0
    год назад
    Слушайте, а можете сразу внедрить сразу разное отображение блогов и кейсов, что бі не плиткой или сеткой , а списком, и в превьюшках тексті накладіваются один на другой, что в глязях рябит :)
    • 1
      Vitalii Semenov
      год назад
      Разное отображение в ближайшее время внедрять не будем, пока отточим это =) По поводу наложения – есть такое, особенно в старых постах, куда еще не добрались. Доберемся, обновим обложки и будет ок.
  21. 0
    год назад
    Крутяк. Мне нравится. В личном кабинете в разделе «комментарии» исправьте «Сдесь будут находится оставленные вами комментарии»
  22. 0
    год назад
    Неплохо вы так заморочились (особенно с личным кабинетом)! Но вышло очень достойно. Молодцы!
  23. 0
    год назад
    Симпатишно внутри =) И ох уж эти затемненные картинки с текстом сверху на главной .. Мне одному не комфортно на них смотреть? Ни картинки не видно, ни заголовок читать не удобно
  24. 0
    год назад
    Выпилили Дискас? "НЕПРОСТИТЕЛЬНО!!!"
    • 0
      Vladimir Lenin
      год назад
      Все ваши комментарии к постам о Чекере-Спайдере сохранил лично. В течение нескольких дней все восстановим.
      • 0
        Георгий Рябой
        год назад
        Вот это сервис! А если по делу то хорошо бы было сделать линк на сам коммент из ЛК(как в том же дискасе), сейчас при "переходе" по уведомлению открывается просто сама страница, там где был оставлен коммент, и приходится скролить стену текста + стену комментов.
  25. 0
    год назад
    Хорошее обновление, молодцы. Правда у меня не получилось сменить пароль профиля, при нажатии http://c2n.me/3BALzNj ничего не происходит
  26. 0
    год назад
    Здорово, поздравляю, молодцы!)
  27. 0
    год назад
    Крутяк, ребята!!!)) Вітаю!)
  28. 1
    год назад
    Гарно-гарно=))Респектую=))
  29. 0
    год назад
    Скорость, пацаны, повышайте. https://gtmetrix.com/reports/netpeak.net/9SE0obKc А так норм. з.ы.: после формы логина кидает на главную блога. По идее, юзер должен оставаться на странице приземления.
    • 0
      Konstantin
      год назад
      Со скоростью, действительно, есть лажа – будем ускорять, как только устраним все мелкие баги и опечатки. Юзера будем оставлять на странице приземления, уже есть в баглисте, совсем скоро доберемся.
  30. 2
    год назад
    Поздравляю с новым блогом! Вопрос: почему вы до сих пор не вывели блог в автономное СМИ о диджитале?
    • 0
      Boris Gurtovoy
      год назад
      Если бы мы знали, как зарабатывать автономному русскоязычному СМИ о диджитале, то сделали бы его из блога. Но в наших реалиях, как я понимаю, это непосильная задача. Даже те, кто на этом специализируются, жалуются на тяжелую жизнь.
    • 1
      Boris Gurtovoy
      год назад
      Спасибо. Ну, всему своё время =) Называть его просто корпоративных блогом уже как-то даже и не совсем верно.
  31. 0
    год назад
    С Новым Блогом! А идею фона в нижнем блоке "Подписаться" не с lifenews утянули? http://screencast.com/t/L9tHQZyF
  32. 4
    год назад
    Поздравляю всю команду. Выглядит круто ) !
  33. 0
    год назад
    SEO специалист видно не приложил к блогу руку. УРЛы старые остались с "/" на конце.
    • 2
      Дмитрий
      год назад
      Отнюдь. Так и должно быть, чтобы поисковый бот не делал лишний шаг.
      • 0
        Артем Бородатюк
        год назад
        По иерархии структуры сайта бот может подумать что за "/" должно что-то еще идти, Разве конечный материал не должен заканчиваться html или php?
        • 0
          Дмитрий
          год назад
          Не должен =)
        • 0
          Дмитрий
          год назад
          1. Без "/" сервер должен будет проверить указывает ли этот URL на веб-страницу. То есть, существует ли по указанному пути такой файл. Если не существует – значит это директория. 2. Слеш "/" в конце URL обозначает директорию и серверу не надо делать лишнюю операцию. Соответственно, поисковый бот быстрее получит ответ от сервера, а это – make sense, хоть и мизерный. Но как любят говорить разработчики поисковых систем – "при прочих равных". "При прочих равных" лучше ставить в конце слеш, чем не ставить. 3. Вариант с .php или .html – нормальный, так как это явное указание на файл. Но зачем добавлять некрасивые элементы для пользователя и делать урл длиннее?
  34. 0
    год назад
    Выглядит отлично. А какой новый движок? Или самописный?

Чтобы оставить комментарий, необходимо авторизироваться

Подписаться

на самую полезную рассылку по интернет-маркетингу

Самое

обсуждаемое популярное читаемое