Аудит юзабилити и SEO сайта медицинской клиники ТОП АССУТА

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

Дата аудита: июль 2016 года

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

 

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

 

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

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

Не согласовано взаимное расположение вертикальных границ блоков:

Ошибки в компоновке элементов

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

Непонятно, где ссылка, а где текст.

Ссылки оформлены как текст

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

Дублирование элементов интерфейса

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

Данные ссылки не реагируют на наведение курсора.

Ссылки не реагируют на наведение курсора

В данном элементе используется некорректный код ссылки:

Ошибки в HTML коде

Ошибки в HTML коде

Рекомендуем сделать номер телефона обычным текстом, а не ссылкой.

Не согласован размер вертикальных отступов между элементами и взаимное расположение блоков:

Ошибки в компоновке макетов

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

Также рекомендуем сделать заголовки блоков ссылками на соответствующие разделы сайта.

Юзабилити заголовков

Юзабилити заголовков

Текст справа рекомендуем выровнять по вертикальной оси блоков:

Выравнивание текстов

Слишком маленький отступ между блоком с видео и подписью:

Отступы между элементами

Рекомендуем сделать отступ величиной 15-20 пикселей между видео и текстом.

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

Разный верхний и нижний отступ

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

Непонятно, это ссылки или обычный текст.

Ссылки как обычный текст

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

Используются разные отступы между заголовком и текстовым блоком. Это показано на скриншоте по ссылке https://yadi.sk/i/TjOpCepatTkpp .

Рекомендуем придерживаться единой величины отступов для однотипных элементов сайта.

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

Отступ между фотографией и текстом

В центральной части страницы размещено достаточно большое количество контента. Из-за этого страница имеет большую высоту и в боковых колонках остается пустое место, не содержащее полезной информации. Это продемонстрировано на полном скриншоте страницы по ссылке https://yadi.sk/i/XH7P50g_tTn2z

Также из-за большой высоты страницы большинство пользователей просматривают только верхнюю часть страницы. Это подтверждается картой скроллинга по ссылке https://yadi.sk/i/3zBP-SHItTnhs

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

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

Качественная навигация по сайту является основой для построения эффективного юзабилити сайта.

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

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

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

Большое количество ссылок на сайте оформлены как обычный текст. Ниже представлены скриншоты таких элементов.

Ссылка оформлена как текст

Ссылка оформлена как текст

Ссылка оформлена как текст

Ссылка оформлена как текст

Ссылка оформлена как текст

Ссылка оформлена как текст

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

В боковом меню с перечнем отделений клиники есть открывающиеся подменю. Но в работе скрипта открытия и закрытия допущена ошибка. Открытые подразделы можно закрыть только повторным кликом по ссылке. Из-за этого при открытии разделов увеличивается общая высота блока с меню и пользователю сложно ориентироваться в большом количестве ссылок. Это продемонстрировано на скриншоте по ссылке https://yadi.sk/i/XSc0VVhMtTptS

Также рекомендуем сделать отступ слева в меню отделений второго уровня:

Дизайн меню

Также не совсем понятно, почему в меню с заголовком «Отделения» размещены ссылки на программы лечения конкретных болезней. Это продемонстрировано на видео по ссылке https://yadi.sk/i/TqrDLHXHtTqoa.

На части страниц сайта некорректно работает вспомогательная навигация по типу «хлебные крошки».

Например, страница «Вопросы и ответы» является подстраницей раздела «Лечение в Израиле». Это отражено и в главном навигационном меню:

Ошибки в работе навигации

При этом во вспомогательной навигации ссылка на раздел «Лечение в Израиле» отсутствует.

Ошибки в работе навигации

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

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

http://assutatop.com/fotogalereya/

К сожалению, в данный момент раздел не содержит никакой полезной информации. Это показано на скриншоте по ссылке https://yadi.sk/d/7wBcWhQftTrPh.

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

Врачи

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

Низкое качество фотографий

Для профилей некоторых докторов отсутствует фотография:

Нет фотографий врачей

Используются разные отступы между нижней границей вывода профилей врачей и заголовком:

Разные отступы

