[Кейс] Как редизайн и работа с SEO меняют отношение к бренду: разработка сайта для видеостудии

Редакция «Текстерры»

Студия «ВидеоЗаяц» специализируется на создании анимационных рекламных роликов, презентационных видео и имиджевых роликов для повышения узнаваемости бренда.

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

В процессе создания фирстиля наши команды общались по проекту, и в итоге «ВидеоЗаяц» решил вместо ребрендинга перезапустить весь сайт.

Зафиксировали самое важное, что хотелось бы видеть:

• уникальный дизайн;
• интерактивный UI-kit (анимация, анимация при наведении, смена координат изображения и изменение масштаба, цвета или иконки при наведении);
• удобная структура и интерфейс.

В качестве CMS выбрали WordPress.

Общий пул выполненных работ

• Спроектировали уникальную структуру сайта.
• Создали семантическое ядро на основании анализа конкурентов.
• Создали карту релевантности, проработали структуру сайта на основании ключевых запросов.
• Создали уникальный контент на основании ключевых запросов: тексты на сайт, метатеги для старых и новых страниц, описания изображений.
• Создали прототипы на основании UX-аудита.
• Написали разметку HTML, Bootstrap, создали стилизацию элементов CSS, реализовали интерактивные элементы на JavaScript и jQuery.
• Зарегистрировали хостинг и создали базу данных, развернули CMS Wordpress на хостинге, развернули HTML-код на CMS, склеили зеркала страниц, установили все необходимые плагины.
• Начали работы по продвижению сайта.

Реализация

Первый месяц

1. Работа с посадочными страницами.

На основании карты релевантности проработали посадочные страницы сайта:

• проанализировали выдачу и подготовили ТЗ на новые тексты;
• оптимизировали и отредактировали контентную часть;
• заверстали контент на посадочные страницы сайта.

2. Анализ ключей по конкурентности.

Собрали информацию по конкурентности каждого ключа и по внутренней оптимизации страниц конкурентов по ключам. Рассчитали эффективные ключи и собрали релевантные, собрали пул рекомендаций.

3. Сбор аналитики: мониторинг состояния сайта в поисковых системах; мониторинг конверсии; расширение, корректировка и обновление информации в «Яндекс.Вебмастер».
4. Подготовка отчета по трафику и конверсиям. Подготовка чек-листа технического состояния сайта. Съем позиций по ключам с семантики.
5. Дорожная карта проекта.
6. A/B-тестирование.
7. UX-аудит.

Параллельно мы заканчивали ребрендинг. Вот так выглядел процесс разработки нового дизайна:

Второй месяц

1. Работа с посадочными страницами.

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

• Ежедневный мониторинг состояния сайта в поисковых системах.
• Создание контента на целевые страницы.
• Создание и настройка пуш-уведомлений.

2. Работа с панелями (Яндекс.Вебмастер и Google Search Console).

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

Также проверили файл sitemap.xml – документ, который помогает поисковому роботу ориентироваться на сайте и эффективно индексировать страницы.

3. Подбор релевантных внешних площадок, подготовка и размещение 1 материала.
4. Добавление компании на Google My Business.

Скорректировали и обновили информацию на GMB, добавили новые адреса.

5. Работа с изображениями.

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

6. Подготовка отчета по трафику и конверсиям. Подготовка чек-листа технического состояния сайта. Съем позиций по ключам с семантики.

Что делали дальше

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

Так сайт выглядит сегодня: