Як створити правильну структуру сайту

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

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

У цій статті ми постараємося сегментувати і виділити найбільш корисні рекомендації для створення структури вашого сайту.

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

Так як нашими читачами, переважно, є власники бізнесу, а також люди, які так чи інакше з цим пов’язані, за основу розгляду ми візьмемо сайти комерційного напряму (створені з метою продажу товарів і послуг).

Лендінги, сайти-візитки, сайти з простою лінійною структурою.

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

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

Перший блок – показати товар / послугу.

Відсоток отриманих відмов на односторінкових і простих сайтах досить високий. Більше 50% користувачів не скролять першу сторінку далі 2-3 блоку. Тому необхідно на першому ж блоці коротко, в 1-2 коротких реченнях, розповісти користувачеві чим ви займаєтеся і чому варто замовити у вас. Як зараз часто кажуть: “скласти оффер”. Оффер – сильна торгова пропозиція, яке зачепить саме вашу цільову аудиторію (далі – ЦА).

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

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

Наприклад, як зробили це ми: протестували кілька заголовків і закликів до дії і визначили кращі “Збережемо інформацію, дані додатків і веб-сайтів відповідно до норм … з можливістю ретесту протягом … днів” – “Отримати розрахунок вартості проекту “.

* При підборі текстів для всього сайту проаналізуйте що важливо саме вашої ЦА і пишіть про це.

Другий блок – сегментуйте свою послугу чи товар

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

Другий блок нашого проекту ми розділили на 4 основні складові – Тести на проникнення, Захист Мобільних додатків, Захист Сайтів, Захист API і тд. – найбільш затребувані напрями. До слова, кожен з цих розділів, може вести на окрему сторінку зі схожою структурою.

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

 

 

Третій блок – Процес виконання послуги / виготовлення товару

Користувач хоче знати, що буде відбуватися після того, як він залишить заявку або внесе передоплату. Розділіть всю послугу / виготовлення товару на логічні етапи, оптимально 3-6, і опишіть кожен. Не перевищуйте 100-150 символів, інакше, ризикуєте перетворити цей блок в причину виходу з сайту.

Використовуйте графічну складову для візуального розуміння користувачів кожного етапу.

 

 

Четвертий блок – Диференціація.

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

 

.

 

П’ятий блок – Розкажіть про команду, сформуйте довіру.

Розкажіть про те, хто буде надавати послугу / виготовляти товар. Хто ці люди, який у них досвід, сертифікати. Покажіть цих людей на фото або відео на вашому сайті. Це позитивно вплине на формування довіри до вашої компанії. Користувачеві буде зрозуміло кому він довіряє свої гроші.

Футер. Можна розмістити значки сертифікатів, соціальні мережі, зробити посилання на другорядну інформацію (політика конфіденційності, FAQ і тд.). Сильно великим робити його не потрібно, однак, даний розділ повинен бути провідником користувача по сайту, за допомогою якого користувач може знайти додаткову інформацію.

Також, користь можуть принести ось такі вставки між блоками, які будуть містити заклики до дії. Вони допоможуть “оживити” ваш сайт цікавими переходами між блоками, а так же будуть нагадувати користувачам про цільові дії, яке вони повинні виконати.

Інтернет магазини

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

Головна сторінка.

Головна сторінка – це обличчя всього сайту. Від її структури, іноді, залежить коефіцієнт конверсії всього сайту. Головне завдання даної сторінки – сегментувати і направити користувачів, які на неї потрапили, до необхідних саме їм категоріям. Один з наших проектів вирішив цю задачу в такий спосіб: вони об’єднали всі товари в 5 великих груп, що дозволило користувачам швидко знаходити потрібні їм категорії товарів.

Сайт мережі магазинів “Інтертоп” вирішує цю задачу таким чином:

Після сегментації користувачів, ви можете розповісти про вигідні пропозиції, умови роботи, доставки, оплати, це допоможе сформувати користувачеві загальну картину угоди з вами.

Непоганою ідеєю буде показати бестселери, це може підвищити продажі в цій категорії товарів.

Сторінка каталогу з товарами

Значення цієї сторінки досить недооцінене, однак, ця сторінка повинна стати гідом користувача по продукції на сайті. Наявність зручних фільтрів, популярних угруповань – must have, для вашого сайту.

 

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

 

Картка товару

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

  1. Кілька живих фото хорошої якості.
  2. Зручна навігація по картці товару (характеристики, відгуки, фото і тд).
  3. Варіативність товару в кольорі, розмірі і тд. (Якщо така можлива).
  4. Фінансові умови придбання (можливість кредитів / розстрочок).
  5. Виділити кнопку “Купити” / “Додати в кошик”. Також, варто протестувати кнопку і форму “Купити в один клік”.

 

Кошик

Користувач тільки но додав товар до кошика, а ви вже рахуєте гроші які він вам заплатить? – Даремно! Цей етап також дуже важливий. Одна помилка і відсоток покинутих кошиків зросте. Є кілька варіантів кошиків.

Кошик у вигляді окремої сторінки

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

Pop-up кошик

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

 

Сторінка оформлення замовлення повинна бути лаконічною і простою, вона повинна просто і зрозуміло показати користувачеві що потрібно зробити для завершення замовлення. Для країн СНД не характерна наявність великої кількості полів у формаз для заповнення, адже це відлякує користувачів. Для користувачів Західної Європи і США це нормальна практика. Експериментуйте над кількістю полів.

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

Сторінка подяки

Вітаємо! Користувач зробив замовлення, значить ви заслуговуєте довіри. Спробуйте запропонувати додаткові товари, які часто замовляють з тим, який тільки що замовив користувач. Можливо, це стане для нього дуже корисним, а для вас прибутковим.

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

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