Содержание кейса
Медиа
Начальные данные
Цели работ
- /01Частичное сохранение оригинального дизайна старого сайта
- /02Формирование шаблона для каждого типа страницы
- /03Расширение структуры страниц необходимыми для перелинковки блоками
- /04Разработка структуры сайта с учетом 8 отдельных сущностей и таблиц связей блоков между ними
- /05Формирование масштабного ТЗ: внутреннее функционирование страниц в CMS, техническая оптимизация, индексация сайта
- /06Создание трех языковых версий сайта – UA, EN, ru
Проблематика и общая стратегия
Клиент работает на рынке более 5 лет и имеет стильный, но недостаточно оптимизированный сайт, который не использует потенциал SEO для привлечения органического трафика. Крупнейшие конкуренты в нише имеют большие сайты с тысячами страниц, разветвленной системой внутренней перелинковки, которая позволяет эффективно привлекать трафик через информационный контент.
Основной сложностью было создание и реализация стратегии SEO для сайта, имеющего большое количество взаимосвязанных элементов: услуга-страна-уровень-специальность-университет-кейс и т.д. Это затрудняло как описание программисту, так и реализацию функционала в админке сайта. Нужно было обеспечить правильную генерацию и отображение этой сложной информации.
Стратегия заключалась в создании не просто сайта услуг, а масштабного портала, который объединял бы информационную часть (блог и страницы по нишевым ключам) с коммерческой частью (услуги, отзывы, кейсы). Согласно нашим исследованиям, почти 60% трафика в нише генерируется именно за счет нишевых информационных ключей, поэтому их обязательно нужно было учесть для достижения ТОП-позиций по коммерческим запросам.
Анализ ниши показал, что существуют два типа сайтов: крупные, с широкой и детализированной структурой, которые занимают большую часть трафика, и старые, маленькие сайты, которые имеют высокий авторитет и занимают ТОП благодаря возрасту. Наша задача заключалась в том, чтобы создать сайт, приближенный к лидерам этой ниши – крупным порталам, что позволит нам пройти первый этап продвижения. Со временем, постоянно наполняя сайт новым контентом, оптимизируя его технически и работая со ссылками, мы планируем постепенно вытеснять текущих лидеров.
SEO на этапе разработки
Работа началась с того, что были проанализированы конкуренты, чтобы понять основные «тренды» в нише. Также было очень подробно проведено брифинг клиента, чтобы определить, какой функционал должен быть на страницах, и как именно он должен работать. Далее были собраны все рекомендации по наличию необходимых блоков на всех страницах для продвижения, их потенциальному виду, функциональности, принципу работы и формированию. На основе этого были созданы предварительные мокапы, черно-белые прототипы для всех типов шаблонов, которые были переданы дизайнерам для дальнейшей работы.
Следующим этапом был процесс формирования списка сущностей, которые будут общими для всего сайта. Нам нужно было определить, какие блоки на страницах должны подтягиваться через связи, и как именно они должны работать. На основе этого было выделено три группы элементов:
- Статические блоки (формы, преимущества и т.д.);
- Блоки с сущностями для перелинковки и взаимосвязей (блок отзывов, университетов, стран, специальностей, услуг и т.д.);
- Уникальные блоки — эти блоки повторяются только в одном шаблоне.
После этого структура каждого шаблона была дополнена блоками перелинковки, необходимыми для удобной навигации пользователя.
Следующее направление работ — это формирование ТЗ для программиста на базовую техническую оптимизацию. В этом ТЗ были указаны 90% основных технических ошибок, которые часто встречаются на сайтах и которые необходимо учесть, чтобы избежать их на новом сайте: редиректы, формирование и функционирование страниц пагинации, перелинковки и прочее. Также к этому ТЗ были добавлены задачи по улучшению индексации сайта: правильное формирование карты сайта, внутренней перелинковки, настройка robots.txt и т. д.
Далее было сформировано ТЗ программисту по специфическим настройкам сущностей и взаимосвязей между ними, настройке работы SEO-фильтра по основным параметрам, а также генерации мета-тегов для всех страниц сайта.
Отдельным направлением работ было формирование ТЗ на функционирование всего сайта. Это ТЗ стало основой для объединения Front-end и Back-end. В нем были описаны все шаблоны страниц с их функциональностью. Также были описаны все необходимые поля в админке для удобства администрирования и функционирования сайта.
Дизайн
Концепт и цветовая гамма были взяты из дизайна старого сайта, но фактическая структура страниц, блоков и элементов была значительно расширена, поскольку сайт по шаблонам страниц был увеличен с 5 до 14. Сначала была нарисована десктопная версия с учетом адаптивности — обсужден весь функционал и перелинковка между сущностями. Затем сформировали мобильную версию, ориентируясь на максимальное удобство для пользователей, которые осуществляют заказы через мобильный телефон. После того, как обе версии были отредактированы и согласованы, был создан промежуточный планшетный вариант.
Верстка
На основе готового дизайна была сделана верстка всех шаблонных страниц сайта с полной анимацией и минимальным функционалом переходов для отображения первичной функциональности. Полноценно были сделаны 3 размерных экрана, а весь дизайн адаптирован к нестандартным размерам экранов.
Программирование и Back-end
На основе готовой верстки, ТЗ на функционирование сайта и задач по оптимизации была реализована работа сайта на основе CMS WordPress. Основными и нестандартными решениями при разработке были:
- Создание 8 отдельных сущностей, для которых были разработаны индивидуальные дизайны и настроена логика размещения блоков сущностей на страницах сайта и перелинковки между ними. Также разработан функционал внутренней связи сущностей в админке для удобства заполнения, который автоматически обновляет и подтягивает актуальные данные на страницы сайта.
- Обвязка основных услуг информационными страницами для привлечения теплого трафика из ниши.
На данный момент сайт находится в процессе наполнения и внесения переводов на уже наполненные страницы украинской версии.
Результаты
В настоящее время на сайте полностью прорисован дизайн всех типовых страниц и сделана адаптивная верстка для десктопов, планшетов и мобильных телефонов с акцентом именно на них. Под новую структуру и сложные связи был разработан бэкенд на базе CMS WoerdPress, поскольку она является самым простым и дешевым вариантом для реализации всего продуманного. Каждая сущность создана через отдельный тип записи, что очень удобно для связывания их между собой и работы с ними. Сейчас сайт уже на последней стадии наполнения и тестирования функционала. И до конца 2025 года будет сделан запуск нового сайта.
| Параметры | Дизайн | Верстка | Сайт |
|---|
Сейчас сайт активно дорабатывается как по бэкенду, так и по фронтенду — происходят доработка и улучшение UI/UX на этапе тестирования. Кроме того, активно продолжается процесс наполнения контентом, который создается для новых шаблонов страниц. Параллельно осуществляется написание новых текстов и перевод готовых материалов для наполнения всех языковых версий сайта.
После базового наполнения сайта будет проведен технический аудит, а также настроены основные требования для индексации не только классическими поисковыми системами, но и всеми перспективными AI-сервисами и LLM-системами, что особенно важно на сегодняшний день.
После этого сайт будет перенесен на рабочий домен через редиректы со старых страниц, и начнется процесс SEO-оптимизации, направленный на достижение максимальных результатов в поисковых системах.
