Редизайн сайта это обновление вида, структуры или технической основы работающего сайта. Начинать его стоит с цифр: падение заявок, плохая конверсия с телефона, медленные страницы, дорогие правки. После редизайна теряют не из-за дизайна, а из-за потерь при переносе: сменённых адресов без редиректов, урезанных текстов, запрета индексации, сломанных форм и целей Метрики. Чтобы этого избежать, сохраните базовые цифры, составьте карту старых и новых адресов с редиректами 301 на близкие страницы, проверьте формы и аналитику на тестовом адресе и наблюдайте за показателями первый месяц после запуска.
Редизайн сайта это обновление внешнего вида, структуры или технической части работающего сайта, чтобы он лучше приводил клиентов. Нужен он тогда, когда цифры показывают проблему: падают заявки, сайт неудобен на телефоне, медленно грузится или его трудно дорабатывать. Главный риск редизайна в том, что вместе со старым дизайном можно выбросить то, что приносило заявки и позиции в поиске: адреса страниц, тексты, формы и настройки аналитики. Ниже разберём, как понять, нужен ли редизайн, какой именно, и как провести его без потерь.
Что такое редизайн сайта и чем он отличается от нового сайта
Редизайн меняет сайт, который уже работает, а не создаёт его с нуля. У сайта есть история: страницы в поиске, ссылки с других сайтов, цели в Метрике, связка с CRM. Всё это нужно перенести, иначе после запуска красивого сайта вы начнёте с пустого места.
| Что меняют | Как называется | Пример |
|---|---|---|
| Мелкие детали оформления: цвета, кнопки, шрифты | Рестайлинг | Обновили шрифт и сделали кнопки заметнее |
| Внешний вид и удобство при той же основе | Редизайн | Новая главная, страницы услуг и мобильная версия на том же движке |
| Логотип, название, фирменный стиль компании | Ребрендинг | Компания сменила название, сайт следом меняет стиль |
| Движок, структуру, адреса и дизайн одновременно | Новый сайт с переездом | Переход с самописной системы на новую с другой структурой разделов |
Граница между редизайном и новым сайтом проходит по технической основе. Если старый код мешает любой доработке, менять одну картинку бессмысленно. Как понять, что сайт накопил много таких проблем, рассказано в статье о техническом долге.
Когда редизайн нужен: признаки по цифрам, а не по вкусу
Редизайн нужен, когда есть измеримая проблема, которую нельзя решить точечной правкой. «Сайт выглядит устаревшим» это повод посмотреть цифры, но не причина всё переделывать.
| Признак | Где проверить | Что это значит |
|---|---|---|
| Заявок стало меньше при том же трафике | Метрика: цели и конверсия по месяцам | Проблема на страницах или в формах, а не в рекламе |
| С телефона заявок в разы меньше, чем с компьютера | Метрика: конверсия по типам устройств | Мобильная версия неудобна или её нет |
| Высокие отказы на страницах услуг | Метрика: отказы и Вебвизор по страницам входа | Человек не находит ответ на первом экране |
| Страницы медленно открываются на телефоне | PageSpeed Insights, отчёт Core Web Vitals | Тяжёлый код или картинки, часто нужна техническая переделка |
| Любая правка занимает дни и ломает соседние блоки | Сроки задач у подрядчика | Технический долг, редизайн без замены основы не поможет |
| Сменились услуги, аудитория или фирменный стиль | Структура сайта против текущего бизнеса | Нужна новая структура и тексты, а не только картинка |
Перед решением сохраните базовые цифры за последние 3–6 месяцев: визиты, заявки и конверсию по устройствам, позиции и трафик из поиска по главным страницам. Без них после запуска не получится честно сказать, стало лучше или хуже.
Виды редизайна: какой нужен вам
Редизайн бывает визуальный, конверсионный, технический и полный. Они отличаются тем, что меняют и чем рискуют, поэтому выбирать нужно по найденной проблеме.
- Пример: компания обновила логотип и цвета, структура и тексты сайта при этом работают.
- Следите: чтобы новые шрифты и фото не утяжелили страницы и не снизили контраст текста.
- Пример: на страницах услуг поднимают цену и сроки выше, упрощают форму до двух полей, добавляют примеры работ.
- Как делать: по одной группе страниц, сравнивая конверсию до и после.
- Пример: сайт переносят на новую основу с тем же видом и теми же адресами страниц.
- Следите: за адресами, метатегами, формами и интеграциями, они чаще всего ломаются при переносе.
- Пример: у компании новые направления, старая структура разделов их не вмещает, код устарел.
- Обязательно: карта старых и новых адресов, перенос текстов, тестовый адрес, приёмка по списку и наблюдение месяц после запуска.
Вывод: если проблема в заявках, начните с конверсионного редизайна; если в скорости и стоимости правок, с технического. Полный редизайн оправдан, когда не подходит ни структура, ни основа.
Почему после редизайна падают заявки и позиции
Заявки и позиции падают не из-за нового дизайна как такового, а из-за того, что при переделке потеряли что-то работающее. Почти все причины можно найти до запуска.
- Сменились адреса страниц. Старые адреса знают поиск, закладки и ссылки с других сайтов. Без перенаправлений они ведут на ошибку 404.
- Удалили тексты. Длинное описание услуги убрали ради «чистого» дизайна, и страница перестала отвечать на запросы, по которым её находили.
- Поменяли заголовки и метатеги. Новый заголовок красивее, но в нём больше нет слов, которыми клиенты ищут услугу.
- Закрыли сайт от индексации. На тестовой копии стоял запрет индексации, и его перенесли на рабочий сайт вместе с остальным кодом.
- Сломались формы и связки. Форма выглядит отлично, но заявка не доходит в CRM или в почту.
- Потеряли аналитику. Цели Метрики были привязаны к старым кнопкам, и после запуска заявки не считаются.
- Сайт стал тяжелее. Большие фото и анимации замедлили страницы на телефоне.
Как провести редизайн по этапам
Редизайн проводят от данных к дизайну, а не наоборот: сначала выясняют, что работает и что мешает, потом рисуют и разрабатывают, и только в конце запускают с проверкой.
- Аудит. Цифры за 3–6 месяцев, страницы, которые приносят больше всего трафика и заявок, жалобы клиентов и менеджеров, скорость, ошибки в Вебмастере.
- Цели редизайна. Два-три измеримых результата. Например: поднять конверсию в заявку с телефона, сократить время загрузки страниц услуг.
- Список того, что нельзя потерять. Страницы с трафиком, их адреса, тексты, заголовки, формы, цели, интеграции.
- Структура и прототип. Схемы ключевых страниц в сером цвете. Сначала договариваются о блоках и порядке, потом о красоте.
- Дизайн. Макеты для компьютера и телефона. Важные блоки старых страниц остаются, даже если меняют вид.
- Разработка на тестовом адресе. Копия закрыта от поиска паролем или запретом индексации, рабочий сайт продолжает принимать заявки.
- Приёмка. Проверка форм, целей, редиректов, скорости и мобильной версии по списку.
- Запуск и наблюдение. Первые недели после запуска сравнивайте цифры с базовыми каждый день или раз в несколько дней.
Хорошая основа для этапов 3–7 это задание, где перечислены страницы, функции и способ приёмки. Как его составить, разобрано в статье о техническом задании на разработку сайта.
Как сохранить позиции в поиске при редизайне
Позиции сохраняют три вещи: те же или перенаправленные адреса, те же или лучшие тексты и корректная техническая часть. Лучше всего, если адреса страниц вообще не меняются: тогда для поиска это та же страница с новым оформлением.
Если адреса меняются, нужна карта соответствия «старый адрес, новый адрес» и постоянные перенаправления с кодом 301.
Что говорят сами поисковые системы:
- Яндекс в справке Вебмастера советует перенаправлять страницы старого сайта на аналогичные страницы нового, а не все на главную: иначе посетителям неудобно, а робот дольше переиндексирует сайт. Яндекс прямо пишет, что не гарантирует сохранение позиций и трафика при переезде.
- Google в руководстве по переносу сайта со сменой адресов рекомендует серверные перенаправления 301 или 308, избегать длинных цепочек, обновить внутренние ссылки и canonical, отправить новый файл sitemap и держать перенаправления как можно дольше, минимум около года. Там же сказано, что позиции во время переноса могут колебаться, а обработка сайта среднего размера обычно занимает несколько недель.
Что ещё проверить для поиска до запуска:
- заголовки страниц, описания и H1 на важных страницах сохранены или улучшены, а не заменены на «красивые»;
- тексты не урезаны, а если сокращены, то без потери ответов на вопросы клиентов;
- на рабочем сайте нет запрета индексации, файл robots.txt разрешает обход нужных разделов;
- внутренние ссылки, меню и футер ведут на новые адреса без лишних перенаправлений;
- микроразметка (например, хлебные крошки, вопросы и ответы, организация) перенесена;
- новый sitemap готов к отправке в Вебмастер и Search Console.
Как не потерять заявки: формы, аналитика, CRM
Заявки теряются тише, чем позиции: сайт работает, но обращения не доходят или не считаются. Поэтому путь заявки проверяют отдельно, от кнопки до карточки в CRM.
- Формы. Отправьте тестовую заявку с каждой формы на компьютере и телефоне, включая форму в подвале и всплывающие окна.
- Доставка. Проверьте, что заявка пришла туда, куда раньше: в CRM, почту, мессенджер. Если сайт отправляет её через вебхук или API, проверьте журнал ошибок.
- Цели Метрики. Настройте цели заново на новые кнопки и формы, проверьте, что тестовая заявка засчиталась.
- Телефоны и мессенджеры. Номера кликабельны на телефоне, подмена номеров для коллтрекинга работает.
- Метки рекламы. Объявления ведут на существующие страницы, метки UTM передаются в заявку.
Если заявки с сайта должны попадать в CRM автоматически, пригодится разбор о подключении CRM к сайту.
Окупится ли редизайн: простой расчёт
Редизайн окупается за счёт дополнительных заявок, поэтому считать его стоит от трафика и конверсии, а не от того, сколько стоит работа. Если посетителей мало, даже хороший редизайн почти не изменит выручку.
Как считается: дополнительные заявки = визиты × прирост конверсии; продажи = заявки × доля продаж; прибыль = продажи × чек × маржа минус расходы в месяц. Прирост конверсии в примерах условный: 0,3 пункта значит, что из каждой тысячи посетителей заявку оставляют на 3 человека больше. Подставьте свои цифры из Метрики и CRM, а прирост берите осторожный.
Расчёт показывает и ещё одну вещь: при небольшом трафике часто выгоднее сначала поработать с тем, что приводит людей на сайт, а дизайн обновлять точечно.
Постепенно или всё сразу
Менять сайт можно по частям или одним запуском. Постепенный путь безопаснее, полный быстрее даёт цельный результат.
| Постепенно | Всё сразу | |
|---|---|---|
| Как выглядит | Сначала страницы услуг, потом главная, потом остальное | Новый сайт заменяет старый в один день |
| Риск для заявок и позиций | Низкий: видно, какая часть дала эффект | Выше: много изменений одновременно |
| Когда подходит | Основа сайта нормальная, проблемы в отдельных страницах | Меняется движок, структура или фирменный стиль |
| Минус | Какое-то время части сайта выглядят по-разному | Трудно понять, какое изменение что сломало |
Первые 30 дней после запуска
После запуска редизайн не закончен: первые недели решают, сохранятся ли заявки и позиции. Смотрите на одни и те же показатели в одно и то же время.
- Первые сутки. Тестовые заявки со всех форм, цели в Метрике, отсутствие запрета индексации, работа перенаправлений по выборке старых адресов.
- Первая неделя. Ошибки 404 и ошибки сервера в Вебмастере и Search Console, число заявок по дням, скорость главных страниц.
- Первый месяц. Трафик из поиска и позиции главных страниц против базовых цифр, конверсия по устройствам, страницы с выросшими отказами.
Если что-то просело, сначала ищите технические причины из списка выше, и только потом спорьте о дизайне. Постоянный присмотр за сайтом после запуска удобно отдать на сопровождение сайта: мониторинг форм, обновления и отчёт о сделанном.
Что подготовить перед началом работ
Чем больше исполнитель получит в первый день, тем меньше риск, что при переделке потеряется что-то важное. Соберите в одну папку:
- Доступы. Хостинг, панель управления сайтом, домен, Метрика, Вебмастер, Search Console, CRM. Лучше выдать отдельные учётные записи, а не делиться своими.
- Цифры. Выгрузка визитов, заявок и конверсии по месяцам, список страниц с наибольшим трафиком из поиска.
- Список того, что работает. Формы, калькуляторы, связки с CRM и мессенджерами, коллтрекинг, онлайн-оплата. Всё, что после запуска должно работать так же.
- Фирменный стиль. Логотип в векторе, цвета, шрифты, если они есть.
- Материалы. Новые фото, примеры работ, отзывы, документы и сертификаты, которые давно хотели добавить.
- Претензии к старому сайту. Что раздражает вас, менеджеров и клиентов. Это лучший источник задач для редизайна.
Отдельно договоритесь, кто и как сделает резервную копию старого сайта перед запуском. Если что-то пойдёт не так, к ней можно будет вернуться за минуты, а не восстанавливать сайт по памяти.
Типичные ошибки
- Редизайн без цели. «Сделать современнее» нельзя проверить, поэтому нельзя понять, получилось ли.
- Решения по вкусу. Блоки убирают, потому что они «некрасивые», а не потому что они не работают.
- Нет базовых цифр. После запуска нечем сравнить результат.
- Все старые страницы ведут на главную. Посетители теряются, а поиск дольше разбирается с новым сайтом.
- Запуск в пятницу вечером. Ошибки обнаружат в понедельник, когда заявки за выходные уже потеряны.
- Тесты только на компьютере. Мобильную версию проверили в уменьшенном окне браузера, а не на настоящем телефоне.
Частые вопросы
Как понять, что сайту нужен редизайн?
По цифрам: заявок стало меньше при том же трафике, с телефона конверсия в разы ниже, на страницах услуг высокие отказы, страницы медленные, а любая правка занимает дни. Если проблема одна и локальная, часто хватает точечной доработки.
Упадут ли позиции после редизайна?
Могут временно колебаться, особенно если меняются адреса страниц. Google прямо пишет о нестабильности позиций при переносе, Яндекс не гарантирует сохранение трафика. Риск снижают неизменные адреса или редиректы 301 на близкие страницы, сохранённые тексты и метатеги.
Можно ли менять адреса страниц при редизайне?
Можно, но лучше без нужды не менять. Если меняете, составьте карту всех старых и новых адресов, настройте постоянные редиректы 301 на близкие по смыслу страницы и держите их не меньше года, как советует Google.
Чем редизайн отличается от рестайлинга?
Рестайлинг меняет мелкие детали оформления: цвета, шрифты, кнопки. Редизайн меняет вид и удобство страниц, а иногда структуру и техническую основу. Если меняется всё, включая движок и адреса, это уже новый сайт с переездом.
Как часто нужно делать редизайн?
Единого срока нет. Повод это не возраст сайта, а цифры и задачи бизнеса. Регулярные небольшие улучшения по данным аналитики обычно безопаснее, чем полная переделка раз в несколько лет.
Сколько длится редизайн?
Зависит от вида и объёма: обновление стиля нескольких шаблонов идёт быстрее, полный редизайн со сменой структуры и основы дольше. Закладывайте отдельно месяц наблюдения после запуска, это часть проекта.
Что делать, если после редизайна упали заявки?
Сначала проверьте техническое: формы и доставку заявок, цели Метрики, запрет индексации, редиректы и ошибки 404, скорость. Потом сравните конверсию по страницам с базовыми цифрами и верните блоки, которые убрали с важных страниц.
