Редизайн сайта: когда нужен и как провести без потери трафика

Редизайн — одна из немногих задач, где за один релиз можно и поднять продажи, и обнулить поисковый трафик, копившийся годами. Сам по себе новый дизайн позиции не роняет. Роняют другие вещи: адреса страниц поменяли без карты редиректов, стенд с запретом индексации выкатили на боевой домен, из шаблона пропали заголовки, а тексты «почистили для воздуха». Всё это предотвратимо.

Статья для владельца бизнеса и маркетолога, который решает, нужен ли сайту редизайн и как провести его без потери заявок из поиска. Разберём признаки, аудит, карту редиректов, тестовый стенд, запуск и мониторинг, а в конце посчитаем цену ошибки на примере. Рекомендации по переезду сверены со справкой Яндекс Вебмастера и документацией Google Search Central.

Семь признаков, что сайту пора меняться

Желание «обновить» возникает у каждого руководителя, который открыл свой сайт рядом с сайтом конкурента. Это не повод начинать проект. Повод — проблема, которую можно измерить и которую способны решить дизайн и структура.

Веские признаки подкреплены цифрой: мобильная конверсия заметно ниже десктопной при сопоставимом трафике, много выходов на шаге оформления, одни и те же вопросы в поддержку. Слабые звучат иначе: «сайту пять лет», «у конкурента красивее», «директору не нравится главная». Если за проблемой не стоит метрика, начните с аудита, а не с брифа дизайнеру.

Когда редизайн не поможет: четыре ситуации, где дело не в дизайне

Новый дизайн приятно показать на совещании, но он не лечит то, что сломано глубже. Исключите эти случаи до начала проекта.

• Трафик упал из-за поиска. Посмотрите, откуда просели визиты: поиск, реклама или прямые заходы. Падение органики может объясняться сменой выдачи, конкурентами или техническим сбоем вроде случайно закрытого раздела. Новый сайт поверх нерешённой технической проблемы её унаследует.
• Слабое предложение. Красивая страница не продаст товар, который дороже аналога без объяснения причин. Сначала проверьте оффер, условия и отзывы на одной посадочной.
• Заявки теряются после сайта. Форма работает, а менеджер перезванивает через сутки. Сверьте число заявок с числом продаж: если разрыв там, чинить нужно обработку обращений, а не вёрстку.
• Тормозит сервер. Перегруженный тариф и отсутствие кэширования дают долгую загрузку при любой вёрстке. Замерьте время ответа сервера отдельно от времени отрисовки страницы.

Рестайлинг, редизайн или сайт с нуля: какую глубину вмешательства выбрать

Слово «редизайн» покрывает три разных проекта с разным бюджетом и риском для трафика. Различать их нужно до сметы: иначе один подрядчик посчитает перекраску, другой — новую платформу, и сравнить предложения будет нельзя.

Чем больше слоёв вы меняете одновременно, тем труднее найти причину просадки. Google в справке по переезду советует менять что-то одно за раз: например, сначала перенести сайт на новый домен, а уже потом менять дизайн.

Пять вопросов: переделывать или строить заново

Ответьте «да» или «нет» на каждый.

1. Платформа поддерживается, и для неё выходят обновления безопасности?
2. Шаблоны можно менять, не трогая данные и адреса?
3. Скорость и стабильность упираются в хостинг и настройки, а не в сам движок?
4. Все нужные функции реализуются на текущей архитектуре без костылей?
5. Поддерживать накопленный код ближайшие два года дешевле, чем платить за новую основу?

Четыре-пять ответов «да» — хватит редизайна. Три «нет» и больше — речь о новой платформе, и тогда стоит заранее изучить, из чего складывается стоимость создания сайта. Если вместе с сайтом меняются логотип и палитра, сначала нужна работа по брендингу и айдентике, иначе макеты придётся рисовать второй раз.

Аудит перед редизайном: что зафиксировать, пока старый сайт работает

Аудит решает две задачи: показывает, что менять, и создаёт точку отсчёта. Через три месяца вы сравните цифры с исходными, а не станете спорить по памяти.

Снимок метрик на дату старта

• Органические визиты по неделям за 12 месяцев — целиком и по разделам.
• Страницы входа из поиска и число визитов на каждую.
• Конверсия и заявки по источникам и устройствам, настроенные цели.
• Позиции по 50–100 запросам, которые приносят деньги.
• Число страниц в поиске и ошибки в Яндекс Вебмастере и Google Search Console.

