Підтримка сайту: що входить, скільки коштує і чи можна без неї
Читати →
Сайти
Редизайн сайту: коли потрібен і як не втратити позиції в Google
«Зробіть нам красивіше» — так зазвичай починається розмова про редизайн. Але краса — не задача. Задача — щоб клієнт, який зайшов на сайт, не засумнівався, чи ви ще працюєте, знайшов потрібне з телефона й залишив заявку. І щоб після оновлення сайт не зник із пошуку, як це буває, коли редизайн роблять поспіхом. Розбираємо, коли редизайн справді потрібен, коли не допоможе, що входить у роботу і як зберегти позиції в Google.
Що таке редизайн сайту і чим він не є
Редизайн — це оновлення наявного сайту: вигляду, а за потреби структури й логіки сторінок. Ключове слово — наявного. Сильні місця лишаємо, переробляємо те, що заважає. Якщо виконавець на першій розмові не спитав, що на сайті вже працює, він, найімовірніше, робитиме новий сайт, а не редизайн: це інші гроші й інший ризик.
Редизайн — не «поміняти картинку в шапці». Колір закладений у весь інтерфейс: кнопки, посилання, заголовки, стан кнопки під курсором. І це не лише головна: типова помилка — оновити тільки її, а на сторінці «Ціни» лишити старий вигляд. Ефект гірший, ніж якби не чіпали нічого, — видно, що сайтом займались і кинули.
Беремо в роботу будь-який сайт, навіть якщо його робили не ми. Спершу розбираємось, що саме заважає: зовнішній вигляд, структура чи логіка сторінок, — і лише потім малюємо.
Ознаки, що сайту потрібен редизайн
Редизайн має сенс тоді, коли є конкретна проблема. Ось шість найчастіших — і простий спосіб перевірити кожну без нашої участі.
| Ознака | Як перевірити самому | Що зазвичай потрібно |
|---|---|---|
| Сайт застарів: дрібний текст у вузькій колонці, новини позаминулого року, фото з фотобанку | Покажіть сайт сторонній людині на десять секунд і спитайте: «ця компанія працює?» | Оновити вигляд і зміст усіх сторінок, а не лише головної |
| Незручно з телефона: текст треба збільшувати, номер не натискається, кнопка ховається | Відкрийте сайт із телефона на мобільному інтернеті й дійдіть до відправленої заявки | Адаптивні версії окремим етапом; інколи — без переробки всього дизайну |
| Плутана навігація: у меню дванадцять пунктів, потрібне лежить у трьох місцях | Попросіть новачка знайти конкретну послугу й засічіть час: довше хвилини — проблема | Перебрати структуру й меню, а не малювати нову картинку |
| Сайт як у всіх: шаблон, який стоїть у половини конкурентів | Закрийте пальцем логотип: чи зрозуміло, чия це компанія? | Індивідуальний макет із вашими фото й кольорами |
| Заявок менше при тих самих відвідувачах | Спершу перевірте, чи взагалі доходять заявки з форми; потім — статистику | Розбір шляху до заявки; інколи редизайн не потрібен |
| Змінився бренд: новий логотип чи фірмовий стиль | Порівняйте кольори на візитці, вивісці й сайті | Редизайн під новий стиль: кольори, шрифти, іконки, фото |
Зверніть увагу: у трьох рядках із шести відповідь — не «нова картинка», а робота зі структурою або з шляхом до заявки. Це і є причина, чому редизайн починається з розбору, а не з малювання.
Коли редизайн сайту не допоможе
Важливо розділити дві різні причини. Якщо відвідувачів стало менше — це питання до реклами, пошуку чи сезону, і редизайн тут ні до чого. Якщо людей стільки ж, а заявок менше — тоді справа справді в сайті. Перш ніж замовляти, попросіть перевірити, чи взагалі доходять заявки з форми: це справа години, і буває, що «падіння заявок» закінчується саме собою.
Буває й після розбору: сайт нормальний, а заявок мало через інше — немає цін, форма не відправляється з телефона або на сайт просто ніхто не заходить. Тоді чесніше витратити бюджет на просування, ніж на нову картинку. Якщо сумніваєтесь, з чого починати, — спершу аналіз сайту: експрес-перевірка до 50 сторінок коштує від 900 грн і показує, що саме заважає.
І якщо на індивідуальний макет зараз немає бюджету — почніть з малого: замініть фотобанк власними знімками й поставте реальні ціни. Це вже відрізнить вас від половини сусідів у пошуку.
Що входить у редизайн сайту: етапи роботи
- Розбір наявного сайту. Проходимо шлях відвідувача до заявки з комп’ютера й окремо з телефона, дивимось статистику, якщо вона є, звіряємось із двома-трьома конкурентами. На виході — відповідь, чи достатньо оновити вигляд, чи проблема глибша.
- Структура й навігація. Розкладаємо всі сторінки в один список, прибираємо дублі в меню, рахуємо кроки від входу до замовлення, малюємо чорнові ескізи. Тут же вирішується доля адрес сторінок — про це нижче.
- Новий вигляд. Палітра з вашого логотипа й поліграфії, пара шрифтів, макет головної цілком. Правок зазвичай дві-три хвилі: перша велика, далі дрібниці.
- Основні сторінки. По одному зразку на кожен тип: каталог, картка, стаття, контакти. Окремо — стани: помилка у формі, «заявку надіслано», задовгий заголовок.
- Адаптивні версії. Телефон і планшет малюємо окремо, а не стискаємо десктопну версію: три колонки стають однією, таблиця цін — списком, довга форма — кроками.
- Впровадження. Збираємо новий вигляд на закритій копії, робимо резервну копію старого сайту, перевіряємо форми, посилання, швидкість і лічильники. Права на новий дизайн і вихідні файли — власнику сайту.
Обсяг визначаємо на старті: інколи вистачає оновити вигляд, інколи доводиться перебирати структуру. Дизайн і розробка в нас в одній команді, тож впровадження не доводиться шукати окремо — але можемо й віддати макети вашому розробнику.
Як зробити редизайн і не втратити позиції в Google
Адреса сторінки — це рядок у браузері, за яким вона відкривається. Google запам’ятовує саме його; на нього стоять посилання з ваших візиток, соцмереж, довідників і чужих сайтів. Найдорожча помилка редизайну — тихо змінити адреси й не пояснити старим, куди тепер іти. Тоді всі ці посилання ведуть у порожнечу, а сторінки випадають із пошуку.
Лікується це переадресацією: старій адресі прописують, що сторінка переїхала, і людину разом із пошуковою системою автоматично переносить на нову. Робота технічна й непомітна, тому її найлегше пропустити в поспіху перед запуском — а помітно це стає за кілька тижнів, коли падає відвідуваність. За можливості адреси взагалі лишаємо як є: це найпростіший спосіб нічого не втратити.
Разом з адресами легко втратити й тексти: заради «чистого» вигляду з сайту прибирають докладні описи послуг — саме ті, за якими компанію знаходили. Тому перед стартом поставте виконавцю одне питання: що буде зі старими адресами й текстами? Якщо відповідь розпливчаста або «та нічого страшного» — це прямий ризик для видимості в пошуку. Після запуску простежте за відвідуваністю два-три тижні.
Скільки коштує редизайн сайту і від чого залежить ціна
Ціна залежить від обсягу: оновити вигляд коштує менше, ніж переробити структуру та адаптиви. Якщо сайт від початку робили ми — робота дешевша, бо не треба розбиратись у чужому проєкті. У калькуляторі редизайн рахується за пакетами дизайну:
- Лайт — від 3 900 грн: головна плюс дві внутрішні сторінки, готова сітка, адаптив під дві ширини екрана, один раунд правок.
- Нормал — від 6 900 грн: до шести екранів, унікальна сітка, адаптив під три ширини, AI-концепт, два раунди правок.
- Фул — від 12 900 грн: до дванадцяти екранів, дизайн-система, усі ширини, стани й анімації, три раунди правок, макети готові до верстки.
Обсяг: до 5 сторінок — базова ціна, до 15 — плюс 20 %, до 30 — плюс 40 %. Доповнення: AI-концепт — 1 500 грн, логотип — 2 500 грн, фірмовий стиль — 3 500 грн. Це вартість макетів; впровадження — верстка й перенесення на сайт — рахується окремо, як створення сайту від 5 900 грн, або ви віддаєте макети своєму розробнику. Орієнтир — у калькуляторі, точну суму називаємо після розбору за 1 день і фіксуємо в договорі.
Як перевірити редизайн перед запуском: чекліст
- Надішліть заявку через форму з телефона й перевірте, чи прийшов лист — і чи не впав він у спам.
- Пройдіть сайт на телефоні, планшеті й комп’ютері до кнопки заявки однією рукою.
- Перевірте пошук, фільтри й кошик, якщо вони є.
- Відкрийте старі посилання з візиток і соцмереж — чи ведуть вони куди слід.
- Переконайтесь, що лічильники відвідувань і коди реклами на місці.
- Киньте посилання в месенджер — чи підтягується правильна картинка.
- Оберіть спокійну дату запуску — не напередодні акції чи великої розсилки.
Приймайте роботу словами «сайт працює», а не «макет затверджений». Дрібні розбіжності з макетом — це нормально, а от форма без листа або кнопка, яка на телефоні йде за край, — недороблена робота.
Часті запитання про редизайн сайту
Чи візьмете сайт, зроблений не вами?
Так. Це звичайна для нас робота — розбираємось у наявному проєкті й оновлюємо його.
Чи можна оновити тільки вигляд, без структури?
Так, якщо структура працює. На старті скажемо, чи вистачить косметичного оновлення, чи проблема глибша.
Скільки правок можна вносити?
Доопрацьовуємо макет, доки він не влаштує вас. Обсяг правок фіксуємо в завданні, щоб робота не тривала нескінченно.
Чи впаде сайт у пошуку після редизайну?
Не має. Адреси сторінок і структуру зберігаємо, а де адреса все ж змінюється — ставимо переадресацію, тож накопичені позиції не втрачаються.
Хто отримує права на новий дизайн і з чого почати?
Права — власнику сайту, разом із вихідними файлами. Щоб почати, надішліть адресу сайту в заявці — скажемо, чи достатньо оновити вигляд, і порахуємо обсяг.
