Редизайн сайту: 7 ознак, що пора оновлюватись, і як не втратити SEO

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

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

7 ознак, що сайт застарів

1. На телефоні ним незручно користуватись. Дрібний текст, кнопки, у які важко влучити, меню, що не відкривається. Більшість відвідувачів приходить саме з телефона. Як це перевірити за 15 хвилин — у статті про адаптивний дизайн.
2. Він повільний. PageSpeed Insights показує червоні показники на мобільному, сторінки відкриваються кілька секунд. Що з цим робити — у статті про швидкість завантаження сайту.
3. Сайт не відповідає тому, чим компанія стала. З’явилися нові послуги, змінився ринок чи позиціонування, пройшов ребрендинг — а сайт розповідає про компанію п’ятирічної давнини.
4. Нове нікуди додати. Щоб розмістити новий напрям чи каталог, доводиться ламати структуру або ставити чергову сторінку «збоку».
5. Контент не можна змінити без програміста. Щоб оновити ціну чи додати новину, треба писати розробнику й чекати.
6. Дизайн виглядає старішим за конкурентів. Людина порівнює кілька сайтів за хвилину, і застарілий вигляд читається як «компанія не розвивається». Оцінити, наскільки активно конкуренти ростуть у пошуку, допоможуть сервіси зі статті про те, як перевірити трафік сайту конкурента.
7. Технічно він на межі. Стара версія системи керування, плагіни, які більше не оновлюються, попередження браузера. Це вже питання безпеки сайту, а не естетики.

Одна-дві ознаки — привід для точкових правок. Три й більше — зазвичай сигнал, що латати дорожче, ніж оновити.

Перше враження: чому дизайн впливає на довіру

Сайт часто стає першим контактом з компанією. За кілька секунд людина вирішує, чи вона за адресою і чи схоже, що тут знають свою справу. Вирішує не «краса», а кілька простих речей:

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

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

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

Як не втратити SEO при редизайні

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

Ми самі на цьому обпеклися. Після змін на нашому сайті частина старих адрес статей і стара адреса нашого інструмента для верстальників почали віддавати 404. Search Console показав, що саме на ці адреси за історію припадала більшість кліків сайту: один лише інструмент давав 85% усіх кліків. Ми зібрали всі такі адреси й налаштували переадресацію — але краще робити це до запуску, а не після.

Що зробити, за рекомендаціями Google щодо переїзду сайту зі зміною адрес:

1. Зберіть усі старі адреси. З карти сайту, Search Console (сторінки з показами за останній рік) і Google Analytics. Не забудьте файли, зображення й адреси, яких уже немає в меню, але на які є посилання.
2. Складіть таблицю «стара адреса → нова адреса». Кожна стара сторінка веде на найближчу за змістом нову, а не на головну.
3. Налаштуйте постійні 301-редиректи в один крок, без ланцюжків. Тримайте їх щонайменше рік, а краще — назавжди.
4. Збережіть те, що працює. Сторінки з позиціями не варто переписувати з нуля й міняти їм тему: залиште головний зміст і запити, покращуйте подачу.
5. Перенесіть технічне SEO: заголовки й описи сторінок, canonical, розмітку, мовні версії, карту сайту.
6. Перевірте після запуску. Пройдіться старими адресами зі своєї таблиці, стежте за звітом про індексацію й помилки 404 у Search Console перші тижні.

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

Як проходить редизайн

1. Аналіз. Що працює на поточному сайті, а що ні: дані аналітики, запити в пошуку, питання клієнтів до менеджерів.
2. Структура. Нова карта сторінок з урахуванням розвитку компанії на кілька років уперед.
3. Прототипи й дизайн. Спершу розміщення блоків, потім візуальне рішення — для комп’ютера й телефона.
4. Контент. Оновлені тексти, фото, кейси. Як його підготувати — у статті про створення контенту для сайту.
5. Розробка, перенесення SEO й редиректів.
6. Запуск і контроль перших тижнів.

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