Редизайн сайту: коли він потрібен і як не втратити позиції

Редизайн сайту — це шанс зробити сайт зручнішим і сучаснішим, але й найпростіший спосіб втратити позиції в Google, які накопичувалися роками. У цьому посібнику ви отримаєте повний маршрут: як вирішити, чи потрібна переробка взагалі, що зафіксувати до початку робіт, як скласти карту переадресацій, як перевірити тестову версію, що робити в день запуску і на які цифри дивитися перший місяць.

Сайт, зроблений п’ять-сім років тому, часто виглядає застарілим: дрібний шрифт, незручна мобільна версія, фото, які вже не відповідають реальності. Рішення здається очевидним — замовити новий дизайн. Але саме тут багато власників бізнесу втрачають стабільний потік звернень із пошуку.

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

Чи потрібен вам редизайн сайту: чесна діагностика

Не кожен «старий» сайт треба переробляти. Інколи достатньо оновити фото, ціни й кнопки. Ось ситуації, у яких повна переробка зазвичай виправдана:

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

А от «набрид дизайн» чи «у конкурента красивіше» — слабкі причини, якщо сайт приносить заявки. Тоді краще точково покращити те, що заважає клієнтам, і не ризикувати трафіком. Добре допомагає просте питання: яку конкретну проблему клієнта чи бізнесу має вирішити оновлення? Якщо відповідь звучить як «стане гарніше», варто ще раз подумати.

Альтернатива: точкові правки

Якщо сайт загалом працює, спробуйте спершу кілька точкових змін: нові фото команди й робіт, актуальні ціни, помітна кнопка месенджера на телефоні, коротша форма заявки, оновлені відгуки. Такі правки займають дні, а не тижні, і майже не зачіпають того, що бачить Google. Якщо через місяць-два стане зрозуміло, що їх недостатньо, у вас уже буде чіткіший список вимог до повноцінної переробки.

Три масштаби змін і ризик для пошуку

Під словом «редизайн» люди мають на увазі дуже різні речі. Варто чітко домовитися з підрядником, про що саме йдеться, бо від цього залежать бюджет, терміни й ризики для пошуку.

Варіант	Що змінюється	Ризик для позицій	Орієнтовні терміни
Косметичне оновлення	фото, кольори, кнопки, окремі блоки	мінімальний	від кількох днів
Редизайн на тій самій платформі	вигляд і частина структури, адреси зберігаються	невеликий за правильної підготовки	від 1–2 тижнів
Новий сайт на іншій платформі	усе: шаблон, адреси, часто тексти	найвищий без плану переадресацій	від кількох тижнів

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

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

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

Інвентаризація старого сайту до першого макета

Найважливіший етап відбувається ще до того, як дизайнер відкриє макет. Потрібно зафіксувати, що саме на старому сайті приносить користь, щоб не загубити це під час переїзду. Збережіть усе в одну папку з датою: через місяць після запуску ці дані знадобляться для порівняння.

1. Список усіх адрес сторінок. Його можна отримати з карти сайту (sitemap.xml), із Search Console або за допомогою програми-сканера.
2. Сторінки, які приводять відвідувачів. У Search Console у звіті «Ефективність» відсортуйте сторінки за кліками за останні 12 місяців. Верхні 10–20 — ваш головний актив.
3. Запити, за якими ці сторінки показуються. Збережіть таблицю, щоб після запуску порівняти.
4. Мета-теги і заголовки. Title, description і H1 для ключових сторінок.
5. Зовнішні посилання. На які сторінки посилаються інші сайти (розділ «Посилання» в Search Console).
6. Тексти повністю. Навіть якщо плануєте переписати, оригінал знадобиться для порівняння.
7. Налаштування аналітики. Які події й цілі рахуються зараз: дзвінки, форми, месенджери.

Якщо робити це самостійно складно, таку інвентаризацію разом із переліком технічних помилок старої версії дає SEO-аудит сайту. Звіт до переробки корисний ще й тим, що показує, які проблеми не варто переносити на новий сайт: дублікати сторінок, биті посилання, порожні заголовки.

Що робити, якщо доступу до Search Console немає

Буває, що старий сайт робив підрядник, який зник разом із доступами. Search Console можна підключити заново, підтвердивши права на домен, але історичні дані з’являться лише з моменту підключення. Тому зробіть це якомога раніше, ще до старту робіт. Список адрес у такому разі можна зібрати сканером, а найважливіші сторінки визначити за аналітикою чи хоча б за тим, на які сторінки найчастіше посилаються в соцмережах і рекламі.

