register

Разработка новостного сайта

МЫ ЭКОНОМИМ ВРЕМЯ И ПОВЫШАЕМ ЭФФЕКТИВНОСТЬ ВАШЕЙ КОМПАНИИ

Разработка новостного сайта - это интернет-портал, на котором публикуется информационный контент, связанный с резонансными событиями. Создание сайта новостей подразумевает проектирование надежного и удобного веб-приложения, способного выдерживать большой наплыв посетителей.
Поэтому, если ваша цель – сделать популярный информационный сайт – вам нужен разработчик с опытом в highload проектах. 

 Мы делаем высоко трафиковые сайты разных видов с интуитивной навигацией, многофункциональной системой управления контентом и гибкими модулями монетизации.

Виды новостных сайтов

Региональные средства массой информации

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

Международный новостной портал

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

Агрегатор для средств массой информации

Агрегаторы автоматически собирают и публикуют анонсы или полные материалы из списка выбранных медиа. Основное преимущество агрегатора в том, что вам не нужно будет содержать редакцию, производящую контент. Технически агрегацию можно выполнить с помощью API, RSS-лент или парсинга.

Государственный новостной портал

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

Общетематический новостной сайт

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

Тематический новостной ресурс

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

Поддержка большой посещаемости

Новостные порталы нацелены на широкую аудиторию. Поэтому самое важное для интернет-приложений такого типа – это способность работать быстро и безотказно при высоком трафике. Способы обеспечить стабильность highload проекта:
  • Проектирование масштабируемой архитектуры.
  • Балансировка нагрузки на сервер,CDN.
  • Кэширование графики и других статических элементов.
  • Оптимизированные функциональные модули (например, Elasticsearch)
Функционал поддержки большой посещаемости для новостного сайта

Подбор релевантного контента

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

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

Важные новости

Важные и популярные новости необходимо выделять в отдельный блок с помощью грамотного UX-дизайна. Например:
  • Блок на главной странице с крупными изображениями.
  • Боковая панель с резонансными событиями, закрепленная на всех страницах сайта.
Функционал выведения важных новостей

Рекламный модуль

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

  • Настраивать формат, место и время показа.
  • Подготавливать рекламную очередь для избежания простоя.
  • Автоматизировать и настраивать другие рекламные процессы.
Рекламный модуль для новостного сайта

Запись на консультацию с техническим специалистом

Разберем, какой функционал необходим именно для вашего типа новостного сайта. Составим план разработки для запуска проекта

Создание новостного сайта: важные особенности

Лента новостей

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

Система управления контентом

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

Оптимизация скорости сайта

От того как быстро ваш сайт загружается в браузере посетителей, зависит не только пользовательский опыт, но и ранжирование в поисковой выдаче Google. Мы повышаем скорость сайтов за счет эффективного кода, оптимизации изображений, использования кэша и других инструментов.

Навигация по категориям и тегам

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

Встроенный поиск

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

Интеграция с социальными сетями

Возможность поделиться статьей в соцсетях – неотъемлемая функция для эффективного продвижения контентных веб-проектов. Мы интегрируем в ваш сайт социальные плагины, которые дают возможность поделиться, лайкнуть или прокомментировать любой пост или страницу.

Разработка сайта для СМИ: этапы

1. Первичный анализ проекта.
Логотип для функционала 12

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

2. Составление ТЗ и подписание контракта.
Логотип для функционала 11

Собираем, уточняем и формулируем функциональные требования. Разбиваем их на технические задачи. Прописываем процесс разработки и цели в ТЗ. Определяемся со способом оплаты и подписываем договор.

3. Создание прототипа.
Логотип для функционала 10

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

4. Верстка и программирование.
Логотип для функционала 9

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

5. Тестирование. сайта
Логотип для функционала 8

У этапа тестирования две основных цели. Первая – убедиться, что получившийся продукт соответствует техническому заданию и стандартам отрасли. Вторая – гарантировать, что пользователи получает качественное и бесперебойно работающее веб-приложение. Для новостных проектов мы всегда проводим стресс-тесты, чтобы проверить, как сайт выдерживает высокую нагрузку.

6. Запуск и поддержка
Логотип для функционала 6

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

PRO.berdiansk

Главный новостной ресурс города Бердянска, существующий с 2008-го года. Здесь публикуются новости, курсы валют, погода, афиша, частные объявления, реклама от местных предприятий и всё, что может заинтересовать горожан.

Цель:

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

Решение:

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

Кейс

Radwansky

Новый независимый новостной ресурс, освещающий события в Украине и мире. Radwansky раскрывает темы от политики и экономики до спорта и шоу-бизнеса. Проект был разработан с нуля, на Python.

Цель:

Спроектировать и разработать новостной портал, соответствующий передовым стандартам дизайна интернет-приложений.

