Разработка сайтов обновление действующего сайта

Редизайн сайта

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

Цена и пример расчёта
Ноутбук и планшет с макетом обновлённого сайта на рабочем столе
301редирект для каждого адреса, который пришлось изменить

01 Определение

Что такое редизайн сайта

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

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

  • Меняем: структуру, навигацию, макеты, вёрстку, скорость
  • Сохраняем: домен, адреса страниц, рабочие тексты, аналитику
  • Сайт, макеты и доступы после сдачи принадлежат вам

02 Без лишних трат

Когда редизайн нужен, а когда деньги лучше потратить на другое

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

Нужен

Когда мешает сам сайт

  • Сайт не приспособлен к телефону. Мелкий текст, кнопки, в которые не попасть пальцем, таблицы, выходящие за экран. Google индексирует именно мобильную версию страниц, так что это проблема и для поиска.
  • Структура переросла меню. Услуг стало больше, и новым нет места: меню в две строки, важные страницы на третьем уровне, две страницы об одном и том же.
  • Тему или конструктор страниц уже не обновить. Каждая правка ломает соседний блок, а разработчик, который это собирал, давно не отвечает.
  • Сайт тормозит из-за вёрстки. Тяжёлые слайдеры, десятки скриптов, фото по несколько мегабайт. Плагин кеширования этого не вылечит.
  • Компания изменилась. Новый фирменный стиль, другие услуги, другой покупатель, а сайт всё ещё рассказывает о том, чем вы были пять лет назад.
Не нужен

Когда проблема в другом

  • На сайт почти никто не заходит. Новый дизайн посетителей не приведёт. Это задача для SEO-продвижения или рекламы.
  • Слаба одна страница. Если заявок не даёт только главная или один лендинг, дешевле переделать её, чем весь сайт.
  • Непонятные тексты. Когда с первого экрана не видно, что вы продаёте и сколько это стоит, начните с текста главной и страниц услуг.
  • Сайт надоел владельцу. Вы видите его каждый день, клиент раз или два. Пока заявки не падают, это ещё не причина.
  • Непонятно, что именно не работает. Тогда сначала нужен аудит сайта: он стоит от $300 и показывает, где настоящая проблема.

03 Главный риск

Что сохраняем при редизайне: адреса, редиректы, позиции в поиске

Поиск не видит, что сайт стал красивее. Он видит, что исчезли знакомые адреса и тексты.

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

Адреса страниц

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

301-редиректы

Бывает, что адрес приходится менять: в нём технические параметры, дата или название услуги, которой уже нет. Тогда со старого адреса на новый ставим 301-редирект, то есть постоянную переадресацию. Человек из закладки или с чужого сайта попадает на нужную страницу, а Google переносит на новый адрес то, что знал о старом.

Каждая старая страница ведёт на свою новую, а не все вместе на главную. Google советует держать такие редиректы не меньше года. Мы советуем не снимать их вообще.

Тексты и метатеги

Тексты страниц, которые уже стоят в поиске, переносим без сокращений. Если макет требует три строки там, где их шесть, меняем макет. Title, description и H1 переезжают вместе с текстом: в макете их не видно, поэтому при переносе их проще всего потерять.

Позиции в поиске

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

04 Образец

Карта редиректов: фрагмент

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

Старый адресНовый адресЧто делаем и почему
/remont-kofemashin/без измененийОставляем адрес и текст. Страница приводит больше всего людей из поиска, поэтому меняем только макет.
/index.php?page=prices→ /ceny/301-редирект. В старом адресе технический параметр, а на страницу цен ссылаются каталоги компаний.
/delonghi.html и /remont-delonghi/→ /remont-kofemashin/delonghi/Две страницы об одном и том же объединяем. Оба старых адреса ведут на новый.
/news/akciya-vesna-2021/убираемАкция давно закончилась, посещений и ссылок нет. Страница отдаёт код 410: «удалено навсегда».
/contacts.html→ /kontakty/301-редирект. Старый адрес напечатан на визитках и указан в профиле компании на картах Google.
/blog/kak-pochistit-kofemashinu/без измененийСтатья приводит читателей из поиска. Переносим полностью, с фото и таблицей.
В настоящей карте столько строк, сколько адресов на сайте: от нескольких десятков до нескольких тысяч.

05 Правило запуска

Новый сайт включаем, когда проверен каждый старый адрес

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

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

06 Этапы

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

На редизайн уходит от трёх до шести недель. За три успеваем сайт на десять-пятнадцать страниц, где тексты остаются. Шесть нужны, когда страниц несколько десятков, есть блог и второй язык. У каждого этапа своя цена, и заканчивается он вашим согласованием.

  1. 01

    Аудит старого сайта

    Собираем все адреса, смотрим аналитику и Search Console: какие страницы приводят людей, с каких идут заявки, что ломается на телефоне. Расспрашиваем вас и менеджеров, что на сайте мешает.

    → 3–5 дней: таблица страниц с решениями

  2. 02

    Структура и прототип

    Составляем новое дерево страниц и схемы главных шаблонов: главная, услуга, статья, контакты. Здесь же появляется карта редиректов. Переставить блок на схеме можно за пять минут, после вёрстки на это уходят дни.

    → до недели: прототип и карта адресов

  3. 03

    Дизайн

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

    → 1–2 недели: макеты всех шаблонов

  4. 04

    Вёрстка и перенос

    Собираем сайт на WordPress на тестовом адресе, закрытом от поиска. Переносим тексты, фото, метатеги и формы. Подключаем аналитику и отправляем тестовые заявки из каждой формы.

    → 1–2 недели: сайт на тестовом адресе

  5. 05

    Запуск и наблюдение

    Переключаем сайт в часы, когда посетителей меньше всего. В тот же день проверяем редиректы и формы, подаём новую карту сайта в Search Console. Копию старого сайта сохраняем, чтобы в случае чего вернуться.

    → день запуска и 2 недели наблюдения