Сохраните файл с датой. Отчёты в сервисах пересчитываются, а ваш снимок останется неизменным.

Технический срез и поведение посетителей

Прогоните сайт краулером и выгрузите таблицу: адрес, код ответа, title, description, H1, canonical, число входящих внутренних ссылок. Она понадобится трижды: для карты редиректов, для сверки стенда и для проверки после запуска. Цифры говорят, где теряем; записи сессий и тепловые карты — почему. Добавьте разговор с менеджерами по продажам: какие вопросы клиенты задают снова и снова.

Цели в цифрах и допуск

«Сделать современно» — не цель. Цель выглядит так: поднять конверсию мобильного трафика с исходного значения до заданного при органике не ниже 95% от базового уровня к концу третьего месяца. Допуск — ваше основание принять работу или потребовать доработку.

Инвентаризация страниц: что нельзя потерять, что склеить, что убрать

Главная защита трафика — знать, какие страницы его приносят. Выгрузите страницы входа из поиска за 12 месяцев, отсортируйте по визитам и посмотрите, какая доля адресов даёт основную часть трафика. Потеря нескольких таких страниц ударит сильнее, чем исчезновение сотни малозначимых. Затем соберите реестр: адрес в строке, рядом метрики из аудита и колонка «судьба».

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

Проектирование без потерь: как перерисовать сайт и не сломать работающее

На этапе прототипа решается, сколько будет стоить переезд. Каждый адрес, который проектировщик оставляет прежним, — строка, которую не придётся писать в карту редиректов и проверять. Поэтому правило по умолчанию такое: адреса не меняем, пока нет причины.

Адреса и структура

Сохраните логику каталога и вложенности и не сплющивайте её ради красивого меню. Меняйте адреса, только когда схема мешает: путаница в иерархии, хвосты вроде .php, дубли. Новые стройте по правилам человекопонятных URL: короткие, понятные, без лишних параметров.

Тексты на страницах-лидерах

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

Контент должен быть виден без скриптов

Яндекс в справке по смене структуры и дизайна указывает: контент нужно отдавать роботу в HTML сразу, без выполнения JavaScript, а сгенерированное только скриптом он не индексирует. Спросите разработчика, как выводятся тексты, заголовки и ссылки, и проверьте на стенде, а не после запуска.

Карта редиректов: как сопоставить каждый старый адрес с новым

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

Откуда брать старые адреса

Объедините источники: sitemap.xml и выгрузку из CMS, краулинг старого сайта, страницы входа из Метрики, отчёты Вебмастера и Search Console, отчёты о внешних ссылках, логи сервера с запросами к картинкам и PDF. После удаления дублей получится полный перечень.

Как сопоставлять

Как устроен редирект 301, описано в глоссарии, здесь важна практика. Для удалённых страниц Яндекс рекомендует при сохранении тематики сайта вести на главную подходящего раздела, а при смене тематики оставлять ответ 404. Google для страниц, которые не переносятся, советует 404 или 410. Что делать с ошибкой 404 и что показать посетителю, читайте в отдельном материале.

Правила, которые нельзя нарушать

1. Не отправляйте всё на главную. Яндекс и Google предупреждают: это неудобно пользователям и замедляет индексацию, а Google может счесть такую переадресацию «мягкой 404».
2. Не строите цепочки. Яндекс учитывает только конечную цель. Google советует вести сразу на финальный адрес, а при невозможности держать цепочку короткой: в идеале не больше трёх переходов и в любом случае меньше пяти.
3. Только серверные редиректы. Настройка в конфигурации веб-сервера или CMS; скрипт и метатег refresh — запасной вариант.
4. Обновите внутренние ссылки. Меню, хлебные крошки и тексты должны вести на новые адреса напрямую, а не через редирект.
5. Храните редиректы долго. Google советует не меньше года.

Проверка до запуска

Прогоните старые адреса через краулер на стенде с включёнными правилами: для каждой строки нужен код 301, конечный адрес по плану и ответ 200. Топ-50 страниц по трафику и посадочные из рекламы откройте руками.

Тестовый стенд: как проверить новый сайт и не пустить на него роботов

Новый сайт собирают на отдельном адресе. У стенда две опасности: он может попасть в поиск раньше времени, а его настройки могут переехать на боевой домен вместе с кодом.

Как закрыть стенд

Надёжнее всего HTTP-авторизация по логину и паролю: робот не получит страницу. Запрет в robots.txt и noindex защищают слабее. Google предупреждает, что сочетать их нельзя: закрытую в robots.txt страницу робот не откроет и не увидит noindex, а страница всё равно может попасть в выдачу по ссылкам с других сайтов. Если используете noindex, ведите список адресов, где он стоит, — при запуске его надо снять.

