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

1. Юзабилити на практике – улучшаем
конверсию, позиции и трафик
SEO-аналитик компании SiteClinic
Владимир Столбов

2. 1. Задачи юзабилити с точки зрения поисковых систем. Тенденции
SEO-продвижения.
2. Применение юзабилити на практике. Наиболее важные аспекты.
2.1 Навигация и структура.
2.2 Контакты и информация о компании.
2.3 Контент товарных страниц.
3. Проведение А/Б-тестирования – важный инструмент маркетолога.
3.1 Правила проведения исследования.
План

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

4. Некоторые этапы «эволюции» ранжирования
Яндекс
• 5 октября 2011 – информация в блоге Яндекса об оценке рекламы на
сайте
http://webmaster.ya.ru/replies.xml?item_no=11888
• 24 ноября 2011 – информация в блоге об оценке коммерческих
характеристик сайта
http://webmaster.ya.ru/replies.xml?item_no=12443
• Май 2013 – доклад Яндекса о ранжировании
http://www2013.org/companion/p1145.pdf

5. Некоторые этапы «эволюции» ранжирования
Google
• Август 2011 – запущен алгоритм Panda, он учитывает:
- Объем рекламы
- Количество полезного контента на странице
• Март 2014 – обновлена инструкция асессоров Google
- Используются понятия доверенность и авторитетность
http://devaka.ru/file_download/62/Google_Human_Rater_Guidelines_v5.0_2014.pd

6. Оцените скорость загрузки страниц и
работу сервера
Оценка скорости загрузки
https://developers.google.com/speed/pagespeed/insights/?hl=ru
FAQ данного сервиса https://support.google.com/analytics/answer/1205784?
hl=ru

7. Оцените влияние рекламы
- Затрудняет ли реклама доступ к основному контенту
- Закрывает ли реклама текст
- Отвлекает ли от основного контента
- Не превышает ли объем полезного контента

8. Как не нужно размещать рекламу
https://support.google.com/adsense/answer/1346295?
hl=ru&ref_topic=1307438#Unnatural_attention_to_ads

9. Оцените структуру сайта
Она должна иметь:
- Понятную и логичную иерархию категорий
- Короткие и понятные названия категорий
- Только значимые и необходимые разделы
- Логичное распределение товаров по группам
- Сортировку товаров в каталоге по популярности
http://help.yandex.ru/webmaster/recommendations/site-structure.xml

10. Навигация сайта должна отвечать
на такие вопросы:
1) Где я сейчас нахожусь? 2) Куда можно пойти? 3) Где я уже был?

11. Например:

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

13. Неправильная расстановка приоритетов
некликабельный баннер на весь первый экран

14. Неправильная расстановка приоритетов
Не используется большая часть экрана

15. «Логично утверждать, что для снятия фильтра нужно
избавиться от элементов переоптимизации на сайте:
- Сократить количество прямых ключевых словоформ. Не только в
текстах, но и в title;
- Равномерно распределить ключевые слова по тексту;
- Пересмотреть все тексты и избавиться от неестественных
конструкций, написать их нормальным русским языком. Текст
должен быть направлен прежде всего на пользователя;
- Убрать чрезмерное выделение тегами;
- Сократить длинные тексты;
- Избавиться от других возможных элементов переоптимизации
(ключевые слова в атрибутах title и alt, спамные url,
переоптимизация меню и т.д.)»
Расстановка акцентов в тексте
Сравните текст написанный вот так:

16. И вот так:
Логично утверждать, что для снятия фильтра нужно избавиться от
элементов переоптимизации на сайте: Сократить количество прямых
ключевых словоформ. Не только в текстах, но и в title. Равномерно
распределить ключевые слова по тексту. Пересмотреть все тексты и
избавиться от неестественных конструкций, написать их нормальным
русским языком. Текст должен быть направлен прежде всего на
пользователя. Убрать чрезмерное выделение тегами Сократить длинные
тексты. Избавиться от других возможных элементов переоптимизации
(ключевые слова в атрибутах title и alt, спамные url, переоптимизация
меню и т.д.).

17. Страница контактов
- Укажите все способы связи (телефон, адрес, email, скайп,
ICQ и т.д.)
- Используйте карты, схемы проезда, фото фасада магазина
- Применяйте свои корпоративные цвета. У пользователя
должна быть прочная ассоциация между этим адресом и
вашей компанией
- Продумайте выбор филиалов (для компаний, работающих
в нескольких регионах)
http://platon.ya.ru/2116

18. Плохие примеры страниц контактов

19. Страница контактов должна быть такой:

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

21. Карточка товаров. Проанализируйте:
1. Качество изображения
2. Наличие хорошо видимой цены в первом экране
3. Наличие кнопки «Купить» в первом экране
4. Подробные характеристики товара
5. Отзывы о товаре
6. Информация о доставке и оплате
7. Блок «Сопутствующие товары» и «Покупают вместе»

22. Правильная страница товара

23. Правильная страница товара

24. Неправильная страница товара
Цена и кнопка «Купить» ниже первого экрана

25. Изображение товара должно быть качественным

26. Сделайте пользователя счастливым

27. Проведение А/Б-тестирования
http://www.ux-web.ru/ab-testirovanie/nastroika-testa.php

28. Что нужно тестировать
— Заголовки
— Призывы к действию в тексте
— Кнопки
— Формы взаимодействия с пользователем
— Ссылки на сайте
— Картинки

29. Правила проведения А/Б-тестирования
- Тестируйте только одну вещь за один раз
- Всегда четко формулируйте цель проведения тестирования
- Не спешите (дождитесь завершения теста)
- Не спорьте с цифрами
- Анализируйте результаты в разрезе бизнеса
.

30. Исходный вариант
Вариант №1

31. Результаты тестирования

32. Доклад подготовил:
SEO-аналитик компании SiteClinic
Столбов Владимир
E-mail:v.stolbov@siteclinic.ru
ICQ:422797005
Skype: madman1987.12