Завдання для дизайнера: що передати разом із побажаннями

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

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

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

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

Карта 301-переадресацій: робоча таблиця

Якщо стара сторінка послуги мала адресу /services/manicure.html, а нова — /manikiur/, для Google це дві різні сторінки. Стара зникає з пошуку разом зі своєю історією, а нова починає з нуля. Щоб цього уникнути, налаштовують постійну переадресацію з кодом 301: вона повідомляє пошуку, що сторінка переїхала, і передає їй накопичену вагу.

Карту переадресацій зручно вести у звичайній таблиці. Ось умовний приклад для невеликого сайту салону:

Стара адреса	Нова адреса	Коментар
/services/manicure.html	/manikiur/	послуга збереглася, нова «людська» адреса
/services/pedicure.html	/pedykiur/	те саме
/akcii-2021/	/tsiny/	сторінки акції більше немає, ведемо на ціни
/?page_id=37	/kontakty/	технічна адреса старої системи
/nail-art/	/manikiur/	послугу об’єднали з манікюром

Правила, які варто перевірити

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

Найкраще, звісно, взагалі не змінювати адреси, якщо вони зрозумілі. Але коли старі адреси виглядають як ?page_id=37, перехід на людські URL під час переробки — слушна нагода, якщо переадресації налаштовані.

Як перевірити, що переадресації працюють

Після запуску відкрийте кілька старих адрес у браузері: вас має одразу перекинути на відповідну нову сторінку, без проміжних кроків і помилок. Для повної перевірки зручно завантажити весь список старих адрес у програму-сканер, яка покаже код відповіді кожної. Усі рядки мають повертати 301 і вести на сторінку, що відкривається без помилок. Зберігайте переадресації назавжди: зовнішні посилання на старі адреси можуть жити роками.

Умовний приклад: редизайн сайту стоматологічного кабінету

Щоб етапи не здавалися абстрактними, розглянемо вигаданий, але типовий випадок. Невеликий стоматологічний кабінет має сайт на дванадцять сторінок, зроблений кілька років тому. З пошуку приходить стабільна частина пацієнтів, але мобільна версія незручна, а ціни застаріли.

1. Власник вивантажує дані з Search Console і бачить, що понад половину кліків дають три сторінки: імплантація, дитяча стоматологія й ціни.
2. У завданні дизайнеру ці три сторінки позначені як недоторканні за обсягом тексту; дизайн може змінювати вигляд, але не скорочувати зміст.
3. Адреси двох застарілих акцій ведуть на сторінку цін, технічні адреси старої системи — на відповідні нові сторінки.
4. Тестова версія закрита паролем, перед запуском лікарі й адміністратор проходять шлях запису з телефона.
5. Запуск у вівторок, перший тиждень — щоденна перевірка заявок, далі щотижневе порівняння з даними до запуску.

У такому сценарії найімовірніший результат — короткі коливання позицій, після яких сайт стабілізується, а зручніша мобільна версія дає більше записів із тих самих відвідувачів. Гарантувати це не може ніхто, але саме такий порядок дій мінімізує ризики.

Тексти, заголовки й мета-теги: що не можна губити

Дизайнери люблять лаконічність, і на нових макетах часто залишається по два речення на сторінку послуги. Візуально виглядає сучасно, але для Google сторінка втрачає зміст, за яким її раніше показували. Позиції падають, і власник не розуміє чому, адже «сайт став кращим».

Правило просте: якщо сторінка приносила відвідувачів, на новій версії має залишитися щонайменше той самий обсяг корисної інформації. Текст можна переписати, структурувати, розбити на блоки й додати фото, але не варто скорочувати його до гасла.

Порівняння «до і після» для кожної ключової сторінки

• H1 і підзаголовки: чи залишилися в них назва послуги й місто;
• основний текст: чи не зник опис, ціни, відповіді на питання;
• title і description: перенесені або переписані краще, але не порожні;
• alt-тексти зображень: не «image1», а опис того, що на фото;
• блок частих питань і мікророзмітка, якщо вони були на старій версії.

Як правильно написати title і description, щоб не лише зберегти, а й покращити клікабельність у видачі, ми розбирали в матеріалі про мета-теги title і description. Редизайн — хороший момент переглянути їх для всіх сторінок, але зміни варто фіксувати в таблиці, щоб потім розуміти, що спрацювало.

