Аудит юзабилити и 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 сделан обычным текстом, а не ссылкой.

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

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

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

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

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

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

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

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

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

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

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

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

Отступы между элементами сделаны при помощи пустых абзацев, а не соответствующих 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. Сводная таблица представлена ниже.

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

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

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

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

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

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

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

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

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

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