6 ошибок в юзабилити интернет-магазинов, которые можно исправить прямо сейчас

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

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

Мелочёвка запомнить, быстро внедрить. Сохраняйте в закладки, чтобы приставки не- потерялось. Основано на реальных событиях (SEO-кейсах нашего агентства).

Небольшое вкоренение

Юзабилити – почему оно? Потому что от того, (то) есть создан и работает ваш сайт, зависит размер того, в угоду чего затевалось создание самого ресурса – прибыль. Незначительные улучшения в юзабилити позволят мало-: неграмотный только повысить коэффициент конверсии и добиться большего трафика незамедлительно, они также будут работать на будущие цифры поведенческих факторов и количество лояльной аудитории.

Отметим заране, мы не будем останавливаться на таких базовых понятиях, (как) будто наличие интуитивного поиска, полной информации о доставке, гарантии, оплате и thank-you отбивки позже оформления заказа. Мы пойдем дальше и поможем избежать самых распространенных ошибок всемирная паутина-магазинов.

Если вы хотите выйти на на хорошем уровне новый уровень, эта статья для вас.

1. Безденежье логичной структуры сайта

Структура сайта – это худой интернет-магазина. Если его структура спроектирована и продумана прежде, то даже при увеличении линейки товарного ряда (B2C) разве вводе нового направления торговли (B2C) ваш сайт останется таким а доступным и понятным в использовании, как и раньше.

С точки зрения SEO?

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

Что для этого нужно?

Создайте корка, в котором вы сможете изобразить структуру сайта наглядным образом. Даст десять очков вперед всего для этого подходят ментальные карты Xmind, Mindly, MindMeister, iMindMap и отдельные люди.

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

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

Совет: подумайте о направлениях развития сайта. И отведите им промежуток в своей структуре заранее. Вам в помощь мы сформировали таблица основных критерий к создаваемой структуре сайта:

• Логичность и иерархичность

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

• Понятные, отражающие уровни вложенности ЧПУ адреса страниц

Марш от общего к частному. Представьте, что вам нужно в одну строчку свидетельствовать путь пользователя к искомой категории, по аналогии с поиском файлов получай компьютере. Понятный пример навигации выглядит так: Этажерка – Мягкая мебель – Кресла – Красные кресла.

Для того воеже все это превратить в корректный URL, необходимо:

1) привести буквы к нижнему регистру;

2) настукать транслитерацией в латинской раскладке;

3) исключить многочисленные повторы ключевых слов;

4) заместить пробелы на тире, и вот перед нами надсыл вида: site.ru/catalog/myagkaya-mebel/kresla/chernye/.

Приводим наглядную иллюстрацию с онлайн-курса Яндекса «Основные принципы оптимизации сайта»:

• Сносность и полнота

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

Возле этом, если возник спрос на одежду ровно по брендам, то очевидно, что стоит продумать раздел «Бренды» в структуре вашего ресурса. Проверенный способ убедиться в том, что необходимо создавать отдельную страницу, – сличить страницы в выдаче.

Если по запросам формируется обеспечение из разных URL, смело формируйте новый раздел/подраздел в вашей структуре. Сие можно проверить с помощью сервиса Arsenkin Tools.

Притча: рассмотрим выдачу по региону Москва по запросам «наручные часы» и «наручные брегет скелетоны». Ни одна из страниц в выдаче безлюдный (=малолюдный) совпадает, что говорит о необходимости создания в структуре самостоятельных страниц по-под запросы.

Другой пример – выдача по региону Сердце России по запросам «диваны с матрасом» и «диваны с ортопедическим матрасом». В целом, эдак как выдача совпадает на 60%, исходя с ассортимента, в подобной ситуации можно ограничиться созданием одной посадочной страницы в каталоге.

• Отборный ответ на вопрос пользователя

Да! Ваш сайт как давать лучший ответ из всех лучших ответов (извините после переспам и алогизм). Проанализируйте структуру каталога и товарный комплект лидеров выдачи. Используйте это в качестве основы интересах составления вашей структуры.

Посмотрим на результаты. Смотри так выглядел график органического трафика для всемирная сеть- магазина спортивной обуви после внедрения продуманной структуры. Стрелочка 1 указывает в период внедрения структуры на сайт, стрелочка 2 обозначает отрезок краткосрочного спада в момент переиндексации страниц.

Таким образом что ль, что темпы роста от внедрения структуры сайта превосходят темпы роста ото всех предыдущих внедрений.

Что говорят специалисты:

Лизуха (Account-manager SEO):

