Как создать правильную структуру сайта
Правильная структура сайта — одна из самых загадочных и овеянных тайнами тем. Она очень нужна каждому владельцу сайта, но никто не знает точно, что нужно сделать, чтобы она была правильной. Если вы искали легкий и универсальный путь, то спешим вас разочаровать, его вы нигде не найдете.
Структура сайта для каждой категории и подкатегории деятельности уникальна. Процесс поиска идеальной структуры может занять месяцы и даже годы.
В этой статье мы постараемся сегментировать и выделить наиболее полезные рекомендации для создания структуры вашего сайта.
Поисковые системы Google и Яндекс составили свой перечень рекомендаций относительно структур сайта, однако туда вошли рекомендации более технического характера: простота, логичность, перелинковка, понятность. Здесь же мы поговорим о структуре со стороны юзабилити — простоты и удобства использования пользователем.
Так как нашими читателями, преимущественно, являются собственники бизнеса, а также люди, которые так или иначе с этим связаны, за основу рассмотрения мы возьмем сайты коммерчесного направления (созданные с целью продвижения товаров и услуг).
Лендинги, сайты-визитки, сайты с простой линейной структурой.
Подходит для продвижения: услуг, уникальных товаров, людей/предприятий с целью узнаваемости.
Для простоты восприятия, мы будем использовать один из наших проектов, для которого мы создавали структуру сайта. Это компания, предоставляющая услуги по анализу угроз и защите мобильных приложений и баз данных от взлома.
Первый блок — товар/услуга лицом.
Процент полученных отказов на одностраничниках и простых сайтах довольно высокий. Более 50% пользователей не долистывают первую страницу дальше 2-3 блока. Поэтому необходимо на первом же блоке кратко, в 1-2 коротких предложениях, рассказать пользователю чем вы занимаетесь и почему стоит заказать у вас. Как сейчас часто говорят: “составить оффер”. Оффер — сильное торговое предложение, которое зацепит именно вашу Целевую аудиторию (далее — ЦА).
По возможности используйте изображение/видео/графическую составляющую, которая наглядно покажет что вы продаете, что делаете.
Основной акцент сделайте на кнопке с грамотным призывом к действию. Стандартное “бесплатная консультация” уже давно не работает, придумайте что-то пооригинальнее.
Например, как сделали это мы: протестировали несколько заголовков и призывов к действию и определили лучшие “Сохраним информацию, данные приложений и веб-сайтов в соответствии с нормами … с возможностью ретеста в течении… дней” — “Получить расчет стоимости проекта”.
*При подборе текстов для всего сайта проанализируйте что важно именно вашей ЦА и пишите об этом.
Второй блок — Сегментируйте свою услугу, товар
Сегментация наиболее результативна, когда она проводится по клиентским категориям — тому, что чаще всего заказывают/интересуются клиенты. Проанализируйте, какие категории и подкатегории вашей услуги пользуются наибольшим спросом.
Второй блок нашего проекта мы разделили на 4 основные составляющие — Тесты на проникновение, Защита Мобильных приложений, Защита Сайтов, Защита API и тд. — наиболее востребованные направления. К слову, каждый из этих разделов, может вести на отдельную страницу с похожей структурой.
Если вы продаете уникальный товар, покажите в каких сферах и как его можно применить.
Третий блок — Процесс выполнения услуги/ изготовления товара
Пользователь хочет знать, что будет происходить после того, как он оставит заявку или внесет предоплату. Разделите всю услугу/изготовление товара на логические этапы, оптимально 3-6, и опишите каждый. Не превышайте 100-150 символов, иначе, рискуете превратить этот блок в причину ухода с сайта.
Используйте графическую составляющую для визуального понимания пользователей каждого этапа.
Четвертый блок — Дифференциация.
Сравните себя с конкурентами и поймите в чем вы лучше. Акцентируйте внимание на ваших достоинствах, которые важны пользователю: сроки, цена, гарантии и тд. Для правильного построения данного блока необходимо провести брифование целевой аудитории и на основании большого количества опросов сделать выводы о том, что действительно важно для вашей целевой аудитории
.
Пятый блок — Расскажите про команду, сформируйте доверие.
Расскажите, кто будет предоставлять услугу/изготавливать товар. Кто эти люди, какой у них опыт, сертификаты. Покажите этих людей на фото или видео на вашем сайте. Это положительно повлияет на формирование доверия к вашей компании. Пользователю будет понятно кому он доверяет свои деньги.
Футер. Можно разместить значки сертификатов, социальные сети, сделать ссылки на второстепенную информацию (политика конфиденциальности, FAQ и тд.). Сильно большим делать его не нужно, однако, данный раздел должен быть проводником пользователя по сайту, с помощью которого пользователь может найти дополнительную информацию.
Также, пользу могут принести вот такие вставки между блоками, которые будут содержать призывы к действию. Они помогут “оживить” ваш сайт интересными переходами между блоками, а так же будут напоминать пользователям о целевом действии, которое они должны выполнить.
Интернет-магазины
Не менее распространенный вариант коммерческих веб-сайтов. Проекты связанные с интернет-магазинами одни из самых интересных, но и одни из самых сложных. Такие сайты, как правило имеют многоступенчатую воронку клиента к покупки. Однозначно верную структуру вряд ли кто-то сможет предложить, для успешного ее построения необходимо провести множество тестов контента и структурных элементов.
Главная страница.
Главная страница — лицо всего сайта. От ее структуры, иногда, зависит коэффициент конверсии всего сайта. Главная задача данной страницы — сегментировать и направить пользователей, которые на нее попали, по необходимым им категориям. Один из наших проектов решил эту задачу следующим образом: они объединили все товары в 5 больших групп, что позволило пользователям быстро находить нужные им категории товаров.
Сайт сети магазинов “Интертоп” решает эту задачу таким образом:
После сегментации пользователей, вы можете рассказать о выгодных предложениях, условиях работы, доставки, оплаты, это поможет сформировать пользователю общую картину сделки с вами.
Неплохой идеей будет показать бестселлеры, это может повысить продажи в этой категории товаров.
Страница каталога с товарами
Значение этой страницы довольно недооцененное, однако, эта страница должна стать гидом пользователя по продукции на сайте. Наличие удобных фильтров, популярных сортировок — must have, для вашего сайта.
При наведении на каждый конкретный продукт можно предоставить немного дополнительной информации, которая может стать решающей в принятии решения пользователем, как в этом примере:
Карточка товара
Пожалуй, одна из самых важных страниц в воронке к покупке. Маркетологи и дизайнеры проводят тысячи исследований и тестов как повысить коэффициент добавлений в корзину с этого типа страниц, т.к. Эта страница имеет наиболее высокий процент выходов с сайта. Итак, 5 советов для оптимального построения карточки товара:
- Несколько живых фото хорошего качества.
- Удобная навигация по карточке товара (характеристики, отзывы, фото и тд).
- Вариативность товара в цвете, размере и тд. (если такая возможна).
- Финансовые условия приобретения (возможность кредитов/рассрочек).
- Выделяющаяся кнопка “Купить”/ “Добавить в корзину”. Также, стоит протестировать кнопку и форму “Купить в один клик”
Корзина
Пользователь добавил товар в корзину, а вы уже считаете деньги которые он вам заплатит? — Зря! Этот этап также очень важен. Одна ошибка и процент уходов возрастет. Есть несколько вариантов корзин.
Корзина в виде отдельной страницы.
Удобная для пользователя, однако добавляет еще один этап в воронке к покупке. Зачастую на таких корзинах используют блоки для upsale. Будьте осторожны, не добавляйте слишком много элементов, которые будут отвлекать пользователей от главной цели — покупки.
Pop-up корзина. Всплывающее окно, которое содержит минимум информации и не отвлекает пользователей сторонними элементами. На данный момент большинство крупных игроков на рынке используют именно этот вариант.
Страница оформления заказа должна быть лаконичной и простой, она должна просто и понятно показать пользователю что нужно сделать для завершения заказа. Для стран СНГ не характерно наличие большого количества строк для заполнения, это отпугивает пользователей. Для пользователей Западной Европы и США это нормальная практика. Поэкспериментируйте над количеством полей.
Если для завершения заказа пользователь должен ввести более 7-10 строк, рекомендуем разделить весь процесс на логические этапы, это делает восприятие более простым.
Страница благодарности
Поздравляем! Пользователь сделал заказ, значит вы заслуживаете доверия. Попробуйте предложить товары, которые часто заказывают с тем, который только что заказал пользователь. Возможно, это станет для него очень полезным, а для вас прибыльным предложением.
Помимо вышеуказанных советов вы должны регулярно мониторить рынок в вашей области. Присмотритесь к конкурентам (особенно тем, которые больше вас), какие фишки они используют. Также,одним очень полезным советом будет наблюдать за гигантами в сфере розничной электронной торговли, их специалисты работают над UX сайтов днем и ночью, у них точно есть чему поучится.
Итак, мы рассмотрели наиболее важные советы по построению правильной структуры сайтов, однако, не останавливайтесь на достигнутом. Экспериментируйте и успех вам гарантирован.