Тестова версія: перевіряйте, але не показуйте Google

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

• закрийте тестову версію паролем або забороною індексації, і запишіть у чек-лист запуску, що цю заборону треба зняти;
• пройдіть усі сторінки з телефона й комп’ютера: меню, форми, кнопки, галереї;
• перевірте швидкість ключових сторінок ще до запуску, а не після скарг клієнтів;
• заповніть тестові заявки й переконайтеся, що вони доходять на потрібну пошту чи в месенджер;
• попросіть когось, хто не бачив проєкт, знайти на сайті ціну й записатися: сторонній погляд швидко показує незручності.

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

День запуску: порядок дій

Запуск краще планувати на початок робочого тижня, коли і ви, і підрядник на зв’язку. Порядок дій приблизно такий:

1. Перенесіть новий сайт на основний домен і переконайтеся, що він відкритий для індексації.
2. Увімкніть переадресації й вибірково перевірте 10–20 старих адрес вручну, починаючи з найвідвідуваніших.
3. Переконайтеся, що працюють форми заявок, кнопки дзвінка й месенджерів, і заявки доходять до потрібної людини.
4. Оновіть карту сайту й надішліть її в Search Console.
5. Перевірте, що підключені аналітика й цілі, щоб бачити заявки з першого дня.
6. Відкрийте сайт із телефона з мобільного інтернету й пройдіть шлях клієнта до заявки.
7. Оновіть посилання на сайт у профілі в Google Картах, соцмережах і каталогах, якщо змінилися адреси ключових сторінок.

Перші 30 днів: що й коли перевіряти

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

Період	Що перевіряти	Де дивитися
Перші 2–3 дні	чи працюють форми й дзвінки, чи немає помилок 404 на старих адресах	тестові заявки, ручна перевірка
Тиждень 1	сплески помилок індексування, обробка карти сайту	Search Console, звіт про індексування
Тижні 2–3	кліки й покази ключових сторінок проти збережених даних	Search Console, «Ефективність»
Тиждень 4	кількість заявок проти того ж періоду до запуску	аналітика й таблиця звернень

Як читати звіти, знаходити сторінки з помилками й надсилати їх на повторну перевірку, детально пояснює інструкція з Google Search Console. Якщо якась важлива сторінка зникла з пошуку, найчастіше причина в переадресації або в тому, що з неї зник текст, за яким її раніше знаходили.

Окремо стежте за поведінкою відвідувачів: як довго залишаються на сторінках, чи доходять до форми, чи натискають кнопки зв’язку. Буває, що позиції збереглися, а заявок поменшало, бо на новому дизайні кнопку запису стало складніше знайти. Це теж наслідок редизайну, і він виправляється значно швидше, ніж втрачені позиції.

Шість помилок, через які оновлення обходиться дорожче

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

• Почати з кольорів, а не зі структури. Дизайн доведеться переробляти під реальний вміст.
• Віддати все на смак дизайнера. Покажіть йому найчастіші запитання й заперечення клієнтів.
• Видалити блог чи «старі» статті. Інколи саме вони приводять значну частину відвідувачів. Перед видаленням перевірте їхню статистику, а якщо видаляєте — налаштуйте переадресацію на близьку тему.
• Не домовитися про доступи. Домен, хостинг і адмінка мають бути оформлені на вас, щоб наступні зміни не залежали від однієї людини.
• Запустити без тестування форм. Красивий сайт, з якого тиждень не доходять заявки, коштує бізнесу більше, ніж будь-яка переробка.
• Змінити все одночасно. Новий дизайн, нові тексти, нові адреси й нова платформа за один раз ускладнюють пошук причини, якщо щось піде не так.

Остання помилка особливо підступна. Якщо є можливість, розбийте зміни на етапи: спершу перенесення на нову платформу зі збереженим вмістом, потім поступове переписування текстів. Так легше побачити, що саме вплинуло на позиції.

Ще одна поширена пастка — відсутність відповідального. Коли дизайнер, розробник, SEO-фахівець і власник бізнесу відповідають кожен за свій шматок, хтось має тримати в голові весь проєкт і чек-лист запуску. Для малого бізнесу це найчастіше сам власник, тому прості таблиці з цієї статті справді рятують.

