Во второй части цикла статей про проектирование интернет-магазина мы рассмотрим навигацию в интернет-магазине — почему правильно организованная навигация принесет вам новых клиентов, зачем нужны «хлебные крошки» и пагинация.
В прошлой статье Проектирование интернет-магазина. Часть 1 — «Каталог товаров» мы рассказали о том, как важно правильно организовать каталог товаров в интернет-магазине. Однако, даже большее значение для удобства пользователей имеет грамотно построенная навигация сайта.
Меню, поиск товаров и каталог – вот основа навигации по сайту интернет-магазина.
В интернет-магазинах в качестве «наполнителя» главного меню выступает каталог товаров. Оптимальным вариантом будет группировка товара в несколько товарных групп (не более 5-7, чтобы не отвлекать внимание пользователей) – в таком случае меню будет горизонтальным. Если товарных групп больше – меню лучше делать вертикальным. Традиционно вертикальное меню располагается в левой части сайта. В любом более-менее крупном магазине категории товары – обобщенное понятие, а сами товары делятся еще на подкатегории. Хороший тон – делать меньше 3 уровней вложенности меню.
Помимо главного меню, следует делать меню вспомогательное. Чаще всего оно располагается над строкой поиска и содержит в себе полезную информацию (статьи, доставка и оплата, о магазине, информация для оптовых покупателей и т.д.)
Еще один незаменимый элемент дизайна – «хлебные крошки». Они располагаются в левой части сайта, под главным меню, и наглядно показывают пользователю, где он находится, и какие структуры сайта предшествуют странице, на которой находится пользователь. «Хлебные крошки» также могут решать другие проблемы, например, вернуть пользователя к предшествующим результатам при использовании им фасетной навигации.
При большом количестве товаров в выбранной подкатегории следует реализовать постраничную навигацию (пагинацию) с возможностью выбора – сколько товаров появится на странице. Для каждой страницы лучше делать статический url, это будет полезно для индексации поисковыми системами. Иногда используется динамическая подгрузка данных (при скроллинге вниз),но это не лучший вариант, поскольку может загрузить браузер пользователя и негативно сказаться на индексации поисковиками.
В карточках товара можно прописать теги – это будет дополнительным уровнем навигации.
Раньше пользователи активно пользовались картой сайта, но сейчас добавлять ее следует для лучшей индексации поисковыми системами. Ссылка на карту сайта обычно находится в подвале сайта. Сама страница карты сайта будет представлять собой структурированный список всех страниц сайта. Лучше, чтобы карта сайта генерировалась автоматически, чтобы при добавлении новых товаров не обновлять ее вручную (особенно, если товары будут добавляться часто).
Рекомендуем к прочтению:Проектирование интернет-магазина. Часть 3 — «Фасетная навигация»
Комментарии:
Всего комментариев: 0