Чекліст редизайну сайту: 30 кроків

Редизайн проходить добре, коли нудні речі вирішено ще до того, як хтось відкрив дизайн-файл. Цей чекліст редизайну сайту містить 30 кроків у шести етапах: цілі, аудит, контент, дизайн і розробка, SEO-міграція, запуск. За ним зручно планувати проєкт, ставити завдання команді або перевіряти пропозицію. Кожен крок ми робимо на типовому редизайні.

Більшість проблем редизайну не візуальні. Трафік падає, бо забули про редиректи. Запуск зсувається, бо тексти прийшли пізно. Бюджет росте, бо ніхто не записав, що означає «готово». Кроки нижче впорядковано так, щоб спершу закрити саме ці три ризики.

Чекліст редизайну сайту, етап 1: цілі та відправна точка

Почніть із цифр і причин. Редизайн без відправної точки не зможе довести, що спрацював.

• 01 · Запишіть, навіщо вам редизайн. Один абзац. «Виглядає застаріло» теж причина, але назвіть, чого це вам коштує: втрачені заявки, повільне редагування, неточне позиціювання.
• 02 · Оберіть дві-три вимірювані цілі. Наприклад: кількість запитів на демо на місяць, час на публікацію сторінки, конверсія на мобільних.
• 03 · Зафіксуйте поточні показники. Вивантажте дані аналітики і Search Console за 12 місяців. Запишіть головні сторінки входу, запити і конверсії.
• 04 · Визначте діапазон бюджету і вікно запуску. Вирішіть, що фіксоване, а що може зсуватися. Типові діапазони за типом проєкту є в нашому огляді цін на сайти у 2025 році.
• 05 · Призначте одну людину, яка ухвалює рішення. Відгуки від п’ятьох людей з однаковим голосом найчастіше роблять проєкт запізнілим.

Результат цього етапу варто вмістити на одну сторінку: причини, цілі, поточні цифри, бюджет і відповідальна особа. Поділіться нею з усіма, хто переглядатиме роботу. Коли на п’ятому тижні почнеться суперечка про колір кнопки, саме ця сторінка її вирішить. Вона ж дасть чесний спосіб оцінити результат після запуску, бо цілі записали до того, як хтось побачив дизайн.

Етап 2: аудит того, що вже є

Ви починаєте не з нуля. Поточний сайт має позиції в пошуку, посилання і контент, які досі працюють.

• 06 · Проскануйте весь сайт. Складіть список усіх URL з тайтлами, кодами відповіді й обсягом тексту. Для більшості маркетингових сайтів вистачить десктопного краулера.
• 07 · Позначте сторінки, що приносять трафік або посилання. Саме їх ви захищатимете під час міграції.
• 08 · Знайдіть баласт. Тонкі, застарілі або дубльовані сторінки можна об’єднати чи прибрати, але з редиректами.
• 09 · Перевірте швидкість і доступність. Lighthouse плюс прохід лише з клавіатури. Запишіть найгірші проблеми, щоб новий сайт їх не повторив.
• 10 · Поговоріть із людьми, які користуються сайтом. Продажі, підтримка і ті, хто редагує контент. Запитайте, чого вони уникають, бо сайт це ускладнює.

Етап 3: контент і структура

Саме контент найчастіше затримує редизайн. Плануйте його як окремий результат з відповідальним і датою.

• 11 · Накресліть нову карту сайту. Групуйте сторінки за потребами відвідувачів, а не за оргструктурою компанії.
• 12 · Зіставте кожну стару адресу з новою. Так починається карта редиректів. Жоден старий URL не має лишитися без цілі.
• 13 · Вирішіть, хто що пише. Ваша команда, копірайтер чи агенція. Внесіть дати здачі текстів у план проєкту.
• 14 · Напишіть ключові сторінки першими. Головна, сторінки продуктів чи послуг і ціни. Дизайн іде за контентом, а не навпаки.
• 15 · Обирайте CMS за тим, хто редагує. Якщо маркетинг править сайт щодня, йому потрібна CMS, з якою можна працювати без розробника.

Етап 4: дизайн і розробка

Коли цілі й контент визначено, дизайнерські рішення ухвалюються швидше і їх легше обґрунтувати.

• 16 · Почніть із прототипів ключових шаблонів. Погодьте структуру та ієрархію до візуального стилю.
• 17 · Зафіксуйте кількість раундів правок. Двох раундів на етап досить, якщо відгуки зведено в один список. «Необмежені правки» зазвичай означають нечіткі рішення.
• 18 · Зберіть невелику дизайн-систему. Шкала шрифтів, кольори, відступи і компоненти. Вона тримає нові сторінки в одному стилі після запуску.
• 19 · Розробляйте на тестовому сервері, який ви бачите щотижня. Живе посилання на staging найпростіше страхує від сюрпризів наприкінці.
• 20 · Тестуйте на реальних пристроях і браузерах. Додайте навігацію з клавіатури, базову перевірку зчитувачем екрана і контраст за WCAG 2.2 AA.

Як зберегти SEO під час редизайну?

Падіння пошукового трафіку після редизайну трапляється часто, і здебільшого його можна уникнути. Механіку пояснює сам Google у посібнику про переїзд сайту зі зміною URL. П’ять кроків нижче закривають те, що зазвичай іде не так.

• 21 · Доробіть карту редиректів. Редирект 301 з кожної старої адреси на найближчу нову сторінку. Не перенаправляйте все на головну.
• 22 · Перенесіть тайтли, описи й заголовки сторінок, які мають позиції, якщо немає вагомої причини їх міняти.
• 23 · Внутрішні посилання ведіть на кінцеві URL, а не на редиректи.
• 24 · Перевірте мікророзмітку, canonical і XML-карту сайту на тестовому сервері до запуску.
• 25 · Закрийте staging від пошукових систем і не забудьте зняти заборону в день запуску.

Етап 6: запуск і перші 30 днів

Запуск є процесом, а не миттю. Плануйте перший місяць як частину проєкту.

• 26 · Запускайтеся на початку тижня, ніколи не в п’ятницю, і з командою на зв’язку.
• 27 · Перевірте редиректи одразу після запуску за повним списком старих URL.
• 28 · Надішліть нову карту сайту в Search Console і перші два тижні щодня стежте за покриттям і помилками сканування.
• 29 · Порівнюйте з відправною точкою через 2, 4 і 8 тижнів: трафік на ключові сторінки, позиції за головними запитами, конверсії.
• 30 · Підготуйте пакет передачі. Облікові записи, безпечно збережені доступи, інструкція до CMS і список відомих проблем. Сайт, код і облікові записи мають бути оформлені на вас.

Що перевірити в пропозиції на редизайн

Якщо ви порівнюєте пропозиції агенцій, пройдіть чекліст у зворотному порядку. У добрій пропозиції є карта редиректів, поточні показники, кількість правок, тестовий сервер і моніторинг після запуску. Якщо SEO-міграція позначена як «опційна», запитайте, що буде з вашими поточними позиціями.

Сплануйте редизайн з фіксованим обсягом

Редизайном легше керувати, коли обсяг і ціну зафіксовано наперед. Наша послуга редизайну сайту починається від 9 500 $ за 8 шаблонів сторінок, триває 5-6 тижнів і включає SEO-міграцію: карту редиректів, перевірки в Search Console до і після, моніторинг після запуску.

Щоб побачити, скільки додадуть сторінки, мови чи CMS, загляньте на сторінку цін на сайти. Там опубліковано кожен пакет, додаткові послуги і ставки на зміни, тож бюджет можна скласти ще до першої розмови.