Задачи
- Разработка новостного портала
- Разработка личного кабинета на поддомене support
- Адаптация под мобильные устройства
- SEO оптимизация
- Разработка рекламного кабинета
- Перенос новостей и пользователей
- Создание RSS
- Соответствие требованиям новостных агрегаторов
Анализ
Выполнили анализ конкурентов, занимающих лидирующие позиции в поисковых системах. Выявили их сильные и слабые места, составили сводную таблицу в excel. Некоторые особенности конкурентов:
- долгая загрузка страниц;
- обилие рекламы;
- устаревший дизайн.
Выполнили брифинг с целью получения максимально полной информации о компании заказчика. Запросили все необходимые материалы.
Прототипирование и дизайн
Собрали структуру сайта в программе Xmind, опираясь на текущую структуру сайта и пожелания заказчика. Разработали структуру каждой страницы сайта, отрисовали и утвердили дизайн каждого раздела.
Разработка
Выполнили ряд мероприятий в хронологическом порядке:
- выполнили верстку и программирование новостного сайта;
- установили и настроили CMS WordPress;
- привели текущие данные заказчика к единому виду и выполнили их перенос;
- вынесли элементы, доступные заказчику для редактирования, в административную панель;
- оптимизировали скорость загрузки сайта;
- устранили синтаксические неточности в HTML, CSS и JS;
- выполнили тестирование сайта на различных устройствах, устранили выявленные недоработки;
- установили защиту на административную панель;
- выполнили контрольную проверку работоспособности и отдали сайт на проверку заказчику;
- выполнили верстку и программирование личного кабинета по адресу support.tomsk.ru;
- установили и настроили CMS WordPress;
- привели текущие данные пользователей заказчика к единому виду и выполнили их перенос;
- подключили платежную систему;
- подключили Reg.ru;
- вынесли элементы, доступные заказчику для редактирования, в административную панель;
- оптимизировали скорость загрузки личного кабинета;
- устранили синтаксические неточности в HTML, CSS и JS;
- выполнили тестирование личного кабинета на различных устройствах, устранили выявленные недоработки;
- установили защиту на административную панель;
- выполнили контрольную проверку работоспособности и отдали личный кабинет на проверку заказчику;
- доработали новостной сайт и личный кабинет, согласно пожеланиям заказчика;
- подготовили инструкции по управлению сайтом для новостного сайта (редактор, маркетолог, администратор) и личного кабинета (администратор).
Особенности РК
За основу рекламного кабинета взята AJAX технология, которая отображает в коде всего лишь один баннер. Таким образом, 1 рекламная зона = 1 баннер. Благодаря этому, вес страниц сайта уменьшился и скорость загрузки страниц стала заметнее выше.
Количество баннеров в одной рекламной зоне неограниченно. Каждому баннеру присвается процент показов, на каждую рекламную зону выделено 100% показов.
Технология AJAX также используется и на других популярных площадках, например, в Яндекс и Google.
Функционал редактора
Основные возможности:
- создавать\редактировать\удалять рубрики в неограниченном количестве;
- создавать\редактировать\удалять новости в неограниченном количестве;
- использовать отложенную публикацию новостей;
- публиковать новость в черновик (статья не попадает в индекс и не публикуется на сайте);
- публиковать закрытую новость (статья не отображается на сайте и не попадает в индекс, но доступна по специальной ссылке);
- изменять даты публикаций новостей;
- изменять мета теги и url новостей;
- добавлять в новость: фото, галереи фото, видео, аудио, ссылки, цитаты;
- создавать\редактировать\удалять спецпроекты в неограниченном количестве,
- устанавливать обложку новости;
- устанавливать количество просмотров для каждой новости (просмотры считаются автоматически, но редактор может изменять значение по своему усмотрению);
- выделять новость иконкой огня;
- закреплять новость вверху своей рубрики;
- закреплять новости на главной странице сайта;
- сортировать закрепленные новости в любом порядке.
Функционал маркетолога
Основные возможности:
- создавать\редактировать\удалять рекламные баннеры;
- добавлять неограниченное количество баннеров в одну рекламную зону;
- устанавливать время показа рекламных баннеров;
- устанавливать дату публикации и снятия рекламных баннеров;
- использовать следующие форматы в качестве рекламного баннера: jpg, png, jpeg, gif, mp4, html5;
- смотреть статистику по показам\кликам конкретного баннера (есть возможность установить временной промежуток по датам);
- присваивать баннерам процент показа.
Функционал администратора
Основные возможности:
- функционал редактора;
- функционал маркетолога;
- создавать\редактировать\удалять всех пользователей, включая администраторов;
- редактировать robots.txt, sitemap.xml;
- редактировать страницы сайта;
- редактировать SEO настройки сайта.
Функционал пользователя (личный кабинет)
Основные возможности:
- самостоятельно регистрироваться в системе;
- пополнять баланс личного кабинета;
- покупать домены (процесс регистрации и создания домена происходит автоматически — без вмешательства администратора);
- делегировать купленный домен или редактировать его записи;
- продлевать купленные домены;
- включать режим автоматического продления услуг (деньги автоматически списываются с баланса в день оплаты);
- оставлять заявку на регистрацию хостинга;
- смотреть историю платежей;
- выгружать историю платежей за нужные даты.
Сайт самостоятельно уведомляем пользователя о нехватке средств на балансе для продления услуг за 30\15\7\1 день до этого посредством отправки email оповещений.
Функционал администратора (личный кабинет)
Основные возможности:
- создавать\редактировать\удалять всех пользователей, включая администраторов;
- начислять и списывать средства у пользователей;
- выгружать отчеты по регистрациям и оплатам доменов;
- оплачивать услуги за пользователя;
- присваивать доменам классы;
- редактировать стоимость регистрации\продления каждого класса доменов;
- редактировать все домены (купленные и некупленные);
- восстанавливать из бэкапа настройки для каждого купленного домена (у каждого домена хранится своя история внесения изменений, которую можно посмотреть и при желании восстановить);
- редактировать текст email уведомлений.
RSS
Разработали RSS Feed, соответствующий требованиям новостных агрегаторов Яндекс и Google. Успешно прошли модерацию. Feed работает автоматически и не требует дальнейшего вмешательства.
SEO оптимизация
Выполнили ряд мероприятий в хаотичном порядке:
- создали robots.txt, закрыли лишние разделы;
- создали sitemap.xml, настроили автоматическое заполнение;
- установили H1 заголовки;
- отредактировали URL страниц;
- создали маски для сниппетов;
- правильно распределили внутренний вес сайт;
- добавили микроразметку;
- внесли правки в Google Search Console и Яндекс Вебмастер;
- убрали из индекса все лишние страницы.
Другие работы
Выполнили ряд иных мероприятий:
- подготовили инструкции по управлению сайтом;
- выполнили перенос всего ресурса с одного сервера на другой, удалив все ненужные материалы;
- выполнили настройку сервера.