Разработка информационного портала vn.ru: как это было в деталях

С «Издательским домом «Советская Сибирь» Студия Ял познакомилась в далеком 2015. Заказчик обратился к нам, чтобы сделать из сайта газеты «Вечерний Новосибирск» областной новостной портал с большим количеством читателей. Делать это на базе старого ресурса, выполненного на Просто.сайте было бессмысленно, поэтому мы создавали портал с нуля. Коротко о том, как мы это делали, рассказываем в кейсе. А в этой статье раскрываем нюансы и откровенно описываем возникшие сложности.

Выбираем CMS

Первым делом определились с CMS. Предпочтение отдали Битриксу, потому что:

  • с размещением новостей на нем должны справляться неопытные пользователи, не имеющие специальных знаний,
  • он позволяет реализовать задумки наших программистов.

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

Важно было и то, чтобы в админке сайта имелся защищенный журнал событий.

Журнал событий

Отличная опция, позволяющая отслеживать кто, когда и как вносит изменения в статьи и шаблоны. Приобретает особое значение, когда доступ к админке портала есть у десятков журналистов и редакторов. За всеми без такого журнала и не уследишь. Еще одна полезная фишечка - журнал вторжений.

Журнал вторжений

В нем фиксируются все попытки внесения вредоносного кода, который Битрикс пресекает автоматически. Такая фишка есть только у этой CMS, что стало еще одной причиной ее выбора.

Когда делаешь объемный новостной портал, особое внимание уделяешь безопасности. Меньше всего хочется, чтобы в один ужасный день ты потерял контроль над сайтом и материалы, собираемые годами. Поэтому при выборе CMS мы рассматривали только те продукты, которые оснащены многоуровневой защитой. Кто бы что не говорил, но Битрикс в десятки раз безопаснее того же WordPress. Поэтому если вы собираете делать новостной сайт, обратите внимание на Битрикс. Поединок между этими платформами мы уже устраивали, подробнее об этом можно почитать здесь.

Еще один аргумент в пользу этой CMS - возможность использовать официальные дополнительные решения. Тот же WordPress может похвастать огромным ассортиментом таких модулей, вот только никто не гарантирует, что они будут сносно работать и обновляться. А Битрикс может.

Ну и вишенка на торте - встроенная статистика. Даже если на сайте не прикручен счетчик Яндекса или Google эта CMS самостоятельно собирает данные о посещаемости и рекламных компаниях. Мелочь, а приятно)

Как только запустили сайт, лишний раз поняли, что решение выбрать Битрикс было правильным. Посещаемость выросла в 3 раза, хотя о продвижении еще только говорили. Как это получилось? Помогла оптимизация, характерная Битриксу. На Просто.сайте такого бы точно не получилось. О том, как проходило продвижение портала, мы уже рассказывали тут.

«Играемся» с поиском

О поиске на vn.ru можно снимать отдельный блокбастер. Сначала мы подключили стандартный поиск от Битрикса. И тут же пожалели, потому как он не смог справиться с нагрузкой и положил сервер. Все-таки перешерстить больше 150 000 статей и выдать подходящие под силу далеко не каждому.

Помянув поиск Битрикса, мы прикрутили детище Яндекса. И опять прогадали. Нет, сервер больше не ложился. Но вот искал он совсем не так, как было удобно пользователям. У поиска Яндекса есть одна особенность - он не любит выдавать точные совпадения с искомой фразой. Например, я хочу прочитать про отключение горячей воды в Железнодорожном районе. Вбиваю фразу в поиск и получаю выдачу, в которой первая статья о необходимости летней опрессовки. Она популярна у пользователей портала, потому и показывается первой. Такой расклад не устраивал ни клиента, ни пользователей, ни нас, поэтому от поиска Яндекса мы тоже отказались.

В пользу детища Google. Чтобы ввести запрос и запустить поиск можно было на любой странице сайта, мы сделали несколько магических пассов и прогерских манипуляций. И теперь пользоваться им значительно удобнее, чем раньше.

