Редизайн сайта нужен, когда текущий сайт перестал помогать бизнесу: выглядит устаревшим, неудобен на телефоне, не отражает новые услуги или просто не приносит заявок. Но обновление несёт и риск: можно потерять позиции в поиске и привычные для клиентов сценарии. В клубе ВИПМИ мы проводим редизайн поэтапно, с сохранением того, что уже работает. Как устроена работа над визуалом, рассказано на странице обновление дизайна сайта и макеты страниц.
В статье разберём признаки, что пора обновляться, виды редизайна, этапы работ и чек-лист, который поможет сохранить трафик и заявки при смене дизайна и структуры.
Когда нужен редизайн сайта
Само по себе «давно не обновляли» — не причина для редизайна. Причины должны быть связаны с результатами бизнеса:
- сайт неудобен на телефоне, а большая часть посетителей приходит именно с мобильных;
- посетители заходят, но не оставляют заявок, и анализ показывает проблемы с интерфейсом;
- дизайн не соответствует уровню компании и мешает работать с крупными клиентами;
- появились новые услуги или продукты, которые некуда встроить в текущую структуру;
- изменился фирменный стиль, и сайт выглядит как чужой;
- сайт медленно загружается из-за устаревшей вёрстки и тяжёлых элементов;
- каждое изменение требует программиста, потому что сайт собран без системы.
Важно знать. Перед редизайном зафиксируйте текущие показатели: посещаемость, позиции по ключевым запросам, количество заявок, конверсию основных страниц. Без этой точки отсчёта невозможно понять, стало ли лучше после обновления.
Виды редизайна: от косметики до полной переделки
| Тип | Что меняется | Когда подходит |
|---|---|---|
| Косметический | Цвета, шрифты, изображения, отдельные блоки | Сайт работает, но выглядит устаревшим |
| Частичный | Ключевые страницы и шаблоны, мобильная версия | Проблемы сосредоточены в отдельных разделах |
| Структурный | Навигация, разделы, логика страниц | Бизнес изменился, структура не отражает услуги |
| Полный | Дизайн, структура, платформа, контент | Сайт технически устарел и не поддаётся доработке |
Чем глубже изменения, тем выше потенциальный эффект и тем выше риск для поискового трафика. Поэтому выбор типа редизайна — первое и самое важное решение.
Редизайн сайта без потери позиций: главные правила
Поисковые системы ранжируют страницы, а не сайт в целом. Если страницы, которые приводят посетителей, исчезнут или резко изменятся, позиции просядут. Чтобы этого избежать:
- Сохраните адреса страниц. Если менять адреса необходимо, настройте постоянные перенаправления со старых на новые.
- Сохраните контент, который ранжируется. Тексты можно улучшать, но не стоит удалять полезные разделы ради «минимализма».
- Перенесите метатеги. Заголовки и описания страниц не должны потеряться при переносе.
- Проверьте внутренние ссылки. Новая навигация не должна оставить важные страницы без ссылок.
- Сохраните скорость. Новый дизайн с тяжёлыми анимациями может замедлить сайт.
- Обновляйте на тестовой копии. Новый сайт проверяется отдельно и переключается одним действием.
Осторожно. Самая частая причина падения трафика после редизайна — массовая смена адресов без перенаправлений. Посетители и поисковые роботы попадают на страницу ошибки, а накопленный вес страниц теряется.
Этапы редизайна
- Аудит текущего сайта. Аналитика, поведение посетителей, SEO, техническое состояние, обратная связь от менеджеров.
- Цели и гипотезы. Что именно должно стать лучше и как это измерить.
- Структура и прототипы. Обновлённая карта сайта и схемы ключевых страниц.
- Дизайн и UI-кит. Визуальный язык и библиотека компонентов.
- Вёрстка на тестовой копии. С переносом контента и настройкой перенаправлений.
- Проверка. Формы, аналитика, скорость, мобильная версия, метатеги, ссылки.
- Запуск и наблюдение. Контроль позиций, трафика и заявок в первые недели.
Прототипирование при редизайне особенно полезно, потому что позволяет сравнить старую и новую логику страниц до вложений в дизайн. Подробнее об этом этапе — в статье прототип сайта и зачем он нужен.
Плюсы и минусы редизайна
| Плюсы | Минусы |
|---|---|
| Сайт снова соответствует уровню и задачам компании | Есть риск временной просадки трафика |
| Улучшается удобство и конверсия | Требует времени команды на согласования |
| Можно обновить технологию и ускорить сайт | Привычные клиентам сценарии меняются |
| Появляется основа для дальнейшего развития | Полная переделка дороже точечных улучшений |
Поэтапный редизайн как альтернатива
Не обязательно менять всё за один раз. Можно начать с самых важных шаблонов, например страницы услуги или карточки товара, запустить их, проверить показатели и двигаться дальше. Так снижаются риски, а результаты видны раньше. Для поэтапного обновления удобно сразу создать дизайн-систему: новые компоненты постепенно заменяют старые. О том, как она устроена, читайте в материале библиотека компонентов и единый стиль сайта.
Мнение эксперта
«Редизайн, после которого упали заявки, почти всегда сделан по принципу «красиво». Мы начинаем с вопроса, что сейчас работает: какие страницы приносят клиентов, какие блоки читают, какие кнопки нажимают. Это сохраняется и усиливается, а меняется то, что мешает. Тогда обновлённый сайт не только выглядит лучше, но и приносит больше.»
Эксперт клуба ВИПМИ, арт-директор клуба
Чек-лист перед запуском обновлённого сайта
- все старые адреса открываются или перенаправляют на новые;
- метатеги и заголовки страниц перенесены;
- формы отправляют заявки во все нужные каналы;
- счётчики аналитики и цели работают;
- мобильная версия проверена на нескольких устройствах;
- скорость загрузки не хуже, чем была;
- карта сайта обновлена и отправлена в поисковые системы;
- нет тестовых страниц и закрытых от индексации разделов, которые должны быть открыты.
Совет. После запуска ежедневно смотрите в инструменты для вебмастеров первые две недели. Ошибки сканирования и недоступные страницы лучше найти в первые дни, пока они не повлияли на позиции.
Кто должен участвовать в редизайне со стороны компании
Редизайн затрагивает многие отделы, поэтому полезно привлечь не только руководителя и маркетолога. Менеджеры по продажам знают, какие вопросы задают клиенты и чего им не хватает на сайте. Специалист по продвижению подскажет, какие страницы нельзя трогать без подготовки. Сотрудник, который наполняет сайт, расскажет, где админка неудобна. Короткие интервью с каждым из них дают подрядчику больше полезной информации, чем любой бриф.
При этом решения должен принимать один человек. Иначе обсуждение каждого блока превращается в согласование между отделами, и проект затягивается. Назначьте ответственного, который собирает мнения и утверждает итоговые варианты.
Как понять, что редизайн удался
Через несколько недель после запуска сравните показатели с теми, что вы зафиксировали до начала работ: посещаемость, позиции по важным запросам, число заявок, конверсию ключевых страниц, долю мобильных посетителей, которые доходят до формы. Небольшие колебания в первые дни нормальны, поисковым системам нужно время на переиндексацию. Если же какой-то показатель устойчиво хуже, разбирайтесь точечно: какая страница просела, что на ней изменилось, нет ли технической ошибки. Общие принципы проектирования дизайна страниц мы разбирали в статье как заказать дизайн страниц сайта.
Что делать с контентом при редизайне
Обновление дизайна — удобный повод пересмотреть тексты и изображения. Пройдитесь по всем страницам и разделите их на три группы: оставить как есть, обновить, удалить или объединить. Страницы, которые приводят посетителей из поиска, лучше дорабатывать аккуратно: дополнять, а не переписывать с нуля. Устаревшие новости и акции можно убрать, но с перенаправлением на актуальный раздел. Фотографии низкого качества стоит заменить: новый дизайн с плохими изображениями выглядит хуже старого.
Если на сайте есть блог, проверьте, какие статьи ещё приводят читателей. Их стоит перенести в новый шаблон в первую очередь и при необходимости обновить устаревшие данные и ссылки.
Частые вопросы
Как часто нужно делать редизайн?
Нет фиксированного срока. Ориентируйтесь на показатели и задачи бизнеса. Иногда регулярные небольшие улучшения полезнее, чем полная переделка раз в несколько лет.
Упадут ли позиции после редизайна?
При сохранении адресов, контента и метатегов значительной просадки обычно удаётся избежать. Небольшие колебания в первые недели возможны.
Можно ли сделать редизайн без смены платформы?
Да. Если сайт работает на WordPress, часто достаточно новой темы или доработки существующей с переносом контента.
Что делать со старым контентом?
Провести ревизию: полезные страницы сохранить и обновить, дубли объединить, устаревшие перенаправить на актуальные разделы.
Нужно ли закрывать сайт на время редизайна?
Нет. Работа идёт на тестовой копии, а текущий сайт продолжает работать до момента переключения.
Проведём аудит перед редизайном
Покажите текущий сайт, и мы оценим, что стоит сохранить, что изменить и какой тип редизайна даст результат без лишних рисков.