Разные отступы

Разные отступы

Для большого количества врачей отсутствует детальное описание и страница просмотра профиля:

Нет описания врачей

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

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

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

Большая высота страницы

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

До окончания загрузки страницы лента с профилями врачей выводится некорректно. Это показано на видео по ссылке https://yadi.sk/i/TRwbG1dvtUKhP.

Рекомендуем:

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

Детальный просмотр информации о враче

http://assutatop.com/doctor/doktor-markus-yakubovich.

Непонятно для чего сделано дублирование специализации:

Дублирование текста

Непонятно, это ссылка или текст:

Ссылка или текст

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

Неверный формат ссылки:

Ошибки в коде ссылки

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

Выравнивание текста

Непонятно, это ссылки или текст.

Ссылки оформлены как текст

Непонятно, к какому блоку относится данный элемент списка.

Ошибки в юзабилити списка

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

Нет детальной информации

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

Программы лечения

http://assutatop.com/disease/.

Страница имеет достаточно большую высоту. Возможность быстрого перехода к нужному разделу из верхней части страницы отсутствует. Пользователи не прокручивают страницу вниз в поисках нужного раздела. Это подтверждается данными карты скроллинга страницы по ссылке https://yadi.sk/i/cvQRmhQ8tUNcu

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

Ошибки в заголовках

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

Большое количество программ лечения не имеют страницы с детальным описанием.

Нет детального описания программ лечения

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

Цены

http://assutatop.com/disease/

Страница с ценами имеет большую высоту. Возможность быстрого перехода к информации по стоимости лечения конкретного заболевания в данный момент отсутствует. Нижнюю часть страницы просматривает в два раза меньше пользователей, чем верхнюю. Это подтверждается данными карты скроллинга по ссылке https://yadi.sk/i/wJoUL0xitV6HF

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

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

Ошибки в юзабилити сайта

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

Оформление цен

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

Отзывы

Непонятно, это ссылка или обычный заголовок:

Ссылка или загловок

Не согласована высота блоков с видео. Из-за этого нижние границы блоков разъехались и выглядят неаккуратно.

Разная высота блоков

Рекомендуем придерживаться единого размера блоков с видео-отзывами.

Юзабилити форм обратной связи

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

В форме заказа обратного звонка не указано, в каком формате необходимо ввести номер и обязательность заполнения поля. Сообщение об ошибке появляется после неудачной попытки отправки заявки. Также отсутствует проверка корректности ввода номера. Это продемонстрировано на видео по ссылке https://yadi.sk/i/4-boZGWTtPg9Z

В результате – низкая конверсия формы, что подтверждается данными Яндекс.Метрики.

Например, на главной странице:

Анализ конверсии формы

Конверсия формы за последний квартал (по всем страницам сайта):

Аудит конверсии формы заказа

Аудит конверсии формы заказа

Схожая ситуация и с формой отправки данных для получения информации о льготах. Это показано на видео по ссылке https://yadi.sk/i/uS0U2HBxtPgir

Юзабилити формы

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

Анализ данных Яндекс.Метрики

Анализ данных Яндекс.Метрики

Далее рассмотрим форму «Заказать бесплатный аудит».

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

Ошибки в юзабилити формы заказа

Ошибки в юзабилити формы заказа

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

Не указано, какие поля являются обязательными для заполнения. Об этом можно узнать только после попытки отправки формы. Также удается отправить данные с некорректным номером телефона. Это продемонстрировано на видео по ссылке https://yadi.sk/i/lkDZxRuVtPqhk.

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

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

Дублирование ссылок

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

Далее рассмотрим форму отправки заявки на лечение на странице «Контакты»

http://assutatop.com/contacts/.

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

Ошибки в полях формы

Сообщение о необходимости заполнения полей появляется после попытки отправки данных формы. Также удалось отправить форму с неправильным номером телефона. Это продемонстрировано на видео по ссылке https://yadi.sk/i/U5gnJVhotPsun.

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

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

Сравнение с конкурентами

Для примера рассмотрим основные достоинства и недостатки сайта клиники Елиша http://www.elisha.ru/.