Решение:

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

Кейс

Способы монетизации сайтов для СМИ

01

Рекламные баннеры

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

02

Платная подписка

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

03

Нативная реклама

Нативная реклама – это материал соответствующий редакционным стандартам издания, оплачиваемый рекламодателем. Нативная реклама не предлагает что-то купить «в лоб» – она должна нести реальную пользу читателю (образовывать, развлекать). Нативные статьи – эффективный формат продвижения, который проходит барьер рекламной слепоты и эдблокеры.

Senior Project Manager компании WEBCASE

ТЕХНИЧЕСКОЕ ЗАДАНИЕ РАЗРАБАТЫВАЕТ ОПЫТНЫЙ ПРОЕКТ-МЕНЕДЖЕР

Ежедневно, из года в год на протяжении последних 5 лет, мы реализуем сложные, интересные веб-проекты. За это время мы накопили огромный опыт проб и ошибок, тонкостей и нюансов, который несомненно поможет улучшить ваш проект. Мы стараемся не просто "делать, что сказано", а помогать заказчику реализовать нужный продукт, чтоб расти и развиваться вместе с ним.

Станислав Сычев

Руководитель отдела разработки (CTO)

Консультация по ТЗ

Мобильная версия сайта для СМИ

Основная доля посещений новостных онлайн ресурсов – это мобильный трафик. Поэтому для клиентов, решивших купить новостной сайт у нас, мы разрабатываем информационные проекты по принципу Mobile First. То есть, сначала делаем полностью оптимизированную мобильную версию сайта, и только потом верстаем большую версию – для ПК.

Адаптация сайта Pro Berdiansk для мобильной версии

Сделать новостной сайт "под ключ"

В этой статье поможем вам выбрать подход к созданию новостного сайта и расскажем о функциональных особенностях порталов СМИ.

Разработка новостного сайта на WordPress или с нуля

Разработать портал новостей можно с помощью CMS или кастомной разработки – на фреймворке языка программирования. В качестве CMS мы используем WordPress, а при индивидуальном создании работаем на Python и Django.

Разработка на WordPress

Плюсы:

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

Минусы:

  • ограниченный функционал
  • ограничение максимальной нагрузки

Разработка на фреймворке

Плюсы:

  • гибкость
  • оптимизация под высокую нагрузку
  • безопасность

Минусы:

  • стоимость и время разработки

Что выбрать

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

Для выбора подхода к разработке вначале проекта необходимо спрогнозировать посещаемость. Для сайтов с малой и средней посещаемостью подходит WordPress. Для высоконагруженных новостных порталов – фреймворк.

Второй критерий – необходимость создания уникального функционала и стиля. Разработка с нуля дает бо́льшую гибкость. Например, можно лучше адаптировать админ-панель, подключить личные кабинеты пользователей и чат.

Особенности разных видов сайтов для СМИ

Интернет-СМИ делятся на агрегаторы и производящие контент издания.

Агрегаторы

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

Примеры популярных агрегаторов: Google News, Укр.нет.

Реализовать автоматический сбор новостей можно с помощью трех способов: API, парсинга или RSS.

API провайдера новостей
Некоторые онлайн-издания открывают доступ для распространения своих публикаций через специальный интерфейс – API. Наполнение портала через API не оказывает высокой нагрузки на сервер агрегатора и не нарушает авторских прав.

Парсинг
Новости можно собирать с помощью специально написанного скрипта – парсера. Он автоматически извлекает нужную информацию с заданных HTTP-адресов.

Парсер анализирует HTML-код страниц и извлекает нужные данные – тексты, картинки, другие вставки. Этот процесс нагружает процессор сильнее, чем синхронизация через API.

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

RSS
RSS – исторически один из первых форматов для распространения новостей в интернете. RSS до сих пор удобен и актуален. Но не все издания делятся полными статьями в этом формате. Часто доступны только анонс и ссылка на оригинал.
При перепосте статей с помощью RSS нужно учитывать политику каждого издания. Некоторые СМИ выпускают RSS-ленту только для чтения.

СМИ с редакцией
Второй тип новостных сайтов – интернет-издания с собственными авторами.

С точки зрения разработки, для СМИ с редакцией характерны такие особенности:

  • CMS с продвинутыми возможностями редактирования и загрузкой медиафайлов.
  • Многоступенчатая система учетных записей: читатель, гостевой автор, штатный автор, редактор, админ.
  • Защита от плагиата: ограничение возможности копирования или интеграция ссылки в буфер обмена.

Для дополнительного продвижения возможна настройка автоматической отправки анонсов новостей в агрегаторы.

Разделы и страницы новостных сайтов

Для порталов СМИ характерна разветвленная структура страниц с классификацией по темам и тэгам.

