Как создать правильную структуру сайта

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

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

В этой статье мы постараемся сегментировать и выделить наиболее полезные рекомендации для создания структуры вашего сайта.

Поисковые системы Google и Яндекс составили свой перечень рекомендаций относительно структур сайта, однако туда вошли рекомендации более технического характера: простота, логичность, перелинковка, понятность. Здесь же мы поговорим о структуре со стороны юзабилити — простоты и удобства использования пользователем.

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

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

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

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

Первый блок — товар/услуга лицом.

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

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

Основной акцент сделайте на кнопке с грамотным призывом к действию. Стандартное “бесплатная консультация” уже давно не работает, придумайте что-то пооригинальнее.

Например, как сделали это мы: протестировали несколько заголовков и призывов к действию и определили лучшие “Сохраним информацию, данные приложений и веб-сайтов в соответствии с нормами … с возможностью ретеста в течении… дней”  — “Получить расчет стоимости проекта”.

*При подборе текстов для всего сайта проанализируйте что важно именно вашей ЦА и пишите об этом.

Второй блок — Сегментируйте свою услугу, товар 

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

Второй блок нашего проекта мы разделили на 4 основные составляющие — Тесты на проникновение, Защита Мобильных приложений, Защита Сайтов, Защита API и тд. — наиболее востребованные направления. К слову, каждый из этих разделов, может вести на отдельную страницу с похожей структурой.

Если вы продаете уникальный товар, покажите в каких сферах и как его можно применить.

 

 

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

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

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

 

 

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

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

 

.

 

Пятый блок — Расскажите про команду, сформируйте доверие.

Расскажите, кто будет предоставлять услугу/изготавливать товар. Кто эти люди, какой у них опыт, сертификаты. Покажите этих людей на фото или видео на вашем сайте. Это положительно повлияет на формирование доверия к вашей компании. Пользователю будет понятно кому он доверяет свои деньги.

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

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

Интернет-магазины

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

 

Главная страница. 

Главная страница — лицо всего сайта. От ее структуры, иногда, зависит коэффициент конверсии всего сайта. Главная задача данной страницы — сегментировать и направить пользователей, которые на нее попали, по необходимым им категориям. Один из наших проектов решил эту задачу следующим образом: они объединили все товары в 5 больших групп, что позволило пользователям быстро находить нужные им категории товаров.

Сайт сети магазинов “Интертоп” решает эту задачу таким образом:

После сегментации пользователей, вы можете рассказать о выгодных предложениях, условиях работы, доставки, оплаты, это поможет сформировать пользователю общую картину сделки с вами.

Неплохой идеей будет показать бестселлеры, это может повысить продажи в этой категории товаров.

Страница каталога с товарами

Значение этой страницы довольно недооцененное, однако, эта страница должна стать гидом пользователя по продукции на сайте. Наличие удобных фильтров, популярных сортировок — must have, для вашего сайта.

 

При наведении на каждый конкретный продукт можно предоставить немного дополнительной информации, которая может стать решающей в принятии решения пользователем, как в этом примере:

 

Карточка товара

Пожалуй, одна из самых важных страниц в воронке к покупке. Маркетологи и дизайнеры проводят тысячи исследований и тестов как повысить коэффициент добавлений в корзину с этого типа страниц, т.к. Эта страница имеет наиболее высокий процент выходов с сайта. Итак, 5 советов для оптимального построения карточки товара:

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

 

Корзина

Пользователь добавил товар в корзину, а вы уже считаете деньги которые он вам заплатит? — Зря! Этот этап также очень важен. Одна ошибка и процент уходов возрастет. Есть несколько вариантов корзин.

Корзина в виде отдельной страницы.

Удобная для пользователя, однако добавляет еще один этап в воронке к покупке. Зачастую на таких корзинах используют блоки для upsale. Будьте осторожны, не добавляйте слишком много элементов, которые будут отвлекать пользователей от главной цели — покупки.

Pop-up корзина. Всплывающее окно, которое содержит минимум информации и не отвлекает пользователей сторонними элементами. На данный момент большинство крупных игроков на рынке используют именно этот вариант.

 

Страница оформления заказа должна быть лаконичной и простой, она должна просто и понятно показать пользователю что нужно сделать для завершения заказа. Для стран СНГ не характерно наличие большого количества строк для заполнения, это отпугивает пользователей. Для пользователей Западной Европы и США это нормальная практика. Поэкспериментируйте над количеством полей.

Если для завершения заказа пользователь должен ввести более 7-10 строк, рекомендуем разделить весь процесс на логические этапы, это делает восприятие более простым. 

Страница благодарности

Поздравляем! Пользователь сделал заказ, значит вы заслуживаете доверия. Попробуйте предложить товары, которые часто заказывают с тем, который только что заказал пользователь. Возможно, это станет для него очень полезным, а для вас прибыльным предложением.

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

Итак, мы рассмотрели наиболее важные советы по построению правильной структуры сайтов, однако, не останавливайтесь на достигнутом. Экспериментируйте и успех вам гарантирован.