Вебдизайн Блог

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

SEO і редизайн: як уникнути проблем

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

• проведення бекапу сайту. Створення резервної копії допоможе відкотити сайт на стартові позиції в разі, якщо щось піде не за планом;
• провести замір стартових позицій до редизайну: за ключовими запитами, трафік, обсяг конверсій, інші важливі показники;
• складання списку редиректів у тому випадку, якщо структура сайту буде змінена. Варто завантажити і зберегти карту сайту, альтернатива - парсинг із залученням програм і подальшим вивантаженням всіх URL в Excel-документ;
• збереження ключових метатегів: title, description, H1. Перенесення краще виконувати без змін;
• виправлення 301 редиректів, які є непотрібними, і усунення сторінок 404 - ці роботи потрібно виконувати до зміни структури сайту і редизайну;
• додавання в Яндекс.Метрику позначки про проведення редизайну, щоб у перспективі мати можливість відстежувати динаміку змін, зокрема трафіку;
• тестовий сайт краще перенести на тимчасовий URL.

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

Структура сайту

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

Контент

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

Метатегі

У процесі редизайну потрібно подбати про збереження метатегів для основних сторінок: title и description, h1. Метатеги краще зберегти у файлі Excel, після редизайну - повернути їх на свої місця. Не варто забувати про метадані зображення (alt): їх потрібно присвоїти все новим зображенням. Необхідно переконатися в тому, що alt старих зображень відповідають їм і були перенесені коректно.

Пошук пробілів

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

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

Канонізація

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

Швидкість сайту

Швидкість завантаження - важливий параметр, що має прямий вплив на успішність просування сайту. На етапі перевірки потрібно переконатися в тому, що швидкість відповіді сервера становить 50-200 мс, перший екран сторінки завантажується не більше 3 секунд. Перевірити можна із залученням сервісів GTmetrix і PceSpeed Insights.

Зміст

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

Коректність структури

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

Адаптивність для мобільних пристроїв

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

Перетворення

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

• заборона на сканування всього сайту або окремих сторінок, який може бути не знятий після завершення робіт (Robots.txt);
• відправку Sitemap в панелях вебмайстра в Bing, Google і Яндекс;
• звіти про охоплення індексу, які можна знайти у вебмайстрі Яндекс і Google Search Console;
• налаштування переспрямування.

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

Аналітика

До запуску сайту проведіть перевірку веб-аналітики, щоб попередити отримання спотворених даних про ключові показники ефективності. Переконайтеся, що виконані параметри цілей і e-commerce, а також вебвізора.

Поширені помилки

• Відмовтеся від зміни структури URL-адреси, якщо це можливо. Найкраще рішення для зіставлення старих адрес з новими - відсутність змін, що дозволяє уникнути падіння позицій і порушень у річних звітах у сервісах аналітики.
• Намагайтеся не перенаправляти адреси, що мають зворотні посилання. Якщо без цих робіт не обійтися, то перевірте, чи не викинуті зворотні посилання.
• У день запуску відмовтеся від перевірки роботів .txt. Переконайтеся, що налаштування роботів було виконано правильно.
• Стискайте зображення. Великі зображення гальмують завантаження сторінок і дратують користувачів, тому забезпечте правильне стиснення без втрати якості і чіткості.
• У день запуску не проводьте оновлення XML Sitemap. Якщо по ходу робіт були змінені назви URL-адрес і структура, то оновлення карти бажане для прискорення процесу індексації. Перевірте карти на наявність бітих посилань і технічних сторінок.
• При переїзді на новий домен додайте його в панелі вебмайстрів і сервіси аналітики, що функціонують під егідою Яндекс і Google, перевірте коректність змін. Переконайтеся, що згадки старого домену були виключені з посилань, структури тощо. Не забудьте внести зміни в карту сайту і robots.txt.

Насамкінець

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