Классическая авария запуска

Разработчик выкладывает файлы стенда на боевой сервер вместе с robots.txt, где написан запрет, или с noindex в шаблоне. Сайт красивый, быстрый, а трафик из поиска начинает исчезать по мере переобхода. Поэтому в чек-лист запуска включите отдельный пункт: открыть robots.txt и исходный код главной, карточки и статьи.

Что проверять на стенде

• Формы, корзину, личный кабинет, оплату и письма клиенту и менеджеру.
• Содержимое страниц без JavaScript и вёрстку на реальных смартфонах.
• Нагрузку: после переезда роботы обходят сайт активнее обычного, и Google просит убедиться, что серверу хватит ресурсов.

Не переносите на стенд реальные персональные данные клиентов: тестовая среда защищена слабее, а требования 152-ФЗ не отменяются оттого, что среда тестовая. Используйте обезличенные записи.

Мета-данные, заголовки и разметка: что переносить один в один

Вместе со старой вёрсткой легко теряются элементы, которые поисковик читает в первую очередь. Составьте перечень и сверяйте стенд с выгрузкой краулера из аудита на страницах, приносящих трафик.

Яндекс в рекомендациях по смене дизайна называет те же вещи: в HTML нет метатега robots с noindex, canonical не указывает на другую страницу, а title и description заполнены на новых страницах. Отдельно проверьте внутреннюю перелинковку: новое меню может выбросить целые группы ссылок, на которых держалось распределение веса.

Слабые H1 и title копировать ради «сохранения» не нужно, но менять их стоит на отдельных страницах и с замером: сто переписанных заголовков в день запуска не оставят шанса понять, что сработало.

Предзапусковая проверка: что прогнать на стенде за неделю до релиза

Её делает не разработчик, а второй человек со свежим взглядом: проджект, аналитик или SEO-специалист. Первый видит то, что задумал, второй — то, что получилось.

Коды ответов и индексация

1. Все адреса из карты отдают 301 и приводят на страницу с кодом 200.
2. Несуществующий адрес отдаёт 404 и показывает страницу с поиском и ссылками на разделы.
3. В robots.txt нет запретов для рабочих разделов, в sitemap.xml только новые адреса с кодом 200.
4. Нет noindex на нужных страницах, canonical указывает на саму страницу.
5. Склейка зеркал настроена: http ведёт на https, адреса с www и без — на одну версию.

Контент и мета-данные

1. Title, description и H1 на страницах-лидерах совпадают с боевой версией или изменены осознанно.
2. Тексты перенесены полностью, «показать больше» не прячет их из HTML.

Функциональность и аналитика

1. Формы, корзина, оплата, личный кабинет: пройден полный путь, письма приходят.
2. Заявки доходят в CRM, интеграции с 1С и складом отрабатывают.
3. Счётчик Метрики, цели, коллтрекинг и UTM-метки работают на новых шаблонах: тестовая заявка видна в отчётах.
4. На месте политика обработки персональных данных и согласия на формах, как требует 152-ФЗ; cookie-баннер, если он был, не потерялся.

Скорость и мобильная версия

1. Замерены скорость и Core Web Vitals на главной, каталоге, карточке и статье; значения не хуже прежних.

День запуска: порядок действий и первые 72 часа

Запускайте в окно с минимальным трафиком и в будний день, когда на месте разработчик, SEO-специалист и ответственный от заказчика. Пятничный вечер и канун праздников — худшее время: если что-то сломается, чинить некому. Заранее решите, кто принимает решение об откате.

1. Сделайте резервную копию кода и базы старого сайта и проверьте, что восстановление работает.
2. Заморозьте контент на старом сайте: правки после выгрузки потеряются.
3. Выложите новую версию, включите правила редиректов.
4. Снимите защиту стенда, noindex и запреты в robots.txt, подставьте боевые настройки.
5. Проверьте коды ответов на ключевых адресах и на всей карте редиректов.
6. Откройте исходный код главной, карточки и статьи: нет ли noindex, верный ли canonical, на месте ли H1 и счётчики.
7. Проведите тестовую заявку и тестовый заказ и убедитесь, что они видны в CRM и Метрике.

Что сообщить поисковикам

