Компанія вирішує: «Сайт застарів, треба оновити». Знаходять студію, малюють новий дизайн, переносять контент, з гордістю запускають. А через два тижні дзвонять у паніці: «Трафік впав на 60%. Де наші клієнти?!». Відповідь зазвичай одна — забули про SEO при редизайні. Поміняли адреси сторінок, не зробили редиректи, прибрали тексти, які приносили трафік. Три роки роботи над позиціями — у смітник за один день.
Редизайн — це не тільки «зробити красивіше». Це хірургічна операція на живому організмі, який приносить гроші. Одне невірне рішення — і пацієнт втрачає кров. Ми в Estetic Web Design склали покроковий чек-лист, який допоможе оновити сайт без жертв. Перевірено на десятках реальних проєктів.
Крок 1. Аудит поточного сайту — перш ніж ламати
Перше правило хірурга: перед операцією — діагностика. Відкрийте Google Search Console і Google Analytics. Випишіть відповіді на такі питання. Які сторінки приносять найбільше органічного трафіку? Їх може бути 10-20, а решта 200 — статисти. Ці 10-20 сторінок — священні корови. Їх не можна видаляти, об’єднувати, переносити без редиректу.
Далі: за якими ключовими словами ранжується сайт? Які сторінки мають найбільше зворотних посилань (перевірте через Ahrefs або SE Ranking)? Які URL-адреси проіндексовані Google? Збережіть повний список адрес через Screaming Frog або аналогічний інструмент. Це ваша «карта» старого сайту — без неї ви гарантовано загубитесь при переїзді.
Грамотна SEO-оптимізація починається до редизайну, а не після. Якщо SEO-спеціаліст підключається вже до запущеного нового сайту — він не оптимізує, а рятує. І рятувати завжди дорожче.
Крок 2. Нова структура — зберігаємо те, що працює
Редизайн часто супроводжується бажанням «все переробити». Нова навігація, нові назви розділів, нові URL. Ось тут і починаються проблеми. Сторінка /uslugi/remont-kvartir мала 50 зворотних посилань і стояла на першій сторінці Google. Після редизайну вона стала /services/apartment-renovation. Google бачить нову сторінку з нуля. Посилання ведуть в нікуди. Позиція — втрачена.
Золоте правило: якщо стара адреса працює — не міняйте її. Якщо все-таки міняєте — налаштуйте 301-редирект із кожної старої адреси на відповідну нову. Кожної. Не «основних», не «найважливіших» — кожної. Один пропущений редирект — це одна втрачена сторінка з індексу.
Ще момент: не видаляйте сторінки, які приносять трафік. Навіть якщо вони «не вписуються в нову концепцію». Краще адаптуйте їх під новий дизайн, ніж втратите 30% органіки. Естетика — це добре. Але естетика, яка вбиває трафік — це збитки.
Крок 3. Міграція контенту — не загубіть тексти
Класична помилка: при редизайні «заодно» переписують тексти. Не те щоб це погана ідея — але якщо стара стаття стояла на першому місці за запитом «як вибрати пластикові вікна» — не треба її «покращувати» до невпізнання. Google ранжував конкретний текст. Якщо ви його суттєво змінили — для алгоритму це нова сторінка, і ранжування починається з нуля.
Що робити: перенесіть всі тексти як є. Потім — після запуску, коли Google переіндексує новий сайт і підтвердить, що позиції збереглись — оновлюйте контент поступово. Одну сторінку за раз. З моніторингом позицій після кожної зміни. Це повільніше, але безпечніше.
Meta-теги (title, description) — переносьте один в один. Alt-теги зображень — теж. Заголовки H1-H2 — зберігайте. Усе, що Google уже «знає» про вашу сторінку, повинно залишитись на місці. Міняти можна потім, обережно, по одному елементу.
Крок 4. Тестування на staging — не запускайте наосліп
Будь-який нормальний редизайн сайту робиться спочатку на тестовому сервері (staging). Це копія вашого сайту, яку бачите тільки ви і команда розробки. Там перевіряється все: чи працюють форми, чи правильно відображаються сторінки на мобілці, чи не зламались інтеграції з CRM, чи всі редиректи на місці.
Обов’язково: закрийте staging від індексації (robots.txt, noindex, або доступ по паролю). Був реальний випадок: студія залишила тестовий сайт відкритим, Google проіндексував його, і в результаті дві копії сайту конкурували між собою в пошуку. Обидві — на 30-й сторінці. Весело? Ні.
На staging також перевіряється швидкість завантаження. Новий дизайн із важкими зображеннями та анімаціями може вантажитись удвічі повільніше за старий. А швидкість — прямий фактор ранжування. Тому правильний домен та хостинг і оптимізація зображень — частина редизайну, а не «потім колись».
Крок 5. Запуск — день Х і перший тиждень після
Нарешті — запуск. Новий сайт виходить у світ. Що робити одразу: перевірити, що всі 301-редиректи працюють (пройдіться по списку старих URL вручну або через Screaming Frog). Подати оновлену sitemap.xml у Google Search Console. Перевірити robots.txt — чи не заблоковані важливі сторінки. Переконатись, що Google Analytics і Search Console продовжують збирати дані.
Перший тиждень — нервовий. Google переіндексовує сторінки, позиції можуть тимчасово просісти. Це нормально — якщо все зроблено правильно, вони повернуться за 2-4 тижні. Ненормально — якщо через місяць трафік не відновився. Тоді шукайте проблему: пропущені редиректи, видалений контент, зламана структура.
Після запуску обов’язкова технічна підтримка: моніторинг помилок у Search Console, перевірка 404-сторінок, контроль швидкості. Перший місяць після редизайну — найкритичніший. Саме тоді виявляються всі «забуті» дрібниці, які можуть коштувати позицій.
Помилки, які коштують трафіку
Зібрали топ граблів, на які наступають при редизайні. Зміна URL без редиректів — найпоширеніша і найболючіша помилка, про яку ми вже говорили. Видалення сторінок, які «не потрібні в новій структурі» — а вони приносили 40% трафіку. Переїзд на іншу CMS без міграції мета-тегів — всі title і description обнулились. Відключення SSL-сертифіката на новому сайті — Chrome одразу показує «небезпечний сайт».
Ще одна класика: «давайте заодно переїдемо на новий домен». Ні. Редизайн і зміна домену одночасно — це два окремі ризики, помножені один на одного. Спочатку — редизайн на старому домені. Потім, коли все стабілізується — при потребі, міграція домену. Окремим проєктом.
І нарешті — ігнорування мобільної версії. Новий дизайн чудово виглядає на 27-дюймовому моніторі дизайнера, а на iPhone SE текст наїжджає на кнопки, форма не влазить в екран, а меню неможливо закрити. Google індексує мобільну версію першою (mobile-first indexing) — і якщо вона зламана, позиції падають.
Як замовити редизайн правильно
Вибирайте студію, яка розуміє SEO. Не «малює красиві макети», а саме розуміє, як редизайн впливає на пошуковий трафік. Якщо на першій же зустрічі вам говорять «не хвилюйтесь, трафік відновиться» без конкретного плану збереження — біжіть. Трафік не «відновлюється сам» — його зберігають свідомо, покроково.
Правильний процес виглядає так: SEO-аудит поточного сайту, фіксація топових сторінок та URL, проєктування нової структури з урахуванням SEO, розробка на staging із тестуванням усіх редиректів, запуск із моніторингом. Якщо ваш сайт на WordPress — міграція зазвичай простіша, бо є перевірені інструменти та плагіни для редиректів та SEO-налаштувань. Встановлення потрібних модулів на етапі staging — частина цього процесу.
Комплексне просування сайту після редизайну включає моніторинг позицій, виправлення помилок індексації та поступову оптимізацію нових сторінок. А якщо потрібно лише оновити окремі елементи без повного редизайну — для цього є доопрацювання сайту: менший масштаб, менший ризик, швидший результат.
Редизайн без підготовки — це як ремонт квартири без плану: стіну знесли, а за нею виявились несучі комунікації. Якщо шукаєте команду, яка зробить все правильно — Estetic Web Design у Києві до ваших послуг. Замовте розробку під ключ у команди, яка враховує SEO із першого дня, і ваш оновлений сайт збереже все, що заробив старий — позиції, трафік, довіру Google. А виглядатиме так, ніби його зробили вчора. Бо так воно і є.