Как сделать редизайн сайта и не потерять трафик

Редизайн сайта нужен, когда текущий сайт мешает бизнесу: падает конверсия, неудобно с телефона, страницы грузятся медленно, бренд устарел или любое изменение в админке превращается в задачу для разработчика. Чтобы не потерять трафик, редизайн начинают с аудита и аналитики, а не с макетов, сохраняют или перенаправляют все адреса через 301-редирект и переносят мета-теги. После запуска позиции ещё несколько недель отслеживают в Яндекс Вебмастере и Google Search Console.

Признаки того, что пора делать редизайн

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

• Конверсия падает или стоит на месте при стабильном трафике. Люди приходят, но не оставляют заявки: им непонятно предложение, форма длинная или кнопку действия приходится искать.
• Мобильная версия хуже десктопной. Если в Метрике доля мобильного трафика большая, а конверсия с телефонов заметно ниже, проблема чаще всего в интерфейсе, а не в аудитории.
• Скорость загрузки. Ориентир — метрики Core Web Vitals: отрисовка основного контента (LCP) до 2,5 секунды, отклик на действие (INP) до 200 миллисекунд, сдвиг макета (CLS) не выше 0,1. Если сайт стабильно за этими границами, косметикой это обычно не лечится.
• Устаревший бренд. Компания выросла, сменила позиционирование или продукт, а сайт говорит о ней пятилетней давности. Это бьёт по доверию, особенно в B2B.
• Боль с CMS. Новую страницу нельзя собрать без программиста, движок давно не обновлялся, плагины конфликтуют, а каждая правка ломает что-то в другом месте.

Один признак — повод разобраться. Три и больше — почти всегда повод планировать редизайн.

Освежение, редизайн или новый сайт

Под словом «редизайн» заказчики понимают очень разные вещи. Чтобы не переплатить и не недополучить результат, полезно разделить три формата.

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

С чего начинать: аудит и аналитика, а не макеты

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

Перед проектированием мы собираем картину текущего состояния:

• Отчёты Яндекс Метрики и Google Analytics: источники трафика, страницы входа, отказы, путь до заявки, разница между мобильными и десктопом.
• Вебвизор и карты кликов: где люди застревают, что пролистывают, куда пытаются нажать.
• Список страниц, которые приносят поисковый трафик, и запросов, по которым сайт уже стоит в выдаче.
• Технический срез: скорость, ошибки индексации, битые ссылки, дубли.
• Разговор с отделом продаж: какие вопросы клиенты задают снова и снова — это готовый список того, чего не хватает на сайте.

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

Как сделать редизайн без потери позиций

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

• Карта адресов. Выгрузите все страницы старого сайта — из карты сайта, краулера, Метрики и обеих панелей вебмастера. Для каждой страницы определите судьбу: остаётся по тому же адресу, переезжает на новый или объединяется с другой.
• 301-редиректы. Каждый изменившийся адрес должен вести постоянным перенаправлением сразу на конечную страницу, без цепочек. Редирект всех старых страниц на главную — частая ошибка: поисковики воспринимают это как удаление контента. Google рекомендует сохранять перенаправления не меньше года, на практике лучше не снимать их вовсе.
• Заголовки и мета-теги. Title, description, H1 и основной текст страниц, которые приносят трафик, переносите без изменений или улучшайте осознанно. Новый дизайн часто «съедает» текст ради визуала — и вместе с ним уходят запросы.
• Карта сайта и robots.txt. Новый sitemap.xml только с актуальными адресами, проверенный robots.txt. Классическая беда — запуск с закрытым от индексации сайтом, который остался таким после тестового стенда.
• Яндекс Вебмастер и Google Search Console. Отправьте новую карту сайта в обе панели и попросите переобход важных страниц. Если меняется домен, в Вебмастере используйте инструмент переезда, а в Search Console — инструмент смены адреса; при смене только структуры внутри домена они не нужны.
• Мониторинг после запуска. Первые недели ежедневно проверяйте ошибки 404, количество страниц в поиске, позиции по ключевым запросам и цели в Метрике. Колебания в выдаче после переезда — нормальное явление и, по данным справки Google, могут длиться несколько недель; стабильное падение — сигнал искать ошибку.

Отдельно стоит проверить микроразметку, внутренние ссылки (они должны вести на новые адреса напрямую, а не через редирект) и счётчики аналитики: в проектах мы регулярно встречаем запуск, после которого сайт неделю работает без целей в Метрике, и сравнить «до» и «после» уже нечем.

Сроки: от двух недель до нескольких месяцев

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

Типичный редизайн проходит одни и те же этапы: аудит и сбор данных, структура и прототипы ключевых страниц, дизайн, вёрстка и перенос контента, тестовый стенд с проверкой редиректов и аналитики, запуск и мониторинг. Пропуск любого из них не ускоряет проект, а переносит работу на время после запуска, когда исправления обходятся дороже и видны клиентам.

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

Что удлиняет любой проект:

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

Типичные ошибки при редизайне

• Дизайн ради дизайна. Сайт становится красивее, но конверсия не растёт, потому что никто не сформулировал, какую проблему решаем.
• Запуск без карты адресов. Самая частая причина падения трафика после редизайна.
• Удаление «лишних» страниц. Старые статьи и страницы услуг, которые кажутся ненужными, могут приносить заметную долю поискового трафика.
• Тяжёлые эффекты. Видео на первом экране, анимации и крупные изображения без оптимизации ухудшают скорость — и сайт после редизайна оказывается медленнее старого.
• Запуск в пятницу вечером. Если что-то пойдёт не так, ошибки увидят клиенты и поисковые роботы, а не команда.
• Мобильная версия по остаточному принципу. Макеты утверждают на большом мониторе, а телефонную версию собирают в конце «как получится», хотя именно с телефонов приходит значительная часть посетителей.
• Отсутствие замеров «до». Без исходных цифр невозможно понять, сработал ли редизайн.

Как выбрать формат: наше правило

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

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

Для компаний, которым важно самостоятельно править сайт без программиста, разумный путь — редизайн на Tilda или Webflow: маркетологи получают визуальный редактор, а перенос делается по той же карте адресов. В любом сценарии порядок один: сначала данные и цель, затем формат, затем макеты.