Если домен прежний, заявление о переезде не нужно. Яндекс советует добавить новые адреса в существующий sitemap или создать новый и отправить его на переобход в разделе «Файлы Sitemap». Важные новые страницы и старые адреса с редиректом можно отправить на переобход вручную: по справке Яндекса, новые страницы могут попасть в поиск, а старые уйти из него в течение двух недель. Google просит отправить обновлённую карту сайта в Search Console.

Если вместе с редизайном меняется домен, добавьте оба сайта в Вебмастер, подтвердите права и воспользуйтесь инструментом «Переезд сайта». Новый адрес должен отвечать кодом 200, а со страниц старого нужны редиректы на соответствующие страницы нового. В Google Search Console для этого подают запрос на смену адреса.

Не забудьте обновить адреса в рекламных кампаниях, товарных фидах, соцсетях и карточках организации на картах, а партнёров и отраслевые площадки попросите поменять ссылки.

Мониторинг после запуска: что смотреть первые 90 дней

Именно в первые недели проявляются проблемы, которых не нашёл стенд. Заведите календарь проверок и сравнивайте каждый показатель с базовым снимком.

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

Как разбирать просадку

Определите масштаб: упал весь сайт или раздел. Если весь — ищите техническую причину: закрытый от индексации сайт, сломанный robots.txt, недоступный сервер. Если раздел — смотрите шаблон, редиректы, мета-данные и ссылки. Сравните выгрузку краулера с таблицей из аудита: пропавший H1 виден сразу. Критичные ошибки чините немедленно, остальное выкатывайте пачками с замером.

Расчёт на примере: сколько стоит магазину просадка органики на 35% после редизайна

Покажем на условных цифрах, почему аккуратный переезд окупается быстро. Допустим, интернет-магазин получает из поиска 30 000 визитов в месяц, конверсия в заказ — 1,5%, средний чек — 6 000 ₽. Это 450 заказов и 2 700 000 ₽ в месяц. Редизайн поднимает конверсию до 1,8%. Сравним два сценария.

Разница между сценариями — 972 000 ₽ в месяц. Если просадка в первом сценарии держится три месяца, магазин теряет около 1,8 млн ₽ относительно исходного уровня, а во втором прирастает примерно на 1,1 млн ₽: разрыв почти 2,9 млн ₽. Допустим, на карту редиректов, проверку стенда и мониторинг заложили 120 000 ₽. За неделю разница между сценариями с запасом покрывает эти расходы.

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

Семь ошибок, из-за которых после редизайна падает трафик

Отдельная ловушка — совместить редизайн со сменой CMS и домена в один день. Каждое изменение само требует проверки, а вместе они не оставляют шансов найти причину. Если проект большой, разбейте его на этапы и запускайте раздел за разделом.

Сроки и бюджет редизайна: из чего они складываются

Честную цифру без вводных не назвать: сайт из 10 страниц и магазин из 5 000 карточек — разные проекты. Ниже условные ориентиры для проекта на 150 страниц с 8–10 шаблонами и несколькими интеграциями. Это не обязательства по срокам, а способ увидеть порядок величин.

Если этапы идут почти последовательно, проект занимает от трёх до шести месяцев. На стоимость влияет не число страниц, а число уникальных шаблонов, интеграции с CRM и 1С, объём переносимых данных и объём SEO-работ. Типичная ложная экономия — убрать из сметы аудит и SEO-сопровождение: на старте вы сохраните часть бюджета, а затем заплатите больше потерянными заявками.

Когда редизайн лучше доверить команде: что требовать от подрядчика

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

• SEO-специалист участвует с этапа прототипа, а не появляется за неделю до запуска.
• Карта редиректов — отдельный результат с приёмкой.
• Стенд закрыт от индексации, чек-лист запуска проверяет robots.txt и noindex.
• Подрядчик фиксирует базовый снимок метрик до работ и сдаёт отчёт «до и после».
• В договоре есть мониторинг после запуска и бесплатное исправление ошибок в оговорённый срок.
• Доступы, исходники и резервные копии остаются у вас.

В BigPanda мы начинаем такие проекты с аудита и инвентаризации страниц. Карту редиректов и проверку стенда лучше вести в рамках разработки сайта, а не отдельным заказом. Если на кону позиции в поиске, подключите SEO-специалиста: он проверит заголовки, мета-данные и индексацию до и после релиза. Начать можно без обязательств: закажите бесплатный аудит сайта: мы проверим техническую базу, SEO-разметку и данные Метрики и скажем, какие проблемы видны уже сейчас и хватит ли точечных правок вместо редизайна. Позиции и сбор семантики в бесплатный аудит не входят.

Частые вопросы