Розробка новинного сайту
У цій статті допоможемо вам вибрати підхід до створення новинного сайту і розповімо про функціональні особливості порталів ЗМІ.
Розробка новинного сайту на 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 займає від трьох місяців, кастомними - від одного року. В цілому на час розробки впливають ті ж фактори, що і на ціну.