Неотъемлемые разделы сайтов новостей: главная страница, рубрики, страницы постов и админ-панель с CMS. Дополнительно можно предусмотреть поддержку личных аккаунтов посетителей.
Главная
Цель главной страницы – ознакомить читателя со свежими и важными новостями.

Обычно на главной находится:

  • раздел с анонсами ключевых новостей;
  • раздел с анонсами последних новостей;
  • лента с автоматической подгрузкой постов;
  • интерактивные виджеты (опросы, конверторы и т. п.);
  • навигация по рубрикам, облако тэгов.

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

Страница регистрации
Для получения персонализированного контента, читатели они должны войти на сайт под своей учетной записью. Она создается при регистрации.

Особенности страницы регистрации:

  • поддержка входа через соцсети;
  • защита от ботов,
  • проверка надежности пароля.

Страница содержит поля ввода данных, ссылки на пользовательское соглашение и политику конфиденциальности.

Админ-панель
Админка позволяет управлять сайтом: настраивать интерфейс и стиль, модерировать базу подписчиков и комментарии.

Через админ-панель редакторы добавляют, форматируют и исправляют статьи на сайте.

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

Разработка сайта для СМИ

Кроме базовых функций, таких как адаптированность под мобильные, в новостных ресурсах реализованы лента новостей, поиск с фильтрами, функционал монетизации и отправки уведомлений.

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

Поиск
У посетителей должна быть возможность искать нужную информацию на новостном портале с помощью поисковой строки, фильтров и тегов.

Для реализации поиска мы интегрируем готовые оптимизированные движки, такие как ElasticSearch.

Функционал монетизации

Платная подписка

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

К сайту нужно будет подключить платежные шлюзы. Они бывают внешними или интегрированными.

Внешние шлюзы перенаправляют пользователя на сервер платежной системы и возвращают обратно на сайт после подтверждения оплаты.

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

Реклама

Для монетизации в сайт можно интегрировать рекламные модули. Рекламодателем может выступать как ваш частный партнер, так и рекламная платформа, например, Google Adsense.

С помощью обработки Big Data крупные платформы показывают персонализированную рекламу, которая совпадает с интересами пользователя и не вызывает отторжения.

При разработке предусматривается возможность настройки размера и расположения баннеров и других рекламных вставок.

Анти-adblock

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

Формы сбора контактов и email-рассылка

Для набора базы подписчиков в сайт можно интегрировать плагин для сбора электронной почты. По базе можно рассылать дайджесты, промо-предложения и другие материалы.

Для рассылки мы советуем подключать специализированные сервисы, такие как MailChimp. Они берут автоматизацию процесса на себя.

Сервисы рассылки поддерживают индекс репутации IP-адресов своих серверов. Поэтому отправленные через них письма реже попадают в спам.

Короткие сообщения и напоминания можно отправлять читателям напрямую в браузер. Для этого внедряется функция подписки на push-уведомления.
Базовые функции
Новостные порталы поддерживают общие всех сайтов функции:

  • SEO-модуль и социальные кнопки,
  • подключение Google Аналитики,
  • адаптированность под мобильные.

По крайней мере, таких стандартов мы придерживаемся в своих проектах.

Примеры наших новостных сайтов
Новостной портал Бердянска
Сайт: https://pro.berdiansk.biz/
CMS: WordPress
Веб-сервер: Nginx
Язык программирования: PHP
JavaScript фреймворк: jQuery
Сайт построен на WordPress. По умолчанию эта CMS работает с сервером Apache, который не рассчитан на большое посещение. Для повышения устойчивости к нагрузке мы установили оптимизированный веб-сервер Nginx.

На данный момент сайт успешно справляется с нагрузкой в 1.6 млн просмотров в месяц.

Что еще сделали:
Подключили Google Аналитику и Facebook Business Manager.
Настроили показ рекламы, подключили Adsense.
Оптимизировали верстку под телефоны и планшеты.

Для совместимости со старыми браузерами при разработке использовали компилятор Babel.

Другие наши работы с подобным функционалом:
Портал Житомирской областной государственной администрации
Обучающий веб-ресурс KNOW Вопрос-ответ
Сколько стоит создание новостного сайта под ключ?
Цена разработки зависит от следующих факторов:

  • тип разработки – кастомная или на CMS;
  • количество страниц;
  • количество и сложность функций;
  • объем работы дизайнера;
  • порог нагрузки. О том, как рассчитать нагрузку, читайте в статье Разработка высоконагруженных проектов».

    Наша практика – давать конкретную оценку проекта после ознакомления с требованиями.

    Сколько длится разработка?
    В среднем разработка сайта новостей на WordPress занимает от трех месяцев, кастомная – от одного года. В целом на время разработки влияют те же факторы, что и на цену.

Спасибо за ваш интерес!

Мы с вами свяжемся в ближайшее время