Редизайн сайта на Битрикс: как обновить внешний вид без потери SEO

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

В этой статье разберём, как сделать редизайн так, чтобы внешний вид и UX обновились, а позиции в поиске остались на месте или выросли.

Когда нужен редизайн

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

Виды редизайна

Не каждый редизайн одинаково затратен. Различают три уровня:

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

Главное правило: SEO живёт в коде

SEO — это не только тексты и ссылки. Поисковики оценивают сайт в целом: HTML-структуру, скорость, мобильность, поведение пользователей. При редизайне любая из этих составляющих может ухудшиться.

• Поменялась вёрстка → изменилась плотность ключевых слов в выдаче.
• Поменялись классы и id → сломались ранее размещённые виджеты и метрики.
• Удалилась часть контента → страница стала «тонкой» для поисковика.
• Появились лишние скрипты → упала скорость и оценка Core Web Vitals.

Правильный редизайн меняет «обёртку», а контентную и техническую базу для SEO бережно переносит. Любое изменение должно проверяться по чек-листу до релиза.

Этапы редизайна на Битриксе

• SEO-аудит «до»: фиксируем позиции, трафик, конверсии, скорость, индексацию.
• UX-исследование: интервью, анализ метрик, hotjar/Webvisor.
• Прототипы и дизайн-концепция в Figma.
• Согласование макетов всех ключевых страниц, а не только главной.
• Вёрстка нового шаблона на тестовом контуре с теми же URL.
• Перенос мета-тегов, h1, alt, микроразметки 1:1.
• Тестирование скорости, Core Web Vitals, валидности HTML.
• Контролируемый релиз: выкатка в час минимальной нагрузки, мониторинг.
• Отслеживание позиций и метрик в течение 4–8 недель.

Чек-лист сохранения SEO при редизайне

• Все URL остаются прежними или ведут на 301-редирект.
• Перенесены title, description, h1, h2, alt у изображений.
• Сохранена структура хлебных крошек и микроразметка Schema.org.
• Сохранён или улучшен контент на страницах (нельзя убирать тексты ради «чистоты»).
• Robots.txt, sitemap.xml, canonical работают так же.
• Скорость не упала: LCP < 2.5s, CLS < 0.1, INP < 200ms.
• Адаптив корректно работает на основных разрешениях.
• Внутренние ссылки, фасеты, фильтры, пагинация работают.
• Аналитика (Метрика, GA, цели) переподключена и проверена.

Технические особенности на Битриксе

На Битриксе редизайн делается через создание нового шаблона. Старый остаётся в системе как fallback. Это удобно: можно мгновенно откатиться, если что-то пошло не так.

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

Сроки и стоимость

Типичные ошибки

• Запуск нового дизайна без SEO-аудита «до» — нечем сравнивать результат.
• Релиз без 301-редиректов при смене URL.
• «Очистка» контента ради красоты — поисковику страница становится бесполезной.
• Релиз перед сезоном — нет времени на восстановление позиций.
• Отказ от микроразметки и хлебных крошек.
• Игнор скорости — красивый, но тяжёлый дизайн с 5 МБ скриптов.

Итог

Редизайн на Битриксе можно делать без падения трафика, если относиться к SEO как к части процесса, а не как к «доделать после». Готовите редизайн — закажите SEO-аудит и план миграции в первую очередь, а уже потом утверждайте дизайн-концепцию.