Веброзробка оновлення чинного сайту

Редизайн сайту

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

Ціна й приклад розрахунку
Ноутбук і планшет із макетом оновленого сайту на робочому столі
301редирект для кожної адреси, яку довелося змінити

01 Визначення

Що таке редизайн сайту

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

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

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

02 Без зайвих витрат

Коли редизайн потрібен, а коли гроші краще витратити на інше

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

Потрібен

Коли заважає сам сайт

  • Сайт не пристосований до телефона. Дрібний текст, кнопки, у які не влучити пальцем, таблиці, що виходять за екран. Google індексує саме мобільну версію сторінок, тож це проблема і для пошуку.
  • Структура переросла меню. Послуг стало більше, і новим немає місця: меню у два рядки, важливі сторінки на третьому рівні, дві сторінки про одне й те саме.
  • Тему чи конструктор сторінок уже не оновити. Кожна правка ламає сусідній блок, а розробник, який це збирав, давно не відповідає.
  • Сайт повільний через верстку. Важкі слайдери, десятки скриптів, фото по кілька мегабайтів. Плагін кешування цього не вилікує.
  • Змінилася компанія. Новий фірмовий стиль, інші послуги, інший покупець, а сайт досі розповідає про те, чим ви були п'ять років тому.
Не потрібен

Коли проблема в іншому

  • На сайт майже ніхто не заходить. Новий дизайн відвідувачів не приведе. Це завдання для SEO-просування або реклами.
  • Слабка одна сторінка. Якщо заявок не дає тільки головна чи один лендинг, дешевше переробити її, ніж увесь сайт.
  • Незрозумілі тексти. Коли з першого екрана не видно, що ви продаєте і скільки це коштує, почніть із тексту головної та сторінок послуг.
  • Сайт набрид власникові. Ви бачите його щодня, клієнт раз чи двічі. Поки заявки не падають, це ще не причина.
  • Незрозуміло, що саме не працює. Тоді спершу потрібен аудит сайту: він коштує від 12 000 грн і показує, де справжня проблема.

03 Головний ризик

Що зберігаємо під час редизайну: адреси, редиректи, позиції в пошуку

Пошук не бачить, що сайт став гарнішим. Він бачить, що зникли знайомі адреси й тексти.

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

Адреси сторінок

До початку робіт складаємо перелік усіх адрес старого сайту: з карти сайту, з обходу сторінок і зі звітів Search Console. Біля кожної записуємо, скільки людей на неї приходить і чи посилаються на неї інші сайти. Адреси сторінок, які приводять відвідувачів, намагаємося не чіпати зовсім: новий макет стає на стару адресу.

301-редиректи

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

Кожна стара сторінка веде на свою відповідну нову, а не всі гуртом на головну. Google радить тримати такі редиректи щонайменше рік. Ми радимо не знімати їх узагалі.

Тексти й метатеги

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

Позиції в пошуку

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

04 Зразок

Карта редиректів: фрагмент

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

Стара адресаНова адресаЩо робимо і чому
/remont-kavomashyn/без змінЛишаємо адресу й текст. Сторінка приводить найбільше людей із пошуку, тому міняємо лише макет.
/index.php?page=prices→ /tsiny/301-редирект. У старій адресі технічний параметр, а на сторінку цін посилаються каталоги компаній.
/delonghi.html і /remont-delonghi/→ /remont-kavomashyn/delonghi/Дві сторінки про одне й те саме об'єднуємо. Обидві старі адреси ведуть на нову.
/news/akciya-vesna-2021/прибираємоАкція давно закінчилася, відвідувань і посилань немає. Сторінка віддає код 410: «вилучено назавжди».
/contacts.html→ /kontakty/301-редирект. Стара адреса надрукована на візитках і стоїть у профілі компанії на картах Google.
/blog/yak-pochystyty-kavomashynu/без змінСтаття приводить читачів із пошуку. Переносимо повністю, з фото й таблицею.
У справжній карті стільки рядків, скільки адрес на сайті: від кількох десятків до кількох тисяч.

05 Правило запуску

Новий сайт вмикаємо, коли перевірено кожну стару адресу

Перед перемиканням проганяємо перелік старих адрес по новому сайту. Кожна має відкритися сама або привести на свою нову сторінку. Виняток становлять ті кілька, які ми з вами вирішили прибрати.

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

06 Етапи