07 Варианты

Обновление сайта: косметическое, редизайн или новый сайт

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

Внешний вид

Косметическое обновление

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

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

Вид и структура

Редизайн

Новая структура, новые макеты и новая вёрстка на том же домене. Содержимое переносим, адреса сохраняем или закрываем редиректами. От $1 100, три-шесть недель.

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

Платформа

Новый сайт

Если сайт стоит на конструкторе, который не позволяет добавить нужное, или на самописной системе без разработчика, латать его часто дороже, чем собрать заново на WordPress. То же самое, когда бизнес изменился настолько, что со старого сайта нечего переносить.

Тогда это уже разработка: лендинг (от $900), корпоративный сайт (от $1 900) или интернет-магазин (от $3 000). Адреса старого сайта и здесь закрываем редиректами. Все типы сайтов собраны в разделе разработки сайтов.

08 Цены

Редизайн сайта: цена и от чего она зависит

Редизайн стоит от $1 100. Пример: сайт услуг на 15 страниц остаётся на WordPress, пять страниц услуг заодно нужно переписать. Сам редизайн обойдётся от $1 100, пять текстов по 4000 знаков по цене SEO-текстов добавят от $300. Всего от $1 400, разбитых на этапы.

УслугаЧто входитСрокЦена
Редизайн сайтаАудит, новая структура, дизайн, перенос содержимого, редиректы3–6 недельот $1 100 / сайт
Корпоративный сайтСтруктура, тексты ключевых страниц, дизайн, вёрстка, система управления4–8 недельот $1 900 / сайт
Разработка лендингаПрототип, тексты, дизайн, адаптивная вёрстка, форма и аналитика2–3 неделиот $900 / лендинг
Поддержка сайтаОбновления, резервные копии, мониторинг, до 5 часов правокежемесячноот $150 / месяц
SEO-аудит сайтаТехнический аудит, проверка текстов и ссылок, план правок5–7 днейот $300 / аудит
Цены указаны «от». Сумму и срок каждого этапа фиксируем письменно до начала работы; они не меняются, пока не меняется задача.

Что влияет на сумму

  • Количество шаблонов, а не страниц. Двадцати страницам услуг одинакового устройства нужен один макет. Десяти страницам разного устройства нужно десять.
  • Объём содержимого. Перенести тридцать страниц и перенести триста статей блога с фото — разное количество работы.
  • Платформа. Если старый сайт на WordPress, меняем тему и сохраняем базу. С конструктора или самописной системы содержимое приходится переносить вручную или скриптом.
  • Функции. Калькулятор, онлайн-запись, личный кабинет, обмен данными с CRM считаем отдельными строками сметы.
  • Языки. Каждая языковая версия добавляет ещё один комплект страниц для переноса и проверки.
  • Тексты. Перенос имеющихся входит в цену. Новые пишем отдельно: тексты для сайта считаем постранично.

09 Вопросы

Вопросы о редизайне сайта

Упадут ли позиции в Google после редизайна?

В первые недели они могут колебаться, пока Google заново обходит страницы, и этого не избежать. Надолго сайт теряет позиции из-за трёх вещей: изменённые адреса без редиректов, сокращённые тексты и потерянные метатеги. Всё это мы проверяем по списку до запуска. Обещать, что ни одна позиция не изменится, не будем: такого не может обещать никто.

Сколько длится редизайн сайта?

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

Будет ли сайт недоступен во время работ?

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

Можно ли обновить дизайн и не менять адреса страниц?

Да, и это лучший вариант. Если старая структура логична, новый макет встаёт на те же адреса, и редиректы не нужны вообще. Адрес меняем только там, где старый мешает: дубли, технические параметры, страницы, которые нужно объединить.

Наш сайт не на WordPress. Вы возьмётесь?

Возьмёмся, но это будет редизайн с переносом на WordPress: на нём мы собираем сайты, а магазины на WooCommerce. Содержимое переносим, старые адреса закрываем редиректами. Если вам принципиально остаться на своей платформе, напишите, какая она: посмотрим и ответим, беремся ли.

Обязательно ли переписывать тексты?

Нет. Тексты страниц, которые стоят в поиске и дают заявки, лучше не трогать. Переписывать стоит то, что устарело или никогда не работало: главную, страницу о компании, описания новых услуг. Это отдельная работа, цены на неё есть на страницах текстов для сайтов и SEO-текстов.

Что нужно от нас?

Доступы к админке, хостингу, Search Console и аналитике. Человек, который согласует структуру и макеты и отвечает за день-два. Логотип и фирменные цвета в исходных файлах, если они есть. И список того, что на старом сайте раздражает вас и ваших менеджеров.

Кому принадлежат сайт и макеты после сдачи?

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

Как проходит оплата?

Цену каждого этапа и сроки фиксируем письменно до начала работы. Перед этапом вы вносите 50%, остальное после его сдачи. Пока не меняется задача, не меняется и сумма.

Заказ

Расскажите о задаче. Назовём цену и срок

Достаточно двух предложений: что за продукт и что вам нужно — текст, сайт или продвижение. Ответим в течение рабочего дня.

Данные из формы используем только для ответа на ваш запрос.

Запрос на расчёт

Опишите задачу в свободной форме. Цену и срок пришлём в течение рабочего дня.

Данные из формы используем только для ответа на ваш запрос.