О задаче

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

Промышленная компания с корпоративным сайтом

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

С чем пришла промышленная компания к редизайну сайта

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

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

Задача редизайна корпоративного сайта

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

Особенности редизайна сайта промышленной компании

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

По открытым материалам рынка даже при корректной подготовке трафик проседает на 15-25% и отыгрывается за 4-8 недель. Без подготовки, по тому же материалу, восстановление тянется от полугода до года. Ограничений закона для редизайна в источниках нет. Рамки задают индексация и скорость загрузки, их и держим в фокусе при переносе.

Как мы делали редизайн сайта от аудита до запуска

Бриф и замер стартовых показателей

Работу начинаем сразу после оплаты, бриф занимает 1 день.

Фиксируем трафик, позиции, конверсии и отказы, дату запуска отмечаем в Метрике.

Аудит сайта до редизайна

Аудит идет 3-5 дней: ищем адреса, которые приносят обращения.

Стратегия занимает 5-7 дней, дальше работаем циклами по 4 недели.

Прототип и варианты дизайна

Прототип для нас промежуточная стадия, основное время уходит на дизайн.

Верстку начинаем после согласования макета.

Мобильная версия и типографика

Дизайн собираем сразу с мобильной версией.

Размеры шрифта единые, основных шрифтов два, для заголовков и для текста.

Перенос без потери страниц

Каждый старый адрес ведем 301-редиректом на страницу того же смысла, массового редиректа на главную нет.

Тексты и alt у изображений сохраняем. По открытым материалам рынка удалять стоит не больше 5-10% адресов, причем только без трафика, и мы так делаем.

Проверяем robots.txt, обновляем карту сайта, готовим понятную страницу 404.

Скорость загрузки

Ответ сервера и загрузку первого экрана сверяем с целями из задачи.

Запуск и контроль 30 дней

Первым делом на запуске проверяем код аналитики, затем скорость и индексацию.

Следующие 30 дней следим за трафиком, позициями и конверсией в Метрике и Вебмастере.

Тексты ключевых страниц обновляем по 2-3 с паузой 2-3 недели.

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

Что получила компания после редизайна и как применяет

Числовые примеры из материала не являются подтверждёнными результатами клиента.

Пример результата в нише. Так обычно выглядит итог за 3 месяца в таких проектах по открытым кейсам рынка: конверсия главной с 0,8 до 1,6%, отказы с 35 до 24%, глубина просмотра с 1,9 до 2,6 страницы, заявки с сайта с 20 до 40 в месяц. Заметнее всего меняется мобильный трафик, где раньше посетители чаще уходили с первой страницы.

Компания получила новый дизайн с мобильной версией, карту редиректов и чек-лист запуска для следующих правок. Для ориентира берем открытый кейс рынка, где длительность периодов не указана: там отказы на главной сократились с 16 до 13,3%, глубина просмотра выросла с 2,17 до 2,8 страницы, время на сайте с 3:14 до 3:58, а в мобильном трафике внутренней страницы отказы снизились с 22,5 до 15,6%. Эти цифры чужие, за результат клиента мы их не выдаем.

Ограничения проекта

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

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

Выводы для владельца сайта перед редизайном

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

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