Поиск

Пожалели ли об этом? Нет. Падал ли еще сайт? Да. Когда создание новостного портала только начиналось, мы не были готовы к тому, что на сайт ежемесячно будет приходить 2 650 000 человек. Поэтому после выпуска портала в продакшн пришлось сменить и хостинг, и VDS (он тоже не справлялся).

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

Выводим новости по регионам

На какие новости вы обращаете внимание в первую очередь? Конечно, на те, что вас непосредственно касаются. На те, что рассказывают о вашем населенном пункте и районе. Чтобы на областном новостном портале комфортно было жителю каждого города, райцентра и поселка, мы сделали своеобразный фильтр. Он позволяет читателям выбрать свои населенный пункт и видеть в верхней части страницы местные новости.

То есть если ты живешь в Мошково, то видишь в заглавных новостях мошковские новости, а только потом областные. Если новостей в твоем районе нет, то портал показывает новости той местности, которая ближе всего к тебе. Чтобы выбрать свой район, при первом посещении нужно пройти на карту и нажать на него. Выбор сохраняется, поэтому при повторном посещении новостного сайта на Битриксе нет необходимости снова отмечать интересующий вас регион.

Область

Заменяем рубрики тегами

Чтобы пользователи могли находить на портале материалы определенной тематики, статьи распределили по нескольким категориям. В них они попадают автоматически благодаря опции тегирования. По своей сути они аналогичны хэштегам в социальных сетях. Благодаря им можно за считанные секунды найти материал по довольно узкой теме. Например, вас интересуют все новости по теме «Транспорт». Если вы хотите прочитать только те статьи, где рассказывается об автомобилях, выбирайте подрубрику «Авто». Если вам интересны новости, в которых так или иначе фигурируют мотоциклы, вам в подрубрику «Мото».

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

Делаем удобную мобильную версию

Большинство пользователей читает новости со смартфонов, поэтому портал должен был безукоризненно работать как на декстопе, так и на мобильном. Нам удалось этого добиться, не делая приложения, которое бы занимало место в памяти устройства. Пользователю достаточно открыть vn.ru на мобильном, как он сразу же (без регистрации) может оставлять комментарии и ставить лайки к любым материалам. Чтобы дать обратную связь не нужно регистрироваться и на декстопной версии. А это на новостных ресурсах встречается нечасто.

Визуально версия для смартфонов отличается от декстопного варианта не существенно. Здесь так же можно выбрать регион, посмотреть важные новости, подписаться на группу в «Одноклассниках» и рассылку. Однако пользоваться ей удобно, потому как наши специалисты хорошо поработали над юзабилити.

2Yr4TMzLSq8

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

Не прекращаем совершенствовать свое детище

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

Аналогичная история происходит и с некоторыми кнопками. Активность пользователей показывает нам, какой функционал необходим, а который избыточен. Например, совсем недавно мы поняли, что на сайте не хватает раздела «Спецпроект». Он будет представлять собой место хранения рекламных статей, выполненных в виде самостоятельных лендингов. На таких страницах можно разместить неограниченное количество рекламы, что финансово выгодно новостному порталу. Мы не станем утверждать, будто этот раздел наша новаторская разработка. Он уже есть у некоторых новостных ресурсов, например, у той же Тайги.инфо. Вот только у нее «Спецпроекты» реализованы на Тильде, а потому целевых действий на этих страницах не совершишь. Мы же придумали, как это исправить. Совсем скоро выкатим раздел на сайт, и сами все увидите)

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

Доволен ли заказчик? Вот тут он сам отвечает на этот вопрос.

Все еще гадаете, кому доверить создание сайта? Выкидывайте ромашку и смотрите наши кейсы по разработке. Круто? Тогда ждем вашего звонка.

Ливерко
Владимир Ливерко
Руководитель отдела проектов

 Другие материалы по теме:
Оцените статью:
Комментарии
Оставьте свой комментарий