Етапи редизайну сайту і терміни

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

  1. 01

    Аудит старого сайту

    Збираємо всі адреси, дивимося аналітику й Search Console: які сторінки приводять людей, з яких ідуть заявки, що ламається на телефоні. Розпитуємо вас і менеджерів, що на сайті заважає.

    → 3–5 днів: таблиця сторінок із рішеннями

  2. 02

    Структура і прототип

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

    → до тижня: прототип і карта адрес

  3. 03

    Дизайн

    Спершу показуємо головну й одну внутрішню сторінку, для комп'ютера і для телефона. Коли стиль погоджено, малюємо решту шаблонів. У макетах стоять ваші справжні тексти, без «риби».

    → 1–2 тижні: макети всіх шаблонів

  4. 04

    Верстка й перенесення

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

    → 1–2 тижні: сайт на тестовій адресі

  5. 05

    Запуск і нагляд

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

    → день запуску і 2 тижні нагляду

07 Варіанти

Оновлення сайту: косметичне, редизайн чи новий сайт

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

Вигляд

Косметичне оновлення

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

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

Вигляд і структура

Редизайн

Нова структура, нові макети й нова верстка на тому самому домені. Вміст переносимо, адреси зберігаємо або закриваємо редиректами. Від 45 000 грн, три-шість тижнів.

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

Платформа

Новий сайт

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

Тоді це вже розробка: лендинг (від 35 000 грн), корпоративний сайт (від 75 000 грн) або інтернет-магазин (від 120 000 грн). Адреси старого сайту й тут закриваємо редиректами. Усі типи сайтів зведені в розділі розробки сайтів.

08 Ціни

Редизайн сайту: ціна і від чого вона залежить

Редизайн коштує від 45 000 грн. Приклад: сайт послуг на 15 сторінок лишається на WordPress, п'ять сторінок послуг треба заразом переписати. Сам редизайн обійдеться від 45 000 грн, п'ять текстів по 4000 знаків за ціною SEO-текстів додадуть від 9 000 грн. Разом від 54 000 грн, розбитих на етапи.

ПослугаЩо входитьТермінЦіна
Редизайн сайтуАудит, нова структура, дизайн, перенесення вмісту, редиректи3–6 тижніввід 45 000 грн / сайт
Корпоративний сайтСтруктура, тексти ключових сторінок, дизайн, верстка, система керування4–8 тижніввід 75 000 грн / сайт
Розробка лендингуПрототип, тексти, дизайн, адаптивна верстка, форма й аналітика2–3 тижнівід 35 000 грн / лендинг
Підтримка сайтуОновлення, резервні копії, моніторинг, до 5 годин правокщомісяцявід 6 000 грн / місяць
SEO-аудит сайтуТехнічний аудит, перевірка текстів і посилань, план правок5–7 дніввід 12 000 грн / аудит
Ціни вказані «від». Суму й термін кожного етапу фіксуємо письмово до початку роботи; вони не змінюються, поки не змінюється завдання.

Що впливає на суму

  • Кількість шаблонів, а не сторінок. Двадцятьом сторінкам послуг однакової будови потрібен один макет. Десятьом сторінкам різної будови потрібно десять.
  • Обсяг вмісту. Перенести тридцять сторінок і перенести триста статей блогу з фото — різна кількість роботи.
  • Платформа. Якщо старий сайт на WordPress, міняємо тему й зберігаємо базу. З конструктора чи самописної системи вміст доводиться переносити вручну або скриптом.
  • Функції. Калькулятор, онлайн-запис, особистий кабінет, обмін даними з CRM рахуємо окремими рядками кошторису.
  • Мови. Кожна мовна версія додає ще один комплект сторінок для перенесення й перевірки.
  • Тексти. Перенесення наявних входить у ціну. Нові пишемо окремо: тексти для сайту рахуємо посторінково.

09 Питання

Питання про редизайн сайту

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

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

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

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

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

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

Чи можна оновити дизайн і не міняти адреси сторінок?

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

Наш сайт не на WordPress. Ви візьметеся?

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

Чи обов'язково переписувати тексти?

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

Що потрібно від нас?

Доступи до адмінки, хостингу, Search Console та аналітики. Людина, яка погоджує структуру й макети і відповідає за день-два. Логотип і фірмові кольори у вихідних файлах, якщо вони є. І перелік того, що на старому сайті дратує вас і ваших менеджерів.

Кому належать сайт і макети після здачі?

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

Як відбувається оплата?

Ціну кожного етапу й терміни фіксуємо письмово до початку роботи. Перед етапом ви вносите 50%, решту після його здачі. Поки не змінюється завдання, не змінюється й сума.

Замовлення

Розкажіть про завдання. Назвемо ціну й термін

Достатньо двох речень: що за продукт і що вам потрібно — текст, сайт чи просування. Відповімо протягом робочого дня.

Дані з форми використовуємо тільки для відповіді на ваш запит.

Запит на розрахунок

Опишіть завдання в довільній формі. Ціну й термін надішлемо протягом робочого дня.

Дані з форми використовуємо тільки для відповіді на ваш запит.