Чек-лист по юзабилити и SEO-наполнению сайта

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

В этой статье собраны наиболее важные моменты, на которые стоит обратить внимание при оформлении сайта: основные настройки, дизайн и элементы, навигация, SEO-наполнение. И на примере интернет-магазина велосипедов Electrabike разобрала нетипичные ошибки. Буду рада, если информация окажется для полезной.

Основное

Скорость загрузки сайта

По субъективным ощущениям сайт грузится быстро, а может быть, я сама по себе неспешный человек. Но вот по объективному анализу, проведенному сервисом PageSpeed Insights, производительность сайта требует доработок. Как для компьютерной версии (47/100), так и для мобильной (11/100).

Настройка под географию целевой аудитории (ЦА)

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

Наличие мобильной версии

На сегодняшний день мобильный трафик составляет уже около 45% от общего, что обязывает компании иметь удобные мобильные версии сайтов. Анализируемая компания успешно справилась с этим заданием — версия имеется.

Быстрый доступ к главным кнопкам

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

Единообразие интерфейса

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

Однозначность и понятность

Абсолютно на всех страницах сайта в течение 2-3 секунд можно определить тематику сайта.

Перемещение по страницам

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

Итого:

Дизайн и элементы сайта

Чувство стиля

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

Изображения

Четкие, красивые, показывают ситуацию использования (люди на картинках показаны в действии — на велосипедах). Зачёт!

Заголовок домашней страницы

Вещь, которая должна быть на самом видном месте, привлекать внимание за долю секунды и отвечать на вопросы: чем вы полезны, кому и в чем? На данный момент Electrabike привлекает внимание только тем, что нужно уточнять наличие велосипедов.

Анимация

Чем меньше анимации - тем лучше. Тут компания переборщила с анимацией, в основном на домашней странице. Излишние переходы забирают на себя внимание пользователя, отвлекая его от прочтения текста. Как бонус — в мобильной версии, ещё и с мобильного интернета, они довольно долго грузятся.

Деактивация лишних элементов

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

Ещё один минус обнаружился в разделе «Доставка». На сайте предлагается ознакомиться с полным списком адресов и режимов работы салонов «здесь», но кнопка эта неактивна и не совсем понятно — где здесь-то?

Навигация

Поиск по сайту

Он должен быть! При попытках найти «Поиск» в указанном интернет-магазине не удалось. Грустно.

Пусть до целевого действия

Перемещение по схеме «Заголовок → Выгоды → Продукт → Доверие → Форма» занимает небольшое количество времени. Если случится пожар, то пользователь сможет купить велосипед быстро — навигация сайта позволяет.

Верхнее меню

Заметное, понятное, с достаточным количеством элементов. На сайте верхнее меню вызывает восхищение — всё по делу, ничего лишнего.

Нижнее меню

Также должно быть в наличии. Но вот на сайте Electrabike оно не столь понятное, как хотелось. Основная проблема заключается в поиске контактов. Из материалов в меню не понятно: а в каких городах есть представительства, как можно с ними связаться, где найти такую страницу с контактами?

Коммуникация с клиентом

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

Отзывы и комментарии

На сегодняшний день пользователя уже привыкли, что полностью доверять информации на сайте продавца нельзя — красиво писать уже все научились. Важным фактором, влияющий на решение о покупке — это отзывы покупателей. Но в этом плане Electrabike разочаровали, ведь на сайте нет ни единого отзыва или даже оценки велосипеда.

Обратная связь

Отзыв оставить негде, вопросы чат-бот Антон игнорирует, остается только заказать обратный звонок, что я и решила сделать. Кстати, с главной страницы это действие совершить невозможно — можно попробовать заказать звонок из каталога. Но тут что-то пошло не так — я забыла указать номер телефона или адрес почты.

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

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

SEO-наполнение

Внешние факторы ранжирования

С помощью сервиса самостоятельного продвижения PR-СY был проведен мониторинг сайта: естественные ссылки составляют 87%, SEO — 13%, что считаю отличным соотношением.

Внутренние факторы ранжирования

Среди грамотно оформленных внутренних факторов, влияющих на ранжирование, Electrabike выделим: контент, мега-тэги, возраст домена, структуру сайта, техническую составляющую, скорость загрузки и человекочитаемый URL. Осталось доработать навигацию, исключить ошибки и увеличить скорость загрузки.

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

Работа над ошибками

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

Подведу итогу и определю недочеты, которые стоит проработать Electrabike, чтобы преуспеть в выбранной нише:

 Увеличить скорость загрузки
 Улучшить доступ к главным (целевым) кнопкам
 Настроить перемещение по страницам в мобильной версии
 Вернуть привлекающий внимание заголовок домашней страницы
 Уменьшить количество используемой анимации
 Настроить «Карты»
 Сделать «Поиск» по сайту
 Переделать раздел «Контакты»
 Настроить Антона
 Создать форму обратной связи и отзывы покупателей

Это не руководство к действию, а пользовательская рекомендация. Желаю ребятам продвижения и побольше естественно-приведенных заинтересованных клиентов!