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

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

Когда сайту нужен редизайн, а когда хватит доработки?

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

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

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

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

Какие признаки говорят, что сайт устарел?

Устаревший сайт выдают неудобная мобильная версия, низкая скорость, падающая конверсия, неподдерживаемая платформа и содержание, которое не совпадает с реальным бизнесом. Проверьте каждый признак по списку.

• На телефоне приходится увеличивать текст и промахиваться по кнопкам.
• Главные страницы открываются заметно дольше, чем у конкурентов.
• Заявок меньше, чем посетителей с рекламы и поиска, а причину в цифрах найти не удаётся.
• Систему управления и плагины давно не обновляли, а разработчика, который ей занимался, нет.
• В описании услуг нет того, чем компания зарабатывает сейчас.
• Менеджеры при встрече отвечают на вопросы, ответ на которые должен быть на сайте.

Мобильная версия важнее, чем кажется: Google использует мобильную версию содержимого для индексации и ранжирования. Google предупреждает: если убрать часть содержимого из мобильной версии, сайт может потерять трафик.

Как измерить скорость и удобство до решения

Скорость и удобство измеряют тремя метриками Core Web Vitals. Хорошими считаются значения на уровне 75-го процентиля загрузок страницы, и пороги публикует web.dev.

• 2,5 с — LCP: за это время должен появиться главный элемент страницы (web.dev)
• 200 мс — INP: максимальная задержка реакции на действие пользователя (web.dev)
• 0,1 — CLS: допустимый сдвиг элементов при загрузке (web.dev)

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

Как провести редизайн по шагам?

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

1. Аудит. Выгрузите список страниц, которые получают трафик и заявки, и список страниц, на которые ведут внешние ссылки. Эти адреса нельзя потерять.
2. Цели. Запишите, что должен делать новый сайт: собирать заявки, продавать, представлять компанию. Критерии успеха — в цифрах: доля посетителей, оставивших заявку, скорость, мобильные показатели.
3. Структура и карта адресов. Решите, какие страницы остаются, объединяются или уходят. Для каждого старого адреса определите новый.
4. Дизайн и разработка. Прототип, дизайн, вёрстка, подключение системы управления. Тексты и мета-данные ключевых страниц переносят, а не пишут заново.
5. Проверка на тестовой площадке. Закройте её от индексации, проверьте редиректы, формы, счётчики аналитики и мобильную версию.
6. Запуск. Включите редиректы, отправьте новую карту сайта в поисковые системы, снимите закрытие от индексации и следите за показателями.

Ошибка Оставить на новом сайте тег noindex или запрет в robots.txt, поставленный на время разработки. Google прямо советует проверить правила в robots.txt нового сайта и убрать noindex при запуске.

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

Трафик сохраняют двумя способами: оставляют адреса страниц прежними или настраивают с каждого старого адреса постоянный редирект на новый. Мета-данные и содержимое переносят вместе со страницами.

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

Если адреса не меняются, редиректы не нужны, и это самый безопасный вариант. Если меняются, Google рекомендует постоянные серверные редиректы, коды 301 и 308, и советует держать их как можно дольше, как правило не менее года. Яндекс в справке по смене структуры тоже указывает 301-й серверный редирект со старого адреса на новый.

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

Мета-данные и содержимое

Заголовок, описание и главный текст страниц, которые приносят трафик, переносят без потери смысла. Для смены дизайна Яндекс советует убедиться, что содержимое доступно роботу в HTML-коде без JavaScript, нет лишних noindex, а заголовок и описание заполнены. Для мобильной версии Google просит одинаковое основное содержимое и совпадающие title и description.

Search Console и Яндекс Вебмастер

Оба сервиса подключают до запуска. В Google Search Console настраивают доступ для старого и нового сайта, сохраняют карту сайта с новыми адресами и после запуска следят за отчётами об индексации. В Яндекс Вебмастере проверяют, что сервер отвечает кодом 200, добавляют новые адреса в Sitemap и отправляют их на переобход.

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

Что проверить после запуска нового сайта?

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

• Старые адреса ключевых страниц отдают постоянный редирект на нужную страницу, а не на главную.
• Новые страницы открываются с кодом 200 и не закрыты от индексации.
• Карта сайта с новыми адресами отправлена в Search Console и Яндекс Вебмастер.
• Формы, кнопки связи и счётчики аналитики работают на телефоне и на компьютере.
• Внутренние ссылки ведут на новые адреса, а не через редирект.
• Страницы, на которые ведут внешние ссылки, доступны, а владельцев важных ссылок вы попросили обновить адрес.

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

От чего зависит цена редизайна?

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

Ориентиры по формату есть на странице услуги. Цены на разработку новых сайтов у Syntra Systems:

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

Как мы проводим редизайн

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

Дальше мы составляем карту адресов, переносим содержимое ключевых страниц, настраиваем редиректы и подключаем аналитику. Как работает связка дизайна и логики пользовательского пути, мы разбираем в статье про UX/UI, а как закладывается поисковая оптимизация — в материале про SEO. Страницу услуги можно посмотреть в разделе разработки сайтов.

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

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

Фото на обложке: 3D Render, Pexels