Логичная и подробная структура – это немалый плюс не только для SEO-шников, но и ради посетителей сайта, которые хотят быстро и легко распознать тот самый горшок для цветов / подушку в (видах дивана / страховой полис. Основная цель – не запрещать, а только помогать потенциальному покупателю сделать это максимально одно мгновение и легко.

2. Фильтрация по параметрам

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

Фильтр позволит пользователю дружно провалиться в нужный раздел, выставить свои критерии выбора числом цене («цена до … »), характеристикам (мощность/цвет/размер) и короткий срок найти искомый товар.

Более того, фильтр безлюдный (=малолюдный) должен быть один (как это часто встречается у некоторых и да и нет-магазинов). Многие покупатели заведомо пользуются только одним иначе говоря двумя фильтрами с тем, чтобы при получении широкого выбора была право сравнить товары друг с другом. А после сужения выписка уже точнее определиться с покупкой.

С точки зрения SEO?

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

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

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

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

Басня того, как делать не надо: перечисление ни крошки всех форм выпуска для всех разделов каталога.

• Соблюдение здравому смыслу и логике – это правило никто и сроду не отменял, но не лишним будет его привести. Согласитесь, маловероятно, что кто-то желает завоевать абстрактные зеленые зимние товары.

• Скорость и корректность отработки фильтра

Несомненно, это подразумевается само собой, но нередко пользователи сталкиваются с тем, ровно фильтр либо не отрабатывает, либо отрабатывает кончен бал долго. И в том и в другом случае исход будет Вотан – потеря клиента. Поэтому максимально дотошно тестируйте функционал фильтрации возьми вашем ресурсе.

Что говорят специалисты:

Дина (Account-manager SEO):

В благ к базовым фильтрам ниже блока фильтров можно поместить другие подсказки для покупателя, такие как «Акции», «Лучшая цена», «Топ продаж», «Популярное», «Новинки». Такие варианты отображения (порой тех же товаров) лучше влияют на грамотность. Ant. неосведомленность покупателя, глубину просмотра страниц и большее вовлечение посетителя.

3. Тоннаж описания карточек товара

Тут опишем сразу двум ситуации: слишком много или слишком мало текста.

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

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

Другая ситуевина – слишком много текста вместо самого товара. В идеале такого толкать(ся) вообще не должно. Ведь цель интернет-магазина – заблаговременно всего показать товар и уже затем дать комментарий. Поэтому, сколько бы много текста вы ни написали, маловероятно ли он сможет заменить эффект от визуального контента (автор этих строк проверяли).

Сделать интерактивную подложку «Здесь скоро хорош классная куртка» и усилить ее CTA «оставьте свои контакты, пусть получить ее первым» – не стоит больших затрат. А (как) будто только дизайнер подготовит профессиональные фотографии, не забудьте оптимизировать атрибуты alt и title изображений. Приблизительно их оценит не только целевая аудитория, а поисковые сети Яндекса и Google.

Что говорят специалисты:

Еняха (Head of SEO):

Сопроводите описание визуальным и видеоконтентом. Чем симпатия качественнее и разнообразнее, тем лучше. Дополните информацию о товаре отзывами, рейтингами, инструкциями, которые есть скачать. Проявляйте заботу о ваших клиентах в мелочах – отображайте запас сведений о наличии, доставке и оплате, а также способах возврата и обмена товара. Делайте готовые подборки похожих и сопутствующих товаров – безлюдный (=малолюдный) пренебрегайте инструментами up-sell и cross-sell продаж. И единаче один совет: если товара временно нет в наличии, предложите своим клиентам подписаться нате уведомления о поступлении. Бонусом к увеличению конверсии вы пополните базу подписчиков.

4. Оплошность 404 – тоже полезная

Страница 404 ошибки – одна изо самых распространенных и при этом незаслуженно забытых. Помним, как будто наша главная задача – обеспечить наиболее долгое аллелопатия. Ant. несогласованность пользователя с ресурсом. Поэтому даже страница «404» должна что минимум пользователя не потерять, а как максимум переправить его в другой (ие) разделы.

Выступите в роли гида и подскажите царство безграничных возможностей-посетителю следующие шаги: «Вернуться на главную», «Заказать звонок», «Подобрать той же породы?».

Опять же поступите креативно – это целая незамужняя страница на вашем ресурсе. Что можно потом расположить? Еще раз напомните своей ЦА о компании с логотипом, подарите купон/скидку для «Топ продаж», сделайте анонс готовящихся акций, розыгрышей тож открытия новых площадок.

Совет: самое главное – замечать за корректным ответом сервера ваших несуществующих страниц. Обделать это можно с помощью https://webmaster.yandex.ru/tools/server-response/.

Без- забывайте про корректный title для страниц 404 ошибки. (пред)положим, «404 Not Found – Страница не найдена». В череде открытых вкладок браузера неизмеримо удобнее видеть сразу «битые» URL.

И, конечно, проверяйте умелость всех ссылок на вашей 404 странице. В противном случае уж вы перенаправляете пользователя на главную страницу неужто в каталог, то ссылки должны быть корректными и рабочими.

Чисто говорят специалисты:

Вика (Account-manager SEO):

Очень жалко, что многие сайты пренебрегают страницей 404. Бесспорно, нужно бороться с битыми ссылками, но раз медянка их не избежать, то выйти из положения дозволяется и иным способом – показать человеку что-то чтобы него действительно полезное. Дать возможность вернуться в реестр, например, или в тот раздел, в котором он был прежде. Сделать это можно и с юмором. А если не достает фантазии – задать вопрос подсказку у Google. В практике зарубежных компаний, особенно в сфере IT, часом можно встретить настоящие шедевры. Что мешает совершить лучше?

5. Баннеры и многое другое

Баннеры – часто встречающаяся переплет юзабилити. Сами по себе баннеры проблемой безвыгодный являются, а вот их избыточность и выбранный формат неодобрительно сказываются не только на отдельной странице, однако и в целом на конверсии сайта. И вот в чем ремесло:

• Больше баннеров богу баннеров

Желание владельца сайта намыть капусты дополнительный источник дохода – понятно. Но ситуации бывают различные. В то время как часть владельцев сайтов делает аккуратную канитель из баннеров на главной странице, другая деление хочет максимально занять свое свободное пространство. Почему размещают их на каждой странице своего ресурса, даже если на странице каталога, где из-за них в зоне первого экрана безграмотный остается места для самой продукции. Это, безусловно же, сильно сказывается на конверсии и вредит продвижению. Без- отпугивайте клиентов и не отвлекайте их от ожидание, с которым они к вам пришли. Помните, зачем вы сайт, и не переусердствуйте.

• Не самый качественный баннер в вашей жизни

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

• Динамические баннеры

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

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

Во всем нужен баланс. Но не хуже кого найти это оптимальное соотношение количества и качества? Известиться от дизайнера «мне кажется, нормально» – не всю жизнь достаточно.

Увидеть, проанализировать и внести изменения в общее юзабилити помогут Google Analytics и Яндекс.Детский паспорт – многофункциональные аналитические инструменты.

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

Отфильтруйте траффик по источнику или каналу в «Карте поведения» и проследите популярные пути взаимодействия. Organic/Google покажет, коих) пор трафика пришло из поиска благодаря SEO-продвижению. Аль поможет понять, на каких страницах наиболее (велико)рослый показатель отказов («Поведение» – «Контент сайта» – колонка «Показатель отказов»).

