Якщо ви плануєте змінити дизайн свого веб-сайту, у вас, ймовірно, виникне багато питань, і ви захочете чогось навчитися, перш ніж розпочати роботу. Ця стаття покликана відповісти на ваші запитання та допомогти вам отримати впевненість у своїх діях.
Цей посібник написано для маркетологів, власників бізнесу та людей, які розглядають можливість редизайну веб-сайту. Змінюєте ви веб-сайт вперше або вже робили це раніше, у вас можуть виникнути питання, оскільки передові методи постійно змінюються, Google змінює алгоритми, а очікування користувачів зростають.
Прочитавши цю статтю, ви отримаєте відповіді на багато запитань. Ви станете поінформованішим, відчуєте впевненість у процесі і зможете уникнути дорогих і болючих проблем, які є результатом поганого проекту редизайну веб-сайту, але якщо у вас виникнуть додаткові питання, я радий відповісти.
Що таке редизайн веб-сайту?
Почнемо з його визначенням. Редизайн веб-сайту – це процес внесення значних змін у ваш веб-сайт для поліпшення досвіду користувача, збільшення відвідуваності веб-сайту або підвищення конверсії. Існують різні типи проектів з редизайну веб-сайтів, але, як правило, вони мають загальні цілі.
Редизайн веб-сайту часто включає новий інтерфейс і серверну частину (систему управління контентом) для вашого сайту, покращуючи його як для відвідувачів, так і для команди, яка ним керує.
Навіщо міняти дизайн сайту?
Іноді стає очевидним, навіщо оновлювати веб-сайт. Ваш сайт міг застаріти, бути погано спроектованим або отримати поганий контент. Але трапляються випадки, коли це менш очевидно, тому розглянемо причини, з яких вам варто подумати про редизайн свого веб-сайту.
1. Ваш сайт не адаптивний.
Це означає, що він погано працює на мобільному пристрої, і користувачам доводиться постійно щипати, тягнути та прокручувати для його перегляду. Якщо ваш сайт не є адаптивним, редизайн має стати головним пріоритетом.
Чому це важливо?
Перша і найважливіша причина полягає в тому, що ваші клієнти не дивитися ваш сайт. Люди чекають на інший онлайн-досвід. Це основна вимога, і люди негайно залишають сайти, які не працюють, тому що знають, що можуть знайти інформацію в мільйоні інших місць пошуку Google.
Google також використовує індексацію, орієнтовану на мобільні пристрої. Це означає, що Google спочатку оцінює можливості вашого веб-сайту на мобільному, а потім на ПК версії. Якщо він погано виглядає та працює на мобільних пристроях, у вас менше шансів з’явитися у результатах пошуку – навіть на ПК.
2009 року глобальний відсоток всього пошукового трафіку через мобільні пристрої становив 0,7%. 2015 року він становив близько 35%. У 2020 році на мобільні пристрої припадає близько 52,2% всього веб-трафіку. Якщо ваш сайт не адаптивний, ви можете виключити більше половини своєї аудиторії – і ця кількість зростає.
2. Ваш сайт виглядає застарілим.
Якщо ви зайдете до роздрібного магазину, офісу або кабінету лікаря, і все навколо буде виглядати так, ніби з дев’яностих, ви зробите кілька досить швидких припущень про компанію. Вона застаріла. Дешевий. Відстала. Якщо ваш сайт виглядає застарілим, ваші клієнти роблять про вас ті самі припущення.
3. Ваш сайт не приносить клієнтів та доходу.
Деякі веб-сайти просто не були розроблені для отримання таких результатів або добре спроектовані, але вони не отримують достатньо трафіку для залучення клієнтів. Якщо ваш сайт не приваблює клієнтів, ви повинні спочатку зрозуміти, чи є у вас проблема з трафіком або проблема з конверсією, тому що якщо сайт взагалі не отримує показів, це перша проблема.
Google Analytics – найкращий безкоштовний інструмент, який допоможе вам зрозуміти відвідуваність вашого веб-сайту та показники конверсії. Всі веб-сайти повинні мати код відстеження Google Analytics, і ви повинні регулярно відстежувати показники для виявлення проблем, а також оптимізації.
У разі проблем із трафіком вам може знадобитися виправити проблеми, що заважають сайту ранжуватися в пошуку, та/або застосувати тактику для збільшення відвідуваності.
Якщо проблема з конверсією – це може бути через поганих закликів до дії, бракує цільових сторінок і можливостей конверсії. Якщо ваш веб-сайт не призначений для вхідного маркетингу, може знадобитися редизайн, щоб залучити потенційних клієнтів та збільшити дохід.
4. Сайт не оптимізований для пошукових систем.
Щодня у Google виконується в середньому 5,6 мільярда пошукових запитів. Google – надійне джерело інформації. Потрібно знайти рецепт? Шукаємо у Гуглі. Потрібно порівняти ціни перед покупкою? Шукаємо у Гуглі. Потрібно дізнатися про продукт і не хочете розмовляти з продавцем? Шукаємо у Гуглі. Google настільки всюдисущий у нашому житті, що навіть перетворився на дієслово.
Якщо сайт не має основних вимог до SEO, для виведення на першій сторінці результатів пошуку, можливо, вам потрібно буде змінити дизайн.
5. Сайт складно оновлюється.
Ми це чуємо дуже часто. Замовник має сайт, який складно оновлювати. Навіть базові завдання, такі як зміна тексту чи зображень, важкі, забирають багато часу або неможливі без розробника. В цьому немає необхідності. Ви можете створити веб-сайт, який легко керувати без розробника.
6. Ваша компанія у процесі ребрендингу.
Якщо ваша компанія будь-яким чином проводить ребрендинг – зміна назви, логотипу, кольору тощо, Вам, ймовірно, потрібно буде змінити дизайн свого веб-сайту, щоб він відповідав вашому новому бренду.
Як проходить редизайн веб-сайту?
Коли думаєте про редизайн свого веб-сайту, то хочете знати, чого очікувати. Який процес? Хто має причетність? Як багато часу це займе?
Слід знати, що не всі процеси редизайну веб-сайтів однакові. І, на жаль, це може бути важко оцінити, тому що ви просто не знаєте, як поставити питання і ви можете не розпізнати пропущені кроки, які можуть поховати проект, якщо будуть пропущені або погано виконані.
Редизайн веб-сайту схожий на будівництво будинку. Я точно не знаю, що необхідно для створення міцного фундаменту, але якщо припуститися помилок, весь мій будинок опиниться під загрозою.
6 кроків процесу редизайну веб-сайту
Успішний процес редизайну веб-сайту складається з кількох етапів. Деякі кроки виконуються послідовно, інші паралельно чи частково перекриватися. Пам’ятайте, що не всі агентства, фрілансери або розробники дотримуються всіх цих кроків. Вони можуть пропускати кроки через незнання або скорочення витрат.
Важливо знати процес, щоб ваша внутрішня маркетингова команда або агентство партнер могли провести вас через процес.
1. Стратегія та планування
Це загальні терміни, які можуть включати безліч аспектів. До того, як ви почнете писати тексти та переробляти веб-сайт, у вас має бути стратегія та план того, як ваш веб-сайт досягне цілей і допоможе вам розвивати бізнес. Коли ви запускаєте сайт, треба ставити цілі та порівнювати їх для розуміння, наскільки він ефективний.
Ось що ми включаємо при складанні плану веб-сайту.
Розберіться у профілі вашого споживача.
Я використовуватиму ці терміни як синоніми, тому що в будь-якому випадку мета полягає в розумінні, хто ваш відвідувач, які питання їх цікавлять, яку інформацію ви хочете донести і які дії ви хочете від них отримати. Ваш веб-сайт повинен допомогти вам завоювати довіру клієнтів, тому важливо знати, хто ці люди і що вони думають про ваш продукт або послугу.
Оцініть свій контент.
Створіть список наявного у вас контенту, який можна використовувати для вашого веб-сайту. Де є прогалини в контенті, які потрібно заповнити. Вивчаючи свій контент, переконайтеся, що він охоплює всі етапи шляху до покупки або шлях, яким клієнт приходить до співпраці.
Не забувайте, що можна використовувати різні типи контенту, включаючи відео, вебінари, статті в блогах, презентації, подкасти і т.д., список нескінченний.
Це гарантує контент, який закриває питання клієнтів на етапах обізнаності, розгляду, ухвалення рішення та після покупки.
Визначте можливості конверсії.
Як тільки відвідувачі заходять на ваш сайт, вам необхідно перетворити їх з анонімного користувача на ліда. Це створює ваш конвеєр з потенційними клієнтами, що дозволяє вести їх на шляху до покупки.
Це необхідно планувати на ранній стадії, так як вам може знадобитися розробити контент для конверсії, тому краще почати раніше, ніж чекати, поки ви створите веб-сайт.
На вершині вирви конверсії може бути підписка на блог або заклик до дії (CTA). Можливості конверсії в середині вирви можуть бути тематичними дослідженнями, вебінарами та порівняннями продуктів. Можливості конверсії в нижній частині вирви можуть полягати у запиті комерційної пропозиції, безкоштовній пробній версії або призначенні консультації.
Розглянемо підхід до дизайну, орієнтований зростання.
В Інтернеті можна знайти багато інформації про дизайн, орієнтований на зростання. Простіше кажучи, ви створюєте сайт невеликими порціями, а не весь одразу. Це більш розумний спосіб створення веб-сайтів, оскільки він не тільки прискорює запуск нового веб-сайту, але й дозволяє використовувати реальні дані для оптимізації сайту.
Багато клієнтів, з якими ми працюємо, використовують такий підхід. Вони можуть запускати більш просту або зменшену версію свого веб-сайту, а потім розширюємо її щомісяця, створюючи новий контент, додаючи відео, додаючи нові заклики до дії та можливості для залучення клієнтів.
Якщо ви виберете підхід до дизайну, орієнтований на зростання, вам необхідно встановити критерії для початку, а потім почати будувати дорожню карту для майбутніх покращень у міру появи нових ідей. Це допоможе зберегти проект в обсязі та вчасно.
Дослідження ключових слів
Важливий крок, що часто упускається при редизайні веб-сайту. Важливо, тому що ви хочете, щоб ваш сайт відображався в результатах пошуку, коли люди шукають продукт або послугу, що стосується вас. Одним із основних факторів ранжирування, на який звертає увагу Google, є використання ключових слів. Крім того, за якими ключовими словами ви хочете отримати рейтинг, вам також необхідно розробити стратегію отримання рейтингу.
Якщо ключові слова є висококонкурентними, може знадобитися платний пошук, який відображається вгорі першої сторінки в Google.
Якщо ключові слова є менш конкурентними, ви можете створювати сторінки, які ранжуються за цим словом. Ранжуються окремі сторінки сайту, а не домени, тому важливо мати стратегію ключових слів на сторінках, а не їхнє випадкове розміщення по сайту.
2. Посилальна стратегія
При редизайні сайту слід враховувати три типи посилань: Внутрішні посилання, вихідні посилання та зворотні посилання.
Внутрішні посилання
Це посилання між сторінками вашого сайту. Вони допомагають користувачам переміщатися сайтом, пов’язуючи пов’язаний контент, а також допомагають Google сканувати і розуміти контент сайту. Створюючи мапу сайту, документуйте план внутрішніх посилань на основних сторінках. Ви також можете створювати внутрішні посилання при додаванні контенту, наприклад, сторінок блогу та основних елементів.
Зовнішні (або вихідні) посилання
Це посилання з вашого веб-сайту на інші веб-сайти. Вони корисні для відвідувачів веб-сайту, оскільки дозволяють їм легко знаходити пов’язаний контент та інформацію, які ви схвалюєте за посиланням. Коли ви встановлюєте посилання на довірені ресурси, такі як Forbes або Better Business Bureau, ви посилюєте їхню довіру до свого власного бренду. На думку Yoast, Google та всіх провідних авторитетів, зовнішні посилання також є основним фактором у SEO.
Перш ніж ви почнете писати контент для нового сайту, визначте, які у вас є зовнішні посилання в даний час, і оцініть, чи має сенс їх зберігати, оновлювати або видаляти.
Зворотні посилання
Зворотні посилання – це посилання на ваш сайт із сторонніх веб-сайтів. Ви їх не контролюєте і треба попрацювати, щоб їх заробити. Ви можете це зробити, публікуючи контент, який позиціонує вас як лідера думки у своїй сфері, займає перше місце в Google, і ви можете збільшувати кількість зворотних посилань за допомогою активної стратегії.
Що найважливіше під час редизайну сайту – це визначити, хто посилається на вас, та переконатися, що ви зберігаєте корисні для вас посилання. Редизайн сайту, за якого втрачаються якісні зворотні посилання, може негативно позначитися на рейтингу та відвідуваності вашого веб-сайту.
3. Контент
Часто є найбільшою прихованою вартістю редизайну сайту. Часто замовники думають, що основною статтею витрат буде проектування та розробка. Почасти це правильно, але контент повинен становити близько третини витрат і часу. Вартість залежатиме від частини нового контенту щодо старого.
Існують суперечливі погляди на те, коли слід писати контент – після дизайну або до дизайну. Ми вважаємо, що спочатку потрібно писати контент, а потім новий дизайн має відобразити цей контент. Оскільки очікується, що сайт відповідатиме на запитання відвідувача та допомагатиме вирішувати їхні проблеми, потрібен правильний контент. Дизайнери створять гарний дизайн, який відображатиме та підтримуватиме текст.
Основне завдання вашого веб-сайту – допомогти людям знайти вас, а потім відповісти на їхні запитання та допомогти вирішити їхні проблеми. Таким чином ви конвертуєте потенційних клієнтів та закриваєте продажі.
4. Дизайн
Один із найцікавіших етапів процесу створення веб-сайту для багатьох наших клієнтів. Саме тоді ви починаєте бачити, як ваш новий сайт набуває форми.
Ми створюємо індивідуальні веб-сайти і робимо це в першу чергу через переваги SEO, але також тому, що це дає нашим клієнтам дуже просту у використанні систему управління контентом.
На етапі проектування ви можете побачити макети певних сторінок та макети дизайну сторінки. Ці макети дозволять вам зафіксувати загальний вигляд сайту – чи буде на ньому багато білого простору? Великі зображення? Як виглядатимуть основні та додаткові кнопки?
Важливо працювати з дизайнером, досвідченим у розробці веб-сайтів, який розуміє, що краще працює для спонукання відвідувачів до дії. Ми починаємо з макета домашньої сторінки і вносимо зміни, доки не затвердимо її. З неї ми створюємо макети внутрішніх сторінок.
5. Програмування
На цьому етапі ваш сайт кодується розробником і налаштовується система управління контентом (CSM). Цей крок процесу так само важливий, як і попередній. Багато хто може написати код для веб-сайту або використовувати редактор. Сайт може навіть гарно виглядати. Але ваш розробник має бути навчений і мати досвід використання передових методів SEO, щоб код був чистим, були всі правильні заголовки, теги заголовків, альтернативний текст та інші технічні аспекти.
6. Тестування
Ви майже готові запустити сайт. Зазвичай до цього часу всі схвильовані та готові показати світові новий сайт. Але не пропускайте цей крок!
Є багато різних способів протестувати сайт перед запуском, і в залежності від типу сайту – він повинен визначати, які типи тестів виконуються і наскільки широким має бути ваше тестування. Якщо сайт використовує API для інтеграції з іншими системами, вам може знадобитися надійніше тестування.
Запуск сайту
Останній крок у процесі редизайну – запуск нового сайту. Якщо ваші URL-адреси змінюються або є сторінки, які ви не переносите на новий сайт, необхідно налаштувати 301 редирект, щоб користувачі переходили зі старих URL-адрес на нові.
Також необхідно переконатися, що налаштовані Google Analytics, Менеджер тегів Google та Search Console. Надішліть нову карту сайту в Google, щоб вона проіндексувалася швидше.
Ще одна проста порада – не запускати сайт у п’ятницю вдень. Цілком імовірно, що будуть потрібні виправлення після запуску, і знадобиться участь розробника.
Власна розробка, агентство, або фрілансер для редизайну сайту
Створити сайт самостійно, замовити в агентстві чи найняти фрілансера? Все це життєздатні варіанти, і кожен має власний набір плюсів та мінусів. Щоб допомогти вирішити, який варіант найкраще підходить для вашої компанії, ось список плюсів та мінусів кожного варіанту.
Власна розробка сайту
Якщо у вас є власні ресурси, навички та час, щоб присвятити себе редизайну свого веб-сайту, цей варіант пропонує безліч переваг.
Переваги власної розробки:
Контроль: ви повністю контролюєте проект і можете ухвалювати всі рішення без впливу третьої сторони.
Гнучкість: оскільки контроль ваш, є велика гнучкість щодо термінів та кількості змін, які ви хочете пройти. Ви можете рухатися так швидко або повільно, як хочете, і якщо знадобиться тимчасово призупинити проект, ніхто не тиснутиме на вас.
Економічно: оскільки члени вашої команди вже одержують заробітну плату, це економічний варіант.
Немає кривої навчання: ваша команда найкраще знає ваш бренд та продукти, тому вам не потрібно вчитися писати контент чи розуміти бренд та продукт.
Мінуси власної розробки:
Недолік досвіду: внутрішні команди зазвичай не мають усіх спеціалізацій та областей знань, необхідних для редизайну сайту.
Час та можливості: проекти веб-сайтів потребують багато часу. Зазвичай потрібно більше 100 годин, а для великих сайтів знадобиться значно більше часу. У внутрішніх команд рідко буває так багато додаткових можливостей.
Менталітет навиворіт: внутрішня команда приносить користь, бо добре розуміє бренд та продукт. Однак їм важко побачити речі з боку, що дійсно важливо при редизайні сайту, оскільки відвідувачі не працюють на вашу компанію.
Найм агентства для редизайну сайту
Агентство, що спеціалізується на веб-сайтах, часто може бути чудовим партнером для компаній, які хочуть найняти експертів для свого проекту.
Переваги найму агентства веб-дизайну
Якість: усі ми робимо помилки та навчаємось на них. Навіть як агентство, ми стаємо все краще і краще з кожним проектом. Залучення агентства допоможе вам уникнути дорогих помилок чи переробок. Вони є експертами мають передовий досвід.
Фахівці: у них є спеціалісти та навички, необхідні для роботи. Агенції мають копірайтери, стратеги, веб-дизайнери, розробники, експерти з UI/UX, фахівці з SEO та менеджери проектів у штаті, так що кожен аспект проекту виконується спеціалістом у своїй відповідній ролі, а не універсалом.
Швидкість. Агентства зазвичай реалізують проекти веб-сайтів набагато швидше, ніж ви самі. Це тому, що ви їхній клієнт, і вони віддають пріоритет вашому проекту. Вони встановлюють графік та виконують його. Вони не працюють над усіма конкуруючими проектами, які бере на себе їхня власна команда, які можуть значно затримати редизайн веб-сайту.
Мінуси найму агентства веб-дизайну
Зобов’язання: вам доведеться дотримуватись графіка та обсягу робіт, щоб проект виконувався вчасно та в рамках бюджету. Агентства заздалегідь складають графіки проекту та визначають масштаб проекту, щоб ви знали його вартість.
Суперечливі ідеї: у агентств будуть рекомендації та ідеї, як зробити ваш сайт корисним для користувачів та відповідати вашим цілям. Ви, ймовірно, оціните багато їх ідей, але також можете зіткнутися з суперечливими ідеями.
Витрати: на відміну від штатної команди, яка вже отримує зарплату, або фрілансера, який дешевший, у агентств вищі витрати.
Наймання позаштатного дизайнера / фрілансера
Переваги найму фрілансера
Вартість: у фрілансерів зазвичай низькі витрати, оскільки вони часто працюють із дому, і багато хто з них працює повний робочий день, тому вони працюють на стороні за додаткові гроші. Вони можуть коштувати менше за агентство.
Гнучкість: залежно від того, з ким ви працюєте, деякі фрілансери досить гнучкі у своїх процесах. Вони можуть не використовувати інструменти та процеси, як в агентствах, тому що всю роботу виконує одна людина.
Мінуси найму позаштатного веб-дизайнера
Відсутність усіх необхідних навичок: фрілансер – це одна людина, тому вона не може бути експертом у всіх аспектах редизайну сайту. Він може бути чудовим дизайнером чи знати, як писати код сайту. Зазвичай фрілансери пропускають деякі важливі кроки, тому що не знають про їхню необхідність, або не знають, як їх робити.
Опора на одну людину: якщо ваш фрілансер занедужає, повернеться до постійної роботи або буде зайнятий іншими клієнтами, ваш проект опиниться під загрозою.
Терміни: знову ж таки, будучи однією людиною, яка, ймовірно, має інших клієнтів або постійну роботу, фрілансери можуть бути найповільнішим з варіантів реалізації проекту.
Немає універсального варіанту, як виконати редизайн вашого сайту. Правильний вибір буде залежати від багатьох факторів, включаючи ваш бюджет, терміни, можливості та рівень ризику, який ви можете взяти на себе.
Хто має входити до команди
Я багато говорив про різні аспекти редизайну сайту, що вимагають спеціальної підготовки та знань. Погляньмо на людей, які повинні скласти команду.
Маркетолог-стратег – керує етапом стратегії та планування проекту та стежить за тим, щоб сайт відповідав вашим бізнес-цілям. Як правило, він керує розробкою користувальницького досвіду, оцінкою та плануванням контенту, стратегією ключових слів та посилань та аналізує ключові результати протягом усього проекту. Зазвичай він – ваша основна контактна особа протягом проекту.
Менеджер проекту – відповідає за створення графіка проекту, визначення залежностей між завданнями, встановлення дат початку та термінів для завдань, а також забезпечення доступності ресурсів та можливості завершити свою частину проекту відповідно до графіка.
Копірайтер. Не лише чудовий письменник, а й розуміє, як текст впливає на SEO, і пише відповідно. Він або проводить дослідження ключових слів або використовують інформацію з існуючих досліджень для інформування процесу написання.
Веб-дизайнер, UI/UX-спеціаліст – ці дві ролі можуть бути однією людиною або двома людьми в залежності від їхнього набору навичок. Дизайнер розробляє сторінки, а фахівець з UI/UX гарантує, що дизайн створює інтерфейс користувача.
Фахівець із SEO – майже кожна людина, яка бере участь у проекті редизайну веб-сайту, потребує певного рівня знань у галузі SEO, але технічний фахівець із SEO спостерігатиме за процесом, щоб усі важливі фактори SEO були виконані.
Front-end розробник – ця людина кодує веб-сайт. Має навички HTML/CSS, JavaScript/jQuery і JavaScript-фреймворків.
Back-end Developer. Якщо ваш проект потребує серйозної внутрішньої інтеграції з системами ERP, складними CRM або іншими внутрішніми або сторонніми програмами, може знадобитися розробник.
Скільки коштує редизайн сайту?
Сьогодні технології пропонують безліч варіантів створення веб-сайтів, що ціна варіюється від 100 доларів за проекти «зроби сам» до сайтів, вартістю понад 100 тисяч доларів і вимагають команди висококваліфікованих експертів. Основні відмінності між цими двома крайнощами полягають у кількості часу, досвіді та налаштуваннях, витрачених на створення сайту.
При визначенні вартості сайту ви повинні знати, що трьома ключовими факторами витрат є створення контенту, розробка естетики та програмування функцій. Кількість часу, налаштувань та досвіду, що витрачаються на виконання кожного завдання, призведе до збільшення чи зменшення вартості проекту.