Цветовая гамма сайта выполнена в бело-синих тонах и похожа на цветовое решение сайта http://www.assutatop.com.

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

Активно используется анимация и интерактивное поведение элементов страницы. Это продемонстрировано на видео по ссылке https://yadi.sk/i/FLG_gZzttVCGG

На главной странице сайта есть галерея с качественными фотографиями врачей. Но прокрутка фото не работает, невозможно перейти на страницу с детальной информацией о враче. При переходе на страницу «Врачи клиники» выводится только 4 врача. Дизайн страницы выглядит неаккуратно. Это продемонстрировано на видео по ссылке https://yadi.sk/i/MemFiAuhtVD3e

Сайт также работает на базе WordPress. Из-за этого большая часть разделов выводится в блоговом виде и не адаптирована под конкретный контент страницы. Например:

  • http://www.elisha.ru/department/
  • http://www.elisha.ru/stati/
  • http://www.elisha.ru/novosti/
  • http://www.elisha.ru/otzyivyi/

Следует отметить, что на сайте есть возможность заказа обратного звонка (как и на сайте Топ Ассута).

Дополнительное преимущество – наличие представительств клиники в Москве, Киеве, Тольятти и Баку.

Адреса представительств

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

К недостаткам сайта также следует отнести:

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

Отдельно стоит отметить, что сайт абсолютно не рассчитан для просмотра с мобильных устройств и планшетов. Его дизайн полностью разваливается при уменьшении ширины экрана. Это продемонстрировано на видео по ссылке https://yadi.sk/i/ioUMIWojtVP4X

В целом сайт выглядит более современно и красиво, чем assutatop.com, но создается впечатление, что он находится на начальном этапе наполнения, т.к. объем размещенной информации не соответствует объему заявленных услуг и количеству специалистов.

Аудит поисковой оптимизации

Далее рассмотрим вопросы поисковой оптимизации страницы http://assutatop.com/lechenie-za-rubezhom-ceny/ под запросы «лечение в Израиле» и «лечение рака в Израиле».

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

В данный момент это требование не выполняется – используется фраза «lechenie-za-rubezhom-ceny».

Рекомендуем сделать адрес страницы http://assutatop.com/lechenie-raka-v-israele-cena.

Метеатег title не соответствует продвигаемым запросам:

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

Рекомендуем заполнить title следующим образом: «Лечение рака в Израиле. Цена лечения онкологии.»

Также неверно заполнен метатег description:

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

Рекомендуем заполнить description следующим образом: «Цена лечения рака печени, матки, щитовидной железы в Израиле. Топ Ассута – диагностика и лечение онкологии в Израиле.»

В данный момент неверно заполнен мететег keywords:

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

Рекомендуем заполнить этот метатег следующим образом: «цена, стоимость, лечение, рак, онколог, онкология, израиль, топ, ассута, клиника, больница, опухоль, биопсия, колоноскопия, биопсия, узи, осмотр, консультация, гинеколог, маммолог, узи».

Прайс-лист в данный момент сверстан с помощью таблицы:

Ошибки в верстке сайта

Ошибки в верстке сайта

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

Данные элементы сверстаны с помощью тега <th>.

Ошибки в верстке сайта

Ошибки в верстке сайта

Рекомендуем сверстать данные элементы с помощью тегов заголовка второго уровня <h2>.

Код страницы содержит большие вставки js-скриптов и стилей оформления элементов. Это показано на скриншоте кода по ссылке https://yadi.sk/i/erlX5VQQtVdRE. Рекомендуем вынести данные фрагменты во внешние файлы.

Отдельно стоит отметить, что в google по запросу «лечение в Израиле» на 8-м месте находится главная страница сайта, а по запросу «лечение рака в Израиле» на 9-м http://assutatop.com/department/onkologiya/.

В Яндексе соответствующие страницы и запросы находятся на 153-й и 74-й позиции соответственно. Предоставленная для аудита страница http://assutatop.com/lechenie-za-rubezhom-ceny/ по данным ключевикам в поисковой выдаче не обнаружена.

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

Get new case studies by email:

More Case Studies

See all