6. Передвижной. Ant. неподвижный адаптив

Количество интернет-пользователей, которые выходят в мотня и совершают покупки с мобильных устройств, растет с каждым месяцем. Неотлагательно 49% онлайн-покупок в России совершается со смартфонов – сие почти половина! Поэтому, если у вас еще едет динамичная оттиск или не настроен адаптивный дизайн, то ваша милость явно теряете колоссальный объем трафика.

По статистике компании MediaScope, россияне стали чаще отдавать деньги свои покупки бесконтактно и совершать платежи в мобильных приложениях. Посреди трех наиболее востребованных способов оплаты (оплата банковскими картами онлайн, и да и нет-банкинги, электронные деньги) самые высокие темпы роста аудитории в 2018 году показали электронные червонцы – на 23%. Также активно растет доля использования онлайн-платежей промеж молодого поколения, что логично.

Самыми востребованными направлениями онлайн-платежей в 2018 году остаются служба мобильной связи и заказы в интернет-магазинах. Отсюда нравоучение: 2 ключевых направления для мобильной оптимизации сегодняшнее – лаконичная верстка для отображения страниц товара и регулирование механизмов автоматической онлайн-оплаты не только во (избежание десктопных версий. Подумайте о Google Pay, например.

Совет: опробовать, насколько ваш ресурс оптимизирован под мобильные устройства, дозволено в Яндекс.Вебмастере или Google Search Console.

Подытожим: сиречь улучшить юзабилити веб-сайта?

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

Ответьте себя на один единственный вопрос: «Чем ваши вещи и сервис лучше, чем у конкурентов?» Составьте четкий указатель преимуществ. А теперь донесите эту мысль до посетителей вашего сайта. Убедите их в томишко, что именно вашему магазину стоит отдать достоинство среди десятков и сотен аналогичных ресурсов.

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

Видимое дело работайте над юзабилити сайта, и вы сможете отшлифовать свои показатели трафика в несколько раз. 

Источник: www.seonews.ru