Терміни, бюджет і вибір основи

Редизайн невеликого сайту послуг зазвичай займає від одного-двох тижнів до кількох місяців, залежно від того, наскільки готові тексти й фото і чи змінюється платформа. Бюджет так само сильно розходиться: від косметичних правок до повноцінного нового сайту. Щоб порівнювати пропозиції підрядників, просіть кожного розписати, чи входить у ціну перенесення текстів, мета-тегів і налаштування переадресацій. Саме ці пункти часто «забувають» у дешевих кошторисах.

Окремо врахуйте витрати, які не стосуються розробки: нові фото, переписування текстів, можливе продовження хостингу чи перенесення домену. Якщо бюджет обмежений, краще вкласти його в зміст і збереження SEO, ніж у складні анімації. Відвідувачі приходять на сайт по відповіді, а не по ефекти.

Якщо старий сайт технічно застарів і простіше перейти на нову основу, перегляньте готові сайти за нішами. У GuideWay вони адаптуються під ваш бренд, тексти, фото й ціни, а SEO закладається з першого дня; при переїзді окремо узгоджуємо збереження адрес і переадресацій. Пакети, терміни й умови оплати зібрані на сторінці цін, а етапи співпраці описані в розділі як ми працюємо.

Хоч би кого ви обрали, правильно проведений редизайн сайту не обнуляє роботу минулих років, а дає їй нову, зручнішу оболонку.

Редизайн сайту вже в планах: що зробити цього тижня

Навіть якщо старт робіт ще не скоро, кілька кроків варто зробити вже зараз. Вони займуть кілька годин, а збережуть багато нервів пізніше:

1. Перевірте, чи маєте доступи до домену, хостингу, адмінки, Search Console й аналітики, і чи оформлені вони на вас.
2. Вивантажте з Search Console сторінки й запити за останні 12 місяців.
3. Збережіть повний список адрес сайту й тексти ключових сторінок.
4. Попросіть адміністратора чи менеджера тиждень записувати питання клієнтів: вони знадобляться для завдання дизайнеру.
5. Сформулюйте одним реченням головну причину оновлення й покажіть її підряднику на першій зустрічі.

З цим набором будь-яка розмова з підрядником стає предметнішою, а ризик втратити позиції помітно зменшується.

Часті запитання

Чи впадуть позиції після редизайну сайту?

Невеликі тимчасові коливання можливі навіть за правильної підготовки, бо Google заново оцінює сторінки. Суттєве падіння зазвичай пов’язане з конкретними помилками: зміненими адресами без переадресацій, скороченими текстами, закритою індексацією чи втраченими мета-тегами. Якщо їх уникнути, позиції, як правило, відновлюються за кілька тижнів, а інколи й покращуються.

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

Фіксованого терміну немає. Багато сайтів малого бізнесу добре працюють п’ять років і довше, якщо їх оновлювати поступово: фото, ціни, нові послуги, відгуки. Повна переробка потрібна, коли сайт незручний на телефоні, технічно застарів або більше не відповідає тому, чим займається бізнес. Привід — проблема, а не календар.

Що таке 301-переадресація простими словами?

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

Чи можна змінити дизайн, не змінюючи сайт повністю?

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

Скільки часу триває редизайн невеликого сайту?

Орієнтовно від одного-двох тижнів для оновлення на тій самій платформі до кількох тижнів чи місяців для переїзду на нову. Найбільше часу зазвичай іде не на розробку, а на підготовку й узгодження текстів, фото й структури. Якщо зібрати матеріали заздалегідь і затвердити структуру до дизайну, терміни помітно скорочуються.

Що робити, якщо після редизайну зникли заявки?

Насамперед перевірте форми, кнопки дзвінка й месенджерів: самі надішліть тестову заявку. Потім подивіться в Search Console, чи не впали кліки на ключові сторінки і чи немає помилок 404 на старих адресах. Перевірте, чи не залишилася заборона індексації з тестової версії. Найчастіше причина в одній із цих трьох речей.

Чи потрібен SEO-фахівець під час редизайну?

Якщо сайт отримує помітну частину звернень із пошуку, участь фахівця бажана хоча б на двох етапах: до старту, щоб зафіксувати важливі сторінки й скласти карту переадресацій, і після запуску, щоб перевірити індексацію. Для маленького сайту з кількома сторінками можна впоратися самостійно за чек-листами з цієї статті.