Почему ваш сайт не продает. Разбираемся на примере интернет-магазина.
Этим вопросом задаются как новички, которые только запустились, так и уже взрослые компании, переживающие спад продаж.
Вот что мы думаем о возможных причинах.
Отсутствие понятной навигации, запутанная структура
Хорошо продуманная структура — это, пожалуй, одно из ключевых достоинств сайта.
Это то, на что пользователь обращает внимание в первые секунды после загрузки страницы — руководствуясь внутренними ощущениями. Если за первые 0,2 секунды пользователь понял, как попасть в нужный раздел — это показатель хорошо сделанной структуры.
Если сайт организован не очень удачно, это бросается в глаза.
Особенно если речь идет об интернет-магазине.
У вас должно быть хорошо структурированное и логичное меню, которое приведет покупателя к разделу или даже в карточку товара, которая его интересует.
Не стоит забывать также, что хорошая и внятная структура — это фактор, который влияет на ранжирование сайта. И, заботясь об удобстве покупателя, мы также повышаем свои позиции в поисковиках.
Проблема в том, что многие интернет-магазины пренебрегают информативным меню и подробной структурой. Или делают такую структуру, где нет вложенных категорий.
Допустим, вы продаете диваны. У вас есть несколько категорий: двухместные диваны, трехместные, угловые и т.д. И также есть отдельная категория “Диваны”. И в данном случае она не является родительской для более мелких, они равнозначны. И когда нет такой иерархичности, вы рискуете, что пользователи либо заблудятся на сайте, либо не найдут, что им нужно и уйдут без покупок.
Итог один: конверсия упадет.
Некоторые причины плохой структуры
- Выгрузка напрямую из программы учета без внесения необходимых корректировок.
- Сайт вашего интернет-магазина был сделан давно. И на протяжении этого времени добавлялись новые разделы — и вручную, и импортом из Excel от поставщиков.
Эта практика была распространена ранее. Интернет-магазины экспортировали структуру напрямую из 1С и других программ и не вносили правки.
Вот один из способов решения этой проблемы (линк): разделите дерево структуры работы для сотрудников и дерево выгрузки на сайт.
Как решить:
а) разделите добавление разделов на два шага: сначала в программу учета, а затем уже на сайт (обновленные товары с нужными пометками от менеджеров);
б) поменяйте парсер, чтобы разделы распределялись по нужным категориям.
Хлебные крошки
Сюда же можно отнести такой навигационный элемент, как хлебные крошки. Многие про них забывают, что в корне неверно. Или делают их, но недорабатывают.
Например, забывают (или не считают нужным) адаптировать хлебные крошки под мобильную версию. В итоге навигационная цепочка на мобильных устройствах либо полностью разваливается, либо ссылки в ней недостаточного размера, и по ним сложно попасть пальцем.
Скорее всего, это приведет к тому, что человек заблудится и уйдет с сайта. Или, как минимум, получит неприятный опыт взаимодействия с ним.
Как делаем мы?
Хорошо продуманные хлебные крошки строятся по схеме «Родительская категория» — «Подкатегория» — «Раздел». Например, так: «Мебель» — «Диваны» — «Двухместные диваны». Таким образом можно структурировать даже многоуровневую систему вложенности и при этом не запутаться. Мы стараемся соблюдать эту несложную иерархию в наших проектах (линк).
Как показывает опыт, в большинстве случаев люди хотят вернуться именно в родительскую категорию, а не на главную страницу. Чтобы перейти на главную, как правило, кликают по логотипу.
Поэтому имеет смысл делать логотип кликабельным, а при создании хлебных крошек придерживаться четкой структуры — так считаем мы. :)
Дизайн по шаблону или, наоборот, слишком оригинальный
В дизайне сайтов, как и в других областях, есть свои правила, которым необходимо следовать. Конечно, можно этого не делать, но есть риск быть непонятыми.
Особенно если речь идет об интернет-магазинах — здесь лучше экспериментировать по минимуму.
Слишком оригинальный дизайн
Многие новички предпринимают попытки отойти от канонов, чтобы сделать лучше. По крайней мере, с таким посылом они начинают проект. Однако в результате получается не лучше — а по-другому.
И тут важно не переборщить. Потому что часто это скорее отпугивает покупателей, а не способствует продажам.
В Рунете уже есть сложившиеся паттерны: “Корзина” и телефон располагаются сверху справа, логотип сверху слева или по центру и т.д. И покупатель ожидает увидеть эти кнопки на привычных местах.
А если вы сильно отходите от традиционных шаблонов, это может значительно снизить конверсию.
Наша практика показывает, что, если вы делаете интернет-магазин, особенно экспериментировать не стоит.
Старайтесь сделать такой дизайн, который не виден — ничего не отвлекает от процесса выбора товара и покупки, но при этом айдентика бренда запоминается. Это лучший вариант из возможных.
Ну и подсматривайте, как делают конкуренты — и переосмысляйте их решения.
Шаблонность
Но и здесь есть свои подводные камни: если использовать только шаблонные элементы, сайт может получиться слишком скучным и типовым — похожим на другие. Это не плохо, но вас вряд ли запомнят.
Если вы рассчитываете развивать свой бизнес в долгую, то дизайн — это важный аспект, в который стоит вложиться.
Уделите время поиску дизайнера, с которым вы будете понимать друг друга и сумеете вместе сделать классный и продающий проект.
Старайтесь найти баланс между шаблонными паттернами и оригинальными решениями. Экспериментируйте в мелочах — например, используйте оригинальное цветовое решение или добавьте ненавязчивую анимацию, но при этом сохраняйте привычный общий концепт и структуру вашего интернет-магазина.
Мы также думаем, что хороший интернет-магазин – это сайт, который постоянно обновляется. Проводятся A/B тесты, меняются высоты/размеры, добавляются страницы, фильтры и т.д. В случае выбора шаблонного решения вы отнимаете у себя возможность подобных доработок и улучшения сайта.
Сайт не адаптивен
Нет адаптированной мобильной версии — или она адаптирована с ошибками
Если в 2022 году вы пренебрегаете мобильной версией сайта, вы стреляете себе в ногу.
Уже несколько лет трафик с мобильных устройств перевешивает трафик с десктопных версий. Т.е.
И если вы вставляете пользователям палки в колеса — может быть, неосознанно — то вы проигрываете.
Поэтому если ваша мобильная версия (или адаптив) недостаточно быстро загружается или на нем нет каких-то ключевых элементов, которые есть на десктопе, это серьезная ошибка.
Чем скорее вы ее осознаете и устраните, тем больше клиентов вы сохраните за собой.
Кроссбраузерность
В наших проектах мы часто сталкиваемся с тем, что многие компании забывают (или не считают нужным) протестировать сайт в разных браузерах на этапе верстки.
Если пользователь зашел в Microsoft Edge и увидел там другой контент или не увидел анимацию, которая есть в Google Chrome, это звоночек, что с сайтом что-то не то, есть недоработки.
Это также может повлиять на снижение конверсии.
Резюме
- СТРУКТУРА
- ДИЗАЙН
- АДАПТИВНОСТЬ
Потратьте время на продумывание грамотной структуры, потому структуру — это «скелет» и основа сайта. Важно сделать ее максимально удобной и понятной для пользователя. Если вы меняете структуру, после необходимо аккуратно настроить переадресацию.
При дизайне интернет-магазина не стоит слишком увлекаться нестандартными решениями. Важно, чтобы пользователей ничего не отвлекало от покупки и товара. Таким образом, идеальный дизайн — тот, который не виден, но айдентика бренда запомнилась. Будет здорово, если вы сумеете нащупать этот баланс!
Уделите особое внимание мобильной версии, ведь сейчас
Остались вопросы?
Объясним, починим, создадим, наладим
и научим
пользоваться
-
15 лет
директор
по маркетингу -
Член совета директоров "Гильдия маркетологов"
-
58
запущенных
проектов -
Член Жюри Silver Mercury
-
Регулярный спикер конференции
-
Преподаватель MBA курсов по Digital marketing

Игорь Краснощек