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

«Сделайте нам красивее» — так обычно начинается разговор о редизайне. Но красота — не задача. Задача — чтобы клиент, зашедший на сайт, не усомнился, работаете ли вы ещё, нашёл нужное с телефона и оставил заявку. И чтобы после обновления сайт не исчез из поиска, как бывает, когда редизайн делают в спешке. Разбираем, когда редизайн действительно нужен, когда не поможет, что входит в работу и как сохранить позиции в Google.
Что такое редизайн сайта и чем он не является
Редизайн — это обновление существующего сайта: вида, а при необходимости структуры и логики страниц. Ключевое слово — существующего. Сильные места оставляем, переделываем то, что мешает. Если исполнитель на первом разговоре не спросил, что на сайте уже работает, он, скорее всего, будет делать новый сайт, а не редизайн: это другие деньги и другой риск.
Редизайн — не «поменять картинку в шапке». Цвет заложен во весь интерфейс: кнопки, ссылки, заголовки, состояние кнопки под курсором. И это не только главная: типичная ошибка — обновить только её, а на странице «Цены» оставить старый вид. Эффект хуже, чем если бы не трогали ничего, — видно, что сайтом занимались и бросили.
Берём в работу любой сайт, даже если его делали не мы. Сначала разбираемся, что именно мешает: внешний вид, структура или логика страниц, — и только потом рисуем.
Признаки, что сайту нужен редизайн
Редизайн имеет смысл тогда, когда есть конкретная проблема. Вот шесть самых частых — и простой способ проверить каждую без нашего участия.
| Признак | Как проверить самому | Что обычно нужно |
|---|---|---|
| Сайт устарел: мелкий текст в узкой колонке, новости позапрошлого года, фото из фотобанка | Покажите сайт постороннему человеку на десять секунд и спросите: «эта компания работает?» | Обновить вид и содержание всех страниц, а не только главной |
| Неудобно с телефона: текст нужно увеличивать, номер не нажимается, кнопка прячется | Откройте сайт с телефона на мобильном интернете и дойдите до отправленной заявки | Адаптивные версии отдельным этапом; иногда — без переделки всего дизайна |
| Запутанная навигация: в меню двенадцать пунктов, нужное лежит в трёх местах | Попросите новичка найти конкретную услугу и засеките время: дольше минуты — проблема | Перебрать структуру и меню, а не рисовать новую картинку |
| Сайт как у всех: шаблон, который стоит у половины конкурентов | Закройте пальцем логотип: понятно ли, чья это компания? | Индивидуальный макет с вашими фото и цветами |
| Заявок меньше при тех же посетителях | Сначала проверьте, доходят ли вообще заявки из формы; потом — статистику | Разбор пути к заявке; иногда редизайн не нужен |
| Изменился бренд: новый логотип или фирменный стиль | Сравните цвета на визитке, вывеске и сайте | Редизайн под новый стиль: цвета, шрифты, иконки, фото |
Обратите внимание: в трёх строках из шести ответ — не «новая картинка», а работа со структурой или с путём к заявке. Это и есть причина, почему редизайн начинается с разбора, а не с рисования.
Когда редизайн сайта не поможет
Важно разделить две разные причины. Если посетителей стало меньше — это вопрос к рекламе, поиску или сезону, и редизайн здесь ни при чём. Если людей столько же, а заявок меньше — тогда дело действительно в сайте. Прежде чем заказывать, попросите проверить, доходят ли вообще заявки из формы: это дело часа, и бывает, что «падение заявок» заканчивается само собой.
Бывает и после разбора: сайт нормальный, а заявок мало по другой причине — нет цен, форма не отправляется с телефона или на сайт просто никто не заходит. Тогда честнее потратить бюджет на продвижение, чем на новую картинку. Если сомневаетесь, с чего начинать, — сначала анализ сайта: экспресс-проверка до 50 страниц стоит от 900 грн и показывает, что именно мешает.
И если на индивидуальный макет сейчас нет бюджета — начните с малого: замените фотобанк собственными снимками и поставьте реальные цены. Это уже отличит вас от половины соседей в поиске.
Что входит в редизайн сайта: этапы работы
- Разбор существующего сайта. Проходим путь посетителя до заявки с компьютера и отдельно с телефона, смотрим статистику, если она есть, сверяемся с двумя-тремя конкурентами. На выходе — ответ, достаточно ли обновить вид или проблема глубже.
- Структура и навигация. Раскладываем все страницы в один список, убираем дубли в меню, считаем шаги от входа до заказа, рисуем черновые эскизы. Здесь же решается судьба адресов страниц — об этом ниже.
- Новый вид. Палитра из вашего логотипа и полиграфии, пара шрифтов, макет главной целиком. Правок обычно две-три волны: первая большая, дальше мелочи.
- Основные страницы. По одному образцу на каждый тип: каталог, карточка, статья, контакты. Отдельно — состояния: ошибка в форме, «заявка отправлена», слишком длинный заголовок.
- Адаптивные версии. Телефон и планшет рисуем отдельно, а не сжимаем десктопную версию: три колонки становятся одной, таблица цен — списком, длинная форма — шагами.
- Внедрение. Собираем новый вид на закрытой копии, делаем резервную копию старого сайта, проверяем формы, ссылки, скорость и счётчики. Права на новый дизайн и исходные файлы — владельцу сайта.
Объём определяем на старте: иногда достаточно обновить вид, иногда приходится перебирать структуру. Дизайн и разработка у нас в одной команде, поэтому внедрение не приходится искать отдельно — но можем и отдать макеты вашему разработчику.
Как сделать редизайн и не потерять позиции в Google
Адрес страницы — это строка в браузере, по которой она открывается. Google запоминает именно его; на него стоят ссылки с ваших визиток, соцсетей, справочников и чужих сайтов. Самая дорогая ошибка редизайна — тихо изменить адреса и не объяснить старым, куда теперь идти. Тогда все эти ссылки ведут в пустоту, а страницы выпадают из поиска.
Лечится это переадресацией: старому адресу прописывают, что страница переехала, и человека вместе с поисковой системой автоматически переносит на новую. Работа техническая и незаметная, поэтому её легче всего пропустить в спешке перед запуском — а заметно это становится через несколько недель, когда падает посещаемость. По возможности адреса вообще оставляем как есть: это самый простой способ ничего не потерять.
Вместе с адресами легко потерять и тексты: ради «чистого» вида с сайта убирают подробные описания услуг — именно те, по которым компанию находили. Поэтому перед стартом задайте исполнителю один вопрос: что будет со старыми адресами и текстами? Если ответ расплывчатый или «да ничего страшного» — это прямой риск для видимости в поиске. После запуска проследите за посещаемостью две-три недели.
Сколько стоит редизайн сайта и от чего зависит цена
Цена зависит от объёма: обновить вид стоит меньше, чем переделать структуру и адаптивы. Если сайт изначально делали мы — работа дешевле, потому что не нужно разбираться в чужом проекте. В калькуляторе редизайн считается по пакетам дизайна:
- Лайт — от 3 900 грн: главная плюс две внутренние страницы, готовая сетка, адаптив под две ширины экрана, один раунд правок.
- Нормал — от 6 900 грн: до шести экранов, уникальная сетка, адаптив под три ширины, AI-концепт, два раунда правок.
- Фул — от 12 900 грн: до двенадцати экранов, дизайн-система, все ширины, состояния и анимации, три раунда правок, макеты готовы к вёрстке.
Объём: до 5 страниц — базовая цена, до 15 — плюс 20 %, до 30 — плюс 40 %. Дополнения: AI-концепт — 1 500 грн, логотип — 2 500 грн, фирменный стиль — 3 500 грн. Это стоимость макетов; внедрение — вёрстка и перенос на сайт — считается отдельно, как создание сайта от 5 900 грн, или вы отдаёте макеты своему разработчику. Ориентир — в калькуляторе, точную сумму называем после разбора за 1 день и фиксируем в договоре.
Как проверить редизайн перед запуском: чек-лист
- Отправьте заявку через форму с телефона и проверьте, пришло ли письмо — и не упало ли оно в спам.
- Пройдите сайт на телефоне, планшете и компьютере до кнопки заявки одной рукой.
- Проверьте поиск, фильтры и корзину, если они есть.
- Откройте старые ссылки с визиток и соцсетей — ведут ли они куда нужно.
- Убедитесь, что счётчики посещений и коды рекламы на месте.
- Бросьте ссылку в мессенджер — подтягивается ли правильная картинка.
- Выберите спокойную дату запуска — не накануне акции или большой рассылки.
Принимайте работу словами «сайт работает», а не «макет утверждён». Мелкие расхождения с макетом — это нормально, а вот форма без письма или кнопка, которая на телефоне уходит за край, — недоделанная работа.
Частые вопросы о редизайне сайта
Возьмёте ли сайт, сделанный не вами?
Да. Это обычная для нас работа — разбираемся в существующем проекте и обновляем его.
Можно ли обновить только вид, без структуры?
Да, если структура работает. На старте скажем, хватит ли косметического обновления или проблема глубже.
Сколько правок можно вносить?
Дорабатываем макет, пока он не устроит вас. Объём правок фиксируем в задании, чтобы работа не длилась бесконечно.
Упадёт ли сайт в поиске после редизайна?
Не должен. Адреса страниц и структуру сохраняем, а где адрес всё же меняется — ставим переадресацию, так что накопленные позиции не теряются.
Кто получает права на новый дизайн и с чего начать?
Права — владельцу сайта, вместе с исходными файлами. Чтобы начать, отправьте адрес сайта в заявке — скажем, достаточно ли обновить вид, и посчитаем объём.