Неочевидные ошибки, которые допускают создатели сайтов. Посмотри, каких юзабилити и seo-проблем стоит избегать.
Взгляд обывателя на сайт Electra. Что мы видим?
Незнакомый пользователь при посещение сайта с мобильного устройства не сразу понимает ЦД действие и идею сайта (кнопка "заказать" должна находиться выше быть больше). Также он сталкивается с тем, что происходит медленная загрузка сайта, заторможенная выдача всплывающих объектов (свайп вверх происходит быстрее, чем появление дополнительной всплывающей информации). Первая страничка сайта выдается в обрезанном виде и плохом качестве (при загрузка уже пршла). Главный заголовок первой страницы не говорит о продаваемом продукте (происходит торможение в голове у пользователя, так как сразу намекают на отсутствие товара). При последующем изучении главной страницы, взгляд падает на иконку с почтой, которая пользователем воспринимается как чат-бот (инструмент для получения быстрой информации), однако при переходе оказывается что это форма для отправки письма на email (время ответа на которое не известно). Когда обыватель открывает раздел меню, он также не понимает основной продукт сайта, так как выдаются сразу разделы (разделение потребителей по полу и возрасту). когда пользователь переходит на вторую страницу, он не до конца понимает все особенности продукта (".... выглядел и ехал не так как остальные." - А КАК ТОГДА?). Пролистав несколько страниц сайта пользователь так и не находит информацию в чем необычность и уникальность продукта (в чем УТП; без прочтению больших объясняющих статей). Проведя небольшой обзор, пользователь приходит к выводу, что он не готов оставаться на сайре и ему проще продолжить поиски в просторах интернета.
Юзабилити-проблемы и SEO-проблемы не крутого маркетолога
UX/UI (пользовательский опыт и пользовательский интерфейс) говорит нам о сценариях поведения на сайте, о продуманности передвижения, о меню, о формах и о всем, о том, что стоит учитывать при продумывали удобного интерфейса.
SEO подразумевает адаптацию сайта по критерии ранжирования роботов и потребностей пользователей.
Оценка сайта http://www.electrabike.ru на предмет Юзабилите и Оптимизации (субъективная):
- низкая скорость загрузки;
- первая страница не отображает главную идею сайта;
- скрытое меню (слева в верху небольшая иконка-знак меню);
- целевое действие находится практически в самом низу первой страницы (долгий пользовательский путь до ЦД);
- маршрут до продукта усложнен (сайт, меню, женщинам, модель, модель и долее выпадает продукт);
- нет кнопки наверх (сайт довольно длинный в мобильной версии);
- динамичные изображения мешают восприятию, также их появление запаздывает (пользователь быстрее свайпает наверх, чем появляется всплывающая информация);
изображения низкого качества (при загрузке сайта с телефона), также подобраны в слишком ярких тонах (тяжело для глаз); - плохая отрисовка фотографий и наложение картинок друг на друга;
- не все кнопки выглядят как кликабельные (пользователь не понимает, может ли он "тыкать" на них или нет);
- передвигаясь по сайту пользователь вынужден совершать дополнительные действия, чтобы узнать минимальную информацию о бренде и товаре + лишь в конце первой странички он до конца понимает, что велосипеды электрические;
- при выборе модели, страница открывается не с нужного момента (на компьютере видно на половину, с телефона сначала выходит меню сверху);
- переходы с темного на светлое внутри сайта, либо на слишком яркие (ультра-цвета), "выбивают" пользователя и "режут глаз";
- сложная перелицовка сайта совмещенная с не до конца удобной навигацией;
- низкая скорость загрузки.
Оценка сайта http://www.electrabike.ru на предмет Юзабилите и Оптимизации (независимая):
- низкая скорость загрузки сайта (согласно https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.electrabike.ru&tab=mobile);
- смешение изображений и текста сайта (отсутствие форматирования под экран телефона);
- смешение макета ( согласно https://a.pr-cy.ru/www.electrabike.ru/);
- высокий вес изображений;
- наличие неиспользуемых кодов;
- не все ссылки являются рабочими (социальные сети).
Рекомендации, которые даст крутой маркетолог, открывающий дверь в компании с ноги.
Простая проверка сайта возможна с помощью таких приложений как: PageSpeed Insights, https://pr-cy.ru и https://ru.megaindex.com/a. Загрузите url сайта и посмотрите краткий анализ проблем а также советов по исправлению недочетов.
Для сайта https://www.electrabike.ru можно порекомендовать следующее:
- удаление неиспользуемых кодов;
- уменьшений веса изображений (сжатие картинок);
- отрисовка крупного контента;
- проверка макета сайта при загрузке на телефоне и на компьютере, перенастройка под формат;
- проверка всех ссылок;
- проверить и настроить скорость загрузки.
Каких проблем стоит избегать при создании сайта и что нужно для того чтобы стать мастер своего дела, крутым маркетологом:
- четко обозначать продукт, его УТП и ЦД, также описывать ЦА;
- продумывать макет и структуру своего сайта;
- прописывать маршрут твоего пользователя, разбирать сценарии его поведения;
- наполнять сайт качественным контентом (в написании которого может помочь чек-лист от Ильяхова http://maximilyahov.ru/blog/all/the-checklist/);
- проводить оценку удобности сайта и его оптимизацию (для этого ты можешь использовать популярные приложения, которые указывались выше)
Для того чтобы информацию признать достоверной, необходимо убедиться в ее источнике. Прикрепляю скрины проведенного аудита сайта https://www.electrabike.ru.