Сергей Комлев
Неделю назад я запустил обновленную версию сайта Triskirun. Она получила новый дизайн, а также ряд функциональных и скоростных улучшений.
В этой статье я подробно расскажу Вам о том, что нового появилось и как теперь этим пользоваться. Плюс анонсирую ряд уникальных функций, которые будут запущены на нашем сайте в ближайшее время.
Содержание публикации:
- Структура сайта
- Адаптивный дизайн
- Скорость загрузки, быстродействие сайта и безопасность
- Улучшенный поиск по сайту
- Регистрация и вход на сайт через соцсети
- Структура публикаций
- Рейтинг публикаций
- Хэштеги, просмотры, комментарии
- Рубрики
- ТОП-10
- Анонс новых функций
- Расширенные профили пользователей
- Редактор создания публикаций
Структура сайта
Структура сайта претерпела значительные изменения. Основной её акцент сделан на хронологической ленте, но отдельно стоит упомянуть навигационное меню, которое теперь состоит из следующих элементов:
- Блок ссылок в правом верхнем углу (ТОП-10, рубрики, хэштеги и т.д.)
- Выпадающий список соцсетей проекта
- Поиск по сайту с возможностью предзагрузки результатов
- Авторизация на сайте
Внимательные пользователи также смогут заметить кнопку Наверх (в правом нижнем углу), которая появляется при прокрутке страницы вниз. Данная кнопка доступна как в веб-версии сайта, так и в мобильной.
Адаптивный дизайн
Новый дизайн корректно отображается на всех видах гаджетов и устройств.
Скорость загрузки, быстродействие сайта и безопасность
Основываясь на опыте разработки веб-проектов мною была проведена полная настройка нового сервера для сайта с его последующей оптимизацией, включая все современные стандарты кэширования, как в backend, так и в frontend, подключение сервиса KeyCDN (сети доставки контента) ironman.triskirun.ru, gzip сжатие страниц и минимизация СSS/JS.
Для нас очень важно, чтобы сайт грузился без задержек, чтобы пользователи получали только позитивное впечатление и были заинтересованы в повторном посещении сайта. Последние тесты в сервисе GT Metrix показали, что нам удалось достичь хороших показателей в этом плане.
Замечу, что наш сайт использует персональный SSL (от англ. Secure Sockets Layer – уровень защищенных сокетов), данный протокол используется сайтами для защиты данных в Интернете. Он гарантирует безопасное соединение между браузером пользователя и сервером.
Для защиты сайта от спама мы используем сервис CleanTalk, он отлично справляется со своей задачей и не требует от пользователей введения капчи, к тому же предоставляет DDOS-защиту, автоматическую фильтрацию спам-комментариев и собственный Firewall.
Вот так выглядит статистика атак на сайт Triskirun.ru за последние 7 дней. Французы пока лидируют.
Улучшенный поиск по сайту
Поиск по сайту неотъемлемая часть любого сайта и мы знаем, что многие из Вас им активно пользуются. Теперь, чтобы воспользоваться поиском в веб-версии сайта достаточно навести курсор на иконку увеличительной лупы, которая находится в правом верхнем углу сайта.
К примеру, нас интересуют статьи по тематике «ironman». Давайте введем этот поисковый запрос и посмотрим, что произойдет.
После ввода поискового запроса в режиме реального времени наша поисковая система определит 5 наиболее релевантных публикаций. Если Вам этого не достаточно, то можно нажать на кнопку «Посмотреть все результаты» и перейти на страницу поиска.
В мобильной версии поиск по сайту находится в мобильном меню.
Регистрация и вход на сайт через соцсети
Авторизация на сайте даёт Вам ряд привилегий и дополнительных возможностей, о которых я расскажу чуть позже.
Для того, чтобы зарегистрироваться на сайте необходимо нажать на иконку авторизации в правом верхнем углу. После чего вы увидите форму, в которой Вам доступны 2 метода регистрации:
- C помощью соцсетей
- Через стандартную форму регистрации, доступную по нажатию кнопки «Зарегистрироваться»
Вы можете выполнить вход через несколько соцсетей, наша система предложит Вам привязать соцсеть к существующему аккаунту или зарегистрировать новый.
Структура публикаций
Структура публикаций вполне стандартна для новостного сайта и имеет следующий порядок:
- Рубрики
- Заголовок
- Подзаголовок
- Информация о авторе, количество просмотров, ссылка на комментарии
- Кнопки «Поделиться в соцсетях»
- Изображение записи (в публикациях формата «Видео» отображается сразу видео)
- Содержание
- Хэштеги
- Ссылки на след./пред. статьи
- Рейтинг публикации
- Блок информации о авторе
- Комментарии
- Публикации из раздела
- Публикации набирающие популярность
Рейтинг публикаций
Теперь каждая публикация имеет свой собственный рейтинг. Голосовать «За» или «Против» можно двумя способами:
- В ленте публикаций
- В самой публикации
Голосование доступно для всех посетителей сайта. В перспективе я планирую формировать автоматическую ежемесячную рассылку с самыми популярными статьями по мнению аудитории сайта Triskirun.
Хэштеги, просмотры, комментарии
Для всех публикаций доступных на нашем сайте есть три ключевых показателя:
- Хэштеги
- Просмотры
- Комментарии
Хэштеги расположены в подвале каждой публикации и могут использоваться пользователями для поиска сообщений по теме или содержанию.
Помимо хэштегов, каждая публикация содержит количество просмотров, которое автоматически обновляется при перезагрузке страницы сайта.
Для зарегистрированных пользователей предусмотрена возможность добавления комментариев на сайте.
Рубрики
На данный момент на нашем сайте доступны следующие рубрики, которые разбиты на 3 секции:
- Основные
- Летние виды спорта
- Зимние виды спорта
Мы планируем добавить ряд новых рубрик, в числе которых имеется и новостной раздел. Если у вас есть пожелания или рекомендации, мы всегда рады их выслушать, можете описать их в комментариях к этой статье или направить нам в редакцию на [email protected].
ТОП-10
На сайте также появился новый раздел «ТОП-10». В нем имеется 3 вкладки, которые ранжируются по длительности:
- За сегодня
- За месяц
- За все время
Анонс новых функций
В ближайшее время на сайте появится ряд новых функций и часть из них будут сегодня впервые анонсированы в этой статье.
Расширенные профили пользователей
Каждый зарегистрированный пользователь на сайте Triskirun.ru получает дополнительные возможности для визуального и функционального наполнения своего профиля. Можно задать ссылки на соцсети, указать статус, описание, ссылку на сайт, поменять имя, изменить аватар, обложку профиля и т.д.
Вся информация, которую Вы зададите в своём профиле автоматически будет добавлена в блок о авторе.
Редактор создания публикаций
Теперь каждый может стать автором и создать свою собственную публикацию с помощью нашего нового внешнего редактора.
На данный момент я работаю над его переводом на русский язык и уже в ближайшие несколько недель активирую его для всех зарегистрированных пользователей нашего сайта. При запуске будут обязательно записаны видео-инструкции по использованию внешнего редактора.
Несколько спойлеров напоследок.
