Аудит юзабилити и SEO сайта интернет-магазина лекарственных препаратов

Аудит юзабилити №393

Дата аудита: сентябрь 2015 года

Объем отчета: 22 страницы 

 

Кейс по выявлению ошибок в работе каталога лекарственных препаратов, улучшению юзабилити страниц и корзины интернет-магазина. Бесплатный SEO аудит внутренней оптимизации сайта.

 

Логотип и слоган

Логотип должен являться ссылкой на главную страницу сайта.

Нет ссылки на главную страницу

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

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

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

К сожалению, в данный момент слоган отсутствует.

Рекомендуем придумать и разместить на сайте слоган, отражающий суть сайта и компании.

Навигация по сайту.

Согласно требованиям юзабилити, главное навигационное меню сайта должно состоять максимум из 5-7 пунктов. В данный момент в нем 8 пунктов, расположенные в 2 строки. Это отрицательно сказывается на юзабилити и внешнем виде сайта.

Главное меню выводится в двет строки

Рекомендуем сократить количество разделов главного меню, оставив только самые главные разделы. Ссылки на второстепенные информационные разделы можно вынести в вспомогательное меню.

Некоторые страницы сайта имеют большую высоту. Например, страница «Прайс» – 9368 пикселей (полный скриншот можно увидеть по ссылке https://yadi.sk/i/6ufVrLaEjATZg ). При просмотре таких высоких страниц пользователю приходится постоянно возвращаться вверх страницы с помощью прокрутки страницы. Это отрицательно сказывается на юзабилити.

Для решения этой проблемы рекомендуем использовать один из следующих вариантов:

  1. Сделать главное меню «плавающим» (меню всегда находится в верхней части экрана при вертикальной прокрутке).
  2. Добавить кнопку «вверх» для быстрого перехода к главному меню.
  3. Сделать в футере блок с ссылками, дублирующими главное меню.

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

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

К сожалению, в данный момент возможность поиска по сайту полностью отсутствует.

Рекомендуем разработать и добавить на сайт модуль поиска.

Далее рассмотрим дизайн, функционал и юзабилити отдельных страниц сайта.

Главная страница

Общий дизайн главной страницы абсолютно не соответствует современным требованиям и трендам:

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

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

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

Страница «Препараты»

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

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

Компоновка главной страницы каталога препаратов

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

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

Для примера ниже представлены заголовки с категории гормональных препаратов http://pharm-holding.com/ru/article/show/gormonal-nyye

Разные варианты заголовков

В другом разделе сайта http://pharm-holding.com/ru/article/show/protiwowospalityel-nyye-i-antisyeptitchyeskiye используется кардинально другое оформление заголовка товара.

Разное оформление загловков

Кроме этого, заголовки являются обычным текстом, а не ссылками. Это отрицательно сказывается на юзабилити.

Рекомендуем придерживаться единого стиля оформления заголовков для всех препаратов на всех страницах каталога.

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

При просмотре страницы каталога отсутствует наиболее важная для пользователя информация – цена конкретного препарата и как его быстро купить.

Не указана цена препаратов

Рекомендуем в явном виде указывать цену предлагаемых препаратов.

При нажатии на ссылку для просмотра конкретного препарата пользователь перенаправляется на поддомен. При этом имя поддомена часто не соответствует названию препарата. Например:

Перенаправление на поддомен

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

При попытке просмотра увеличенного фото открывается внешняя ссылка на сервис http://fastpic.ru/. Увеличенное фото конкретного препарата отсутствует.

Юзабилити просмотра увеличенных фото

Юзабилити просмотра увеличенных фото

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

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

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

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

Юзабилити формы отправки сообщения

При этом не указано, какие поля формы обязательны для заполнения.

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

После отправки нет никакого информационного сообщения о корректности отправки и получении письма администратором сайта.

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

Также на странице детального просмотра нет ссылок на аналогичные препараты из той-же категории. Это отрицательно сказывается на юзабилити и конверсии.

Рекомендуем выводить список похожих препаратов их той-же категории.

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

На странице нет меню

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

Фотографии с водяными знаками других сайтов

Рекомендуем использовать только уникальные фото, специально снятые для сайта компании.

Страница «Галлерея»

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

Юзабилити фотогалереи

На данной странице полностью отсутствует заголовок.

Нет заголовка на странице

Страница «Полезные советы»

На данной странице отсутствует заголовок.

Нет заголовка на странице

Неработающие ссылки на изображения.

Битые ссылки на изображения

Страница «Полезные советы»

На данной странице размещено всего 6 коротких текстов на общую тематику.

Рекомендуем расширить количество статей и их тематику. Также рекомендуем сделать возможность выбора статей в зависимости от вида домашних животных.

Страница «Сертификаты»

На данной странице не подписаны названия соответствующих сертификатов.

Нет названия сетрификатов

Нет названия сертификатов

Раздел «Прайс»

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

Основная и главная ошибка – на странице отсутствует информация о цене конкретных препаратов.

Не указана цена препаратов

Рекомендуем явно указать цену каждого препарата, представленного в прайсе.

Нет заголовка страницы с прайс-листом.

Нет заголовка страницы

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

Ошибки в юзабилити таблицы

Рекомендуем использовать вертикальное выравнивание по центру ячейки таблицы.

С 28-го по 51-й пункт прайса у ячеек таблицы отсутствуют границы.

Нет границ ячеек у таблицы

Нет границ ячеек у таблицы

Меняется дизайн оформления названий категорий.

Ошибки в оформлении названий категорий

Рекомендуем придерживаться единого стиля оформления всех таблиц в прайс-листе компании.

Ссылки на социальные сети сместились к краю таблицы.

Ошибки в блоке соцсетей

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

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

Страница «Вопрос-ответ»

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

К сожалению, в данный момент страница не содержит никакой полезной информации, кроме формы отправки сообщения.

При этом заголовок страницы не соответствует ее названию в меню.

Заголовок страницы не соответствует ссылке в меню

Рекомендуем разместить в данном разделе информацию по типовым вопросам, которые помогут пользователю узнать все подробности по процедуре заказа, оплаты и доставки необходимых препаратов.

Страница «Контакты»

Отсутствует заголовок страницы.

Юзабилити страницы с контактами

Подчеркивание используется для обычного текста, который не является ссылкой.

Подчеркивание используется для обычного текста

Дизайн данной страницы абсолютно не проработан.

Адрес email сделан обычным текстом, а не ссылкой.

Адрес email сделан обычным текстом, а не ссылкой.

Используется разный формат написания телефонных номеров.

Разный формат телефонных номеров

В данный момент отсутствует карта или схема проезда к офису.

Также нет возможности отправить сообщение или связаться с менеджером с помощью чата.

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

Интеграция сайта с социальными сетями и сервисами

В данный момент на сайте есть иконки с ссылками на социальные сети.

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

Не работают иконки социальных сетей

Не работают иконки социальных сетей

Верстка сайта

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

Она должна быть выполнена в соответствии со всеми стандартами и обеспечивать корректную работу сайта на всех устройствах при любом разрешении экрана.

Рассмотрим, насколько выполнены эти требования.

Стили оформления находятся внутри HTML кода сайта, а не вынесены во внешние CSS файлы. Это отрицательно сказывается на масштабируемости и скорости работы сайта.

CSS стили внутри HTML-кода

CSS стили внутри HTML-кода

Отступы между элементами сделаны при помощи пустых абзацев, а не соответствующих css-свойств элементов (padding или margin).

Пустые теги абзацев

Код содержит пустые классы элементов. Это засоряет HTML-код страницы и отрицательно сказывается на быстродействии и SEO сайта.

Пустые классы элементов сайта

Из-за системных ошибок в коде сайта не обеспечено его корректное и одинаковое отображение во всех основных браузерах.

Например, при просмотре страницы «Прайс» http://pharm-holding.com/ru/article/show/prajs в Firefox последней версии она полностью разваливается. Появляется полоса горизонтальной прокрутки, все таблицы имеют разную ширину и оформление. Это продемонстрировано на скриншоте https://yadi.sk/i/EYzviMA1jGDyD и видео https://yadi.sk/i/E_-VIIzVjGE9M .

Аналогичная проблема и при просмотре сайта в браузере Internet Explorer. Работу страниц сайта в этом браузере можно увидеть на видео по ссылке https://yadi.sk/i/K1xi__C6jGELz.

Внутренняя оптимизация сайта для поисковых систем

Метатег title является одним из самых важных факторов с точки зрения SEO. Он должен быть уникальным для каждой страницы, иметь длину не более 60 символов и максимально точно соответствовать содержанию страницы и ее семантическому ядру.

К сожалению, в данный момент это условие не выполняется. Все страницы имеют неуникальный одинаковый title, который не соответствует содержанию конкретной страницы. Это крайне отрицательно сказывается на SEO. Сводная таблица представлена ниже.

Address Title
http://pharm-holding.com/ PHARM HOLDING
http://pharm-holding.com/ru/article/show/kontakty PHARM HOLDING
http://pharm-holding.com/ru/article/show/glawnaya PHARM HOLDING
http://pharm-holding.com/ru/gallery/show/galyeryeya PHARM HOLDING
http://pharm-holding.com/ru/gallery/show/syertifikaty PHARM HOLDING
http://pharm-holding.com/ru/article/show/pryeparaty PHARM HOLDING
http://pharm-holding.com/ru/contact/show/wopros-otwyet PHARM HOLDING
http://pharm-holding.com/ru/article/show/polyeznyye-sowyety PHARM HOLDING
http://pharm-holding.com/ru/article/show/protiwomastitnyye PHARM HOLDING
http://pharm-holding.com/ru/article/show/prajs PHARM HOLDING
http://pharm-holding.com/ru/article/show/protiwobrodil-nyye-i-ruminatornyye PHARM HOLDING
http://pharm-holding.com/ru/article/show/rastwory PHARM HOLDING
http://pharm-holding.com/ru/article/show/witaminy PHARM HOLDING
http://pharm-holding.com/ru/article/show/dlya-sanacii-spyermy-i-embrionow PHARM HOLDING
http://pharm-holding.com/ru/article/show/protiwoparazitarnyye- PHARM HOLDING
http://pharm-holding.com/ru/article/show/obshtchyeukryeplyaushtchiye PHARM HOLDING
http://pharm-holding.com/ru/article/show/antigyel-mintnyye PHARM HOLDING
http://pharm-holding.com/ru/article/show/protiwowospalityel-nyye-i-antisyeptitchyeskiye PHARM HOLDING
http://pharm-holding.com/ru/article/show/protchyeye PHARM HOLDING
http://pharm-holding.com/ru/article/show/dyeratizacionnyye- PHARM HOLDING
http://pharm-holding.com/ru/gallery/show/galyeryeya,2 PHARM HOLDING
http://pharm-holding.com/ru/article/show/antibaktyerial-nyye PHARM HOLDING
http://pharm-holding.com/ru/article/show/gormonal-nyye PHARM HOLDING
http://pharm-holding.com/ru/gallery/show/galyeryeya,1 PHARM HOLDING
http://pharm-holding.com/ru/article/show/ginyekologitchyeskiye- PHARM HOLDING
http://pharm-holding.com/ru/article/show/immunomodulyatory PHARM HOLDING

Метатег description также должен быть заполнен для всех страниц сайта, являться уникальным и кратко отражать суть страницы.

К сожалению, в данный момент он не заполнен для всех страниц сайта.

Ошибки заполнения description

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

К сожалению, в данный момент это требование не выполнено. Все keywords одинаковые и не соответствуют содержанию страниц сайта. Ниже приведена сводная таблица.

Address Meta Keyword 1
http://pharm-holding.com/ ojooo,smail,professional email,split email
http://pharm-holding.com/ru/article/show/kontakty ojooo,smail,professional email,split email
http://pharm-holding.com/ru/article/show/glawnaya ojooo,smail,professional email,split email
http://pharm-holding.com/ru/gallery/show/galyeryeya ojooo,smail,professional email,split email
http://pharm-holding.com/ru/gallery/show/syertifikaty ojooo,smail,professional email,split email
http://pharm-holding.com/ru/article/show/pryeparaty ojooo,smail,professional email,split email
http://pharm-holding.com/ru/contact/show/wopros-otwyet ojooo,smail,professional email,split email
http://pharm-holding.com/ru/article/show/polyeznyye-sowyety ojooo,smail,professional email,split email
http://pharm-holding.com/ru/article/show/protiwomastitnyye ojooo,smail,professional email,split email
http://pharm-holding.com/ru/article/show/prajs ojooo,smail,professional email,split email
http://pharm-holding.com/ru/article/show/protiwobrodil-nyye-i-ruminatornyye ojooo,smail,professional email,split email
http://pharm-holding.com/ru/article/show/rastwory ojooo,smail,professional email,split email
http://pharm-holding.com/ru/article/show/witaminy ojooo,smail,professional email,split email
http://pharm-holding.com/ru/article/show/dlya-sanacii-spyermy-i-embrionow ojooo,smail,professional email,split email
http://pharm-holding.com/ru/article/show/protiwoparazitarnyye- ojooo,smail,professional email,split email
http://pharm-holding.com/ru/article/show/obshtchyeukryeplyaushtchiye ojooo,smail,professional email,split email
http://pharm-holding.com/ru/article/show/antigyel-mintnyye ojooo,smail,professional email,split email
http://pharm-holding.com/ru/article/show/protiwowospalityel-nyye-i-antisyeptitchyeskiye ojooo,smail,professional email,split email
http://pharm-holding.com/ru/article/show/protchyeye ojooo,smail,professional email,split email
http://pharm-holding.com/ru/article/show/dyeratizacionnyye- ojooo,smail,professional email,split email
http://pharm-holding.com/ru/gallery/show/galyeryeya,2 ojooo,smail,professional email,split email
http://pharm-holding.com/ru/article/show/antibaktyerial-nyye ojooo,smail,professional email,split email
http://pharm-holding.com/ru/article/show/gormonal-nyye ojooo,smail,professional email,split email
http://pharm-holding.com/ru/gallery/show/galyeryeya,1 ojooo,smail,professional email,split email
http://pharm-holding.com/ru/article/show/ginyekologitchyeskiye- ojooo,smail,professional email,split email
http://pharm-holding.com/ru/article/show/immunomodulyatory ojooo,smail,professional email,split email

Заголовок первого уровня H1 должен присутствовать на всех страницах сайта, быть уникальным и соответствовать контенту страницы.

В данный момент он отсутствует на 11 страницах сайта. Адреса страниц приведены в таблице:

Address
http://pharm-holding.com/ru/article/show/kontakty
http://pharm-holding.com/ru/gallery/show/galyeryeya
http://pharm-holding.com/ru/gallery/show/syertifikaty
http://pharm-holding.com/ru/article/show/polyeznyye-sowyety
http://pharm-holding.com/ru/article/show/protiwomastitnyye
http://pharm-holding.com/ru/article/show/prajs
http://pharm-holding.com/ru/article/show/witaminy
http://pharm-holding.com/ru/article/show/antigyel-mintnyye
http://pharm-holding.com/ru/gallery/show/galyeryeya,2
http://pharm-holding.com/ru/article/show/antibaktyerial-nyye
http://pharm-holding.com/ru/gallery/show/galyeryeya,1

Также недопустимым является многократное использование тега H1 на одной странице. В данный момент это наблюдается на 15 страницах сайта.

Несколько заголовков первого уровня H1 на странице

Сводная таблица страниц с дубликатами представлена ниже:

Address H1-1 H1-2
http://pharm-holding.com/ru/article/show/glawnaya О НАС О НАС
http://pharm-holding.com/ О НАС О НАС
http://pharm-holding.com/ru/article/show/pryeparaty Препараты Препараты
http://pharm-holding.com/ru/contact/show/wopros-otwyet Контакт Контакт
http://pharm-holding.com/ru/article/show/protiwobrodil-nyye-i-ruminatornyye ПРОТИВОБРОДИЛЬНЫЕ И РУМИНАТОРНЫЕ ПРЕПАРАТЫ ПРОТИВОБРОДИЛЬНЫЕ И РУМИНАТОРНЫЕ ПРЕПАРАТЫ
http://pharm-holding.com/ru/article/show/rastwory РАСТВОРЫ РАСТВОРЫ
http://pharm-holding.com/ru/article/show/dlya-sanacii-spyermy-i-embrionow ДЛЯ САНАЦИИ СПЕРМЫ И ЭМБРИОНОВ ДЛЯ САНАЦИИ СПЕРМЫ И ЭМБРИОНОВ
http://pharm-holding.com/ru/article/show/protiwoparazitarnyye- ПРОТИВОПАРАЗИТАРНЫЕ ПРЕПАРАТЫ ПРОТИВОПАРАЗИТАРНЫЕ ПРЕПАРАТЫ
http://pharm-holding.com/ru/article/show/obshtchyeukryeplyaushtchiye ОБЩЕУКРЕПЛЯЮЩИЕ ПРЕПАРАТЫ ОБЩЕУКРЕПЛЯЮЩИЕ ПРЕПАРАТЫ
http://pharm-holding.com/ru/article/show/protiwowospalityel-nyye-i-antisyeptitchyeskiye ПРОТИВОВОСПАЛИТЕЛЬНЫЕ И АНТИСЕПТИЧЕСКИЕ ПРЕПАРАТЫ ПРОТИВОВОСПАЛИТЕЛЬНЫЕ И АНТИСЕПТИЧЕСКИЕ ПРЕПАРАТЫ
http://pharm-holding.com/ru/article/show/protchyeye ПРОЧЕЕ ПРОЧЕЕ
http://pharm-holding.com/ru/article/show/dyeratizacionnyye- ДЕРАТИЗАЦИОННЫЕ СРЕДСТВА ДЕРАТИЗАЦИОННЫЕ СРЕДСТВА
http://pharm-holding.com/ru/article/show/gormonal-nyye ГОРМОНАЛЬНЫЕ ПРЕПАРАТЫ ГОРМОНАЛЬНЫЕ ПРЕПАРАТЫ
http://pharm-holding.com/ru/article/show/ginyekologitchyeskiye- ГИНЕКОЛОГИЧЕСКИЕ ПРЕПАРАТЫ ГИНЕКОЛОГИЧЕСКИЕ ПРЕПАРАТЫ
http://pharm-holding.com/ru/article/show/immunomodulyatory ИММУНОМОДУЛЯТОРЫ ИММУНОМОДУЛЯТОРЫ

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

С радостью отвечу на Ваши вопросы по результатам аудита по email, skype или телефону.

Get new case studies by email:

More Case Studies

See all