Как сделать редизайн интернет-магазина: этапы, что сохранить и как не потерять позиции

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

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

Что меняют при редизайне интернет-магазина

При редизайне интернет-магазина обычно переделывают:

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

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

Как сделать редизайн сайта: этапы и кто что делает

Редизайн делают на тестовой копии сайта, закрытой от покупателей и поисковиков. Этапы такие:

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

До переключения покупатели видят старый сайт, новый собирают на тестовой копии.

В работе участвуют:

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

Что сохранить при редизайне, чтобы не потерять позиции и заказы

1. Список страниц, которые приводят покупателей из поиска. По нему после переключения проверяют, что ничего не потерялось. До 100 главных страниц добавьте в «Мониторинг важных страниц» Яндекс Вебмастера. Вебмастер сам предложит страницы, у которых за прошлую неделю было больше всего кликов и показов в поиске, и пришлёт уведомление, если у страницы изменится ответ сервера или статус в поиске.

Строка отчёта из справки Вебмастера, разделена на две части. Скриншот: © Яндекс, yandex.ru/support/webmaster

2. Адреса страниц. Не меняйте адреса без необходимости. Если адрес меняется, старый должен вести на такую же новую страницу постоянным перенаправлением, его называют 301-редиректом. Перенаправлять старые страницы на главную Яндекс не советует, а сами перенаправления просит держать не меньше 6 месяцев, чтобы поиск успел учесть новые адреса. Карту «старый адрес → новый» составляют до первых изменений, потому что после перестройки каталога старые адреса взять неоткуда.

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

4. Обе версии сайта. Новый дизайн рисуют, верстают и проверяют и для компьютера, и для телефона.

5. Правки в копии шаблона. Аспро предупреждает, что правки в оригинальных файлах шаблона могут пропасть при обновлении. Шаблоны корзины, оформления заказа и личного кабинета там же советуют по возможности не менять: это шаблоны 1С-Битрикса, и они регулярно обновляются. Если новый вид этих страниц всё же нужен, его делают в копии шаблона, а штатный оставляют, чтобы вернуться к нему одной настройкой.

6. Разделы каталога и обмен с 1С. Если при редизайне меняются разделы, договоритесь с программистом 1С до начала работ. Обмен присылает раздел для каждого товара, и если ему разрешено менять разделы, при следующей выгрузке он вернёт товары в старые. Что ещё учесть в обмене, описано в статье про обмен 1С с сайтом.

7. Замеры старого дизайна. До переключения поставьте в Метрике цели на каждый шаг корзины и оформления заказа. Без них после переключения не понять, на каком шаге изменилось поведение покупателей. Записи Вебвизора хранятся 15 дней, поэтому старый дизайн изучают до переключения.

Частые проблемы и решения

Проблема: после перестройки каталога старые адреса ведут на «страницу не найдена». Решение: сохраните адреса всех разделов и товаров до первых изменений. Затем настройте перенаправления, проверьте их на старых адресах и только после этого переносите товары. Если в адресе товара есть его номер, отдельная карта для товаров не нужна: перенаправление найдёт товар по номеру и откроет его текущую карточку. В сети косметики так перестроили каталог из 1 543 разделов вместе со скрытыми в 149, а старые адреса всех 17 044 карточек по номеру товара ведут на новые.

Проблема: старые адреса ведут в чужие разделы. Решение: соответствие старых разделов новым составляют по смыслу и проверяют вручную, совпадения названий для этого мало. В сети косметики раздел детской гигиены совпал по названию с «Уходом и гигиеной» для животных, и старые адреса детских товаров вели бы в зоотовары. Ошибку заметили, когда собирали перенаправления, и вернули 186 разделов в детский каталог.

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

Сеть косметики, сентябрь 2026; магазин кабеля и электрики, август 2026.

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

Проблема: после обновления Аспро часть нового дизайна пропала. Решение: делайте правки в копии шаблона и в отдельных файлах, которые обновление не трогает. Копия не получает обновлений, поэтому после каждого обновления Аспро и 1С-Битрикса разработчик сверяет её с новой версией. Обновление перезаписывает файлы шаблона, и правки, внесённые прямо в них, пропадают. Как обновлять сайт без потери доработок, описано в статье об обновлении 1С-Битрикс.

Проблема: на новой главной слишком много товаров и картинок. Решение: посчитайте, сколько карточек выводит каждый блок главной. Вместо длинной ленты покажите первые товары и кнопку «Смотреть все». В сети косметики на вкладке «Скидки от 50 %» оставили 40 карточек из 531: картинок на главной стало 177 вместо 556, а их общий вес — 2,3 МБ вместо 4,6.

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

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

Первые пять проверок делают в день переключения, последнюю — в первые недели после него. Программист для них не нужен:

1. Откройте по старым адресам десять страниц из списка, которые приводят больше всего посетителей из поиска. Должна открыться та же страница или её новый адрес, а не главная и не «страница не найдена».
2. Сравните заголовки вкладок браузера на этих страницах со старыми. Если тексты не меняли, заголовки должны совпасть.
3. Откройте сайт с телефона через мобильный интернет и проверьте новый дизайн, поиск, фильтр и корзину.
4. Оформите два тестовых заказа: с самовывозом и с доставкой. Заказ с самовывозом должен дойти до 1С или CRM с выбранным магазином, заказ с доставкой — с адресом.
5. Откройте адрес ваш-сайт.ru/robots.txt: в нём не должно остаться запрета, которым закрывали тестовую копию. Яндекс перечитывает этот файл за несколько часов, поэтому его проверяют в день переключения.
6. Через несколько дней проверьте в Вебмастере в «Проверке страницы», что главная и разделы каталога по-прежнему «В поиске». Потом первые недели раз в неделю открывайте «Мониторинг важных страниц» и «Страницы в поиске»: старые адреса должны постепенно уходить из поиска, а новые появляться.

Если вместе с дизайном меняли шаблон, проверьте ещё, не остались ли на сайте демо-страницы шаблона. Как их найти, описано в статье о выборе шаблона Аспро.

Когда вместе с дизайном меняют шаблон или движок

Если шаблон Аспро меняют на другой, например Некст на Премьер, то каталог, обмен с 1С и адреса страниц переносят по списку. Это входит в тариф редизайна «Полный», от 700 000 ₽. Лицензия нового решения Аспро оплачивается отдельно, по цене Аспро.

Если сайт не на 1С-Битриксе, это уже переезд, и его делают как запуск нового магазина.

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

Просядут ли позиции после редизайна? Могут временно просесть. Аспро предупреждает об этом при переносе сайта на Премьер, а Яндекс при смене адреса сайта не гарантирует сохранить позиции и посещаемость. Риск меньше, когда адреса, заголовки и тексты страниц с посетителями из поиска остаются прежними, а сменённые адреса ведут на такие же страницы.

Сколько длится и сколько стоит редизайн? От 280 000 ₽ за главную, каталог, карточку товара, корзину и оформление заказа; тарифы и сроки — на странице услуги.

Нужно ли менять шаблон Аспро? Не всегда: сначала разбирают, что мешает покупателям, и только потом решают, менять ли шаблон. Если сайт на Нексте или Лайтшопе работает и продаёт, новый вид делают на том же шаблоне.

Если хотите обновить дизайн магазина и сохранить позиции в поиске, посмотрите, как мы делаем редизайн сайта.