Как сделать редизайн сайта

Редизайн — это не только новый внешний вид, но и обновление структуры, текстов и удобства сайта. Делать его стоит, когда сайт устарел, неудобен на телефоне или перестал приводить клиентов. Но полный редизайн — рискованный проект: без подготовки сайт теряет позиции в поиске и привычные покупателям функции. Nielsen Norman Group советует никогда не делать радикальных изменений там, где хватит небольших.

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

Частый повод для редизайна — сайт надоел владельцу. Но клиенты видят сайт гораздо реже, а к переменам относятся настороженно: после редизайна, предупреждает Nielsen Norman Group, ждите жалоб. Полная переделка, по оценке NN/g, оправдана, если:

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

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

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

• Яндекс Метрику: страницы входа и выхода, конверсию по устройствам, цели;
• Вебвизор и карту скроллинга — как посетители ведут себя на ключевых страницах; эти данные Метрика хранит 15 дней, поэтому включите их заранее;
• карту кликов — что посетители принимают за ссылку;
• аналитику форм — на каких полях бросают заполнение;
• поиск: какие страницы и запросы приносят трафик — их нельзя потерять;
• мнение клиентов: интервью или тест старого сайта на пяти пользователях — по данным NN/g, пять участников находят около 85% проблем удобства.

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

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

Если посетителей много, новый дизайн можно сравнить со старым до релиза. Эксперимент с редиректом в Varioqub, инструменте экспериментов Яндекс Метрики, Яндекс рекомендует как раз для редизайна — чтобы убедиться, что новая версия не уменьшила время на сайте и глубину просмотра. A/B-тест длится минимум одну-две недели, а для страниц с маленьким трафиком не подходит.

Главный риск редизайна — смена адресов страниц. Если просто создать страницу по новому адресу, поисковый робот посчитает старую и новую разными страницами, а старые ссылки начнут вести на 404. Что делать, по справкам Яндекса и Google:

• по возможности сохраните адреса страниц; если меняете — составьте таблицу «старый адрес → новый» и настройте 301-редиректы на аналогичные страницы;
• удалённую страницу перенаправьте на близкий по теме раздел, а если такой темы на сайте больше нет — пусть отдаёт 404; массово вести всё на главную нельзя: Google может счесть это ошибкой soft 404;
• перенесите заголовки title и описания description, тексты страниц с трафиком, микроразметку и внутренние ссылки;
• выводите тексты и цены в HTML, а не скриптами: то, что подгружает JavaScript, робот может не увидеть;
• обновите карту сайта и отправьте новые адреса на переобход в Вебмастере — по справке Яндекса, такие страницы могут попасть в поиск в течение двух недель;
• не меняйте всё сразу: домен, CMS и дизайн Google советует менять по очереди.

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

Когда редизайн решает измеримую задачу, результат виден в цифрах. Интернет-магазин страз переделал устаревший дизайн, из-за которого плохо продавал на телефонах: через 5 месяцев после запуска конверсия выросла на 22%, заказы — на 26%, а конверсия со смартфонов — на 39,8% (кейс 2023 года).

А интернет-магазин систем безопасности, у которого после редизайна без SEO резко упали заявки, вернул их, исправив сбросившийся robots.txt, неработающие формы, цены на JavaScript и ошибки сервера: за 4 месяца трафик вырос на 123%, а заявки — с 8 до 37.

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

Можно ли обновить дизайн без смены адресов? Да, и это самый безопасный вариант. Если адреса и контент остаются прежними, проверьте, что тексты по-прежнему выводятся в HTML, нет случайного запрета индексации, а title и description заполнены.

Сколько длится редизайн? Обновление оформления — недели, полная переделка большого магазина — месяцы. Заложите запас: по данным «Рейтинга Рунета», 39,7% проектов сдают позже срока, а 42,8% клиентов тратят больше, чем планировали.

Нужно ли менять CMS? Только если она мешает: не даёт нужных функций, медленная или устарела. Как переехать без потерь — в статье «Как перенести сайт».

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

Если сайт сделан на нашей платформе KORZILLA CMS, редизайн — от 30 000 ₽ и от 20 дней: сайт остаётся на той же платформе, поэтому адреса страниц и настройки для поиска можно сохранить. Макет главной страницы нарисуем от 34 500 ₽, внутренней — от 17 000 ₽, дизайн отдельных блоков доработаем от 4 000 ₽. А код сайтов на KORZILLA CMS мы бесплатно обновляем под новые требования Яндекса и Google — переделывать сайт ради этого не нужно.

Если сайт на другой платформе, сделаем новый на KORZILLA CMS — корпоративный за 39 900 ₽, с каталогом за 47 900 ₽, интернет-магазин от 53 900 ₽ — и поможем перенести материалы старого сайта так, чтобы сохранить позиции в поиске.

Мы переделывали сайт стоматологии «Эстет» — как он выглядел до и после, показано в статье блога о редизайне. Старый сайт «Камстройстиль» не объяснял, почему стоит заказать строительство именно у них, и не вёл к заявке на расчёт — мы сделали новую структуру и дизайн под B2B-клиентов. А ОАО «Риат» поблагодарило нас за «оперативную и эффективную работу по редизайну и переносу на новую CMS».