ݺߣ

ݺߣShare a Scribd company logo
Юзабилити на практике – улучшаем
конверсию, позиции и трафик
SEO-аналитик компании SiteClinic
Владимир Столбов
1. Задачи юзабилити с точки зрения поисковых систем. Тенденции
SEO-продвижения.
2. Применение юзабилити на практике. Наиболее важные аспекты.
2.1 Навигация и структура.
2.2 Контакты и информация о компании.
2.3 Контент товарных страниц.
3. Проведение А/Б-тестирования – важный инструмент маркетолога.
3.1 Правила проведения исследования.
План
Задача юзабилити с точки зрения поисковых
систем
- Вызывать доверие
- Помогать в выборе
- Облегчать взаимодействие пользователя с сайтом
- Облегчать процесс покупки
Некоторые этапы «эволюции» ранжирования
Яндекс
• 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
Некоторые этапы «эволюции» ранжирования
Google
• Август 2011 – запущен алгоритм Panda, он учитывает:
- Объем рекламы
- Количество полезного контента на странице
• Март 2014 – обновлена инструкция асессоров Google
- Используются понятия доверенность и авторитетность
http://devaka.ru/file_download/62/Google_Human_Rater_Guidelines_v5.0_2014.pd
Оцените скорость загрузки страниц и
работу сервера
Оценка скорости загрузки
https://developers.google.com/speed/pagespeed/insights/?hl=ru
FAQ данного сервиса https://support.google.com/analytics/answer/1205784?
hl=ru
Оцените влияние рекламы
- Затрудняет ли реклама доступ к основному контенту
- Закрывает ли реклама текст
- Отвлекает ли от основного контента
- Не превышает ли объем полезного контента
Как не нужно размещать рекламу
https://support.google.com/adsense/answer/1346295?
hl=ru&ref_topic=1307438#Unnatural_attention_to_ads
Оцените структуру сайта
Она должна иметь:
- Понятную и логичную иерархию категорий
- Короткие и понятные названия категорий
- Только значимые и необходимые разделы
- Логичное распределение товаров по группам
- Сортировку товаров в каталоге по популярности
http://help.yandex.ru/webmaster/recommendations/site-structure.xml
Навигация сайта должна отвечать
на такие вопросы:
1) Где я сейчас нахожусь? 2) Куда можно пойти? 3) Где я уже был?
Например:
Правильно расставьте приоритеты
на страницах:
- Оценивайте, что ожидает увидеть пользователь
- Располагайте наиболее важный контент в первом экране
- Не занимайте первый экран рекламными баннерами
- Не используйте пространство страницы бесцельно
- В текстах выделяйте основную мысль
Неправильная расстановка приоритетов
некликабельный баннер на весь первый экран
Неправильная расстановка приоритетов
Не используется большая часть экрана
«Логично утверждать, что для снятия фильтра нужно
избавиться от элементов переоптимизации на сайте:
- Сократить количество прямых ключевых словоформ. Не только в
текстах, но и в title;
- Равномерно распределить ключевые слова по тексту;
- Пересмотреть все тексты и избавиться от неестественных
конструкций, написать их нормальным русским языком. Текст
должен быть направлен прежде всего на пользователя;
- Убрать чрезмерное выделение тегами;
- Сократить длинные тексты;
- Избавиться от других возможных элементов переоптимизации
(ключевые слова в атрибутах title и alt, спамные url,
переоптимизация меню и т.д.)»
Расстановка акцентов в тексте
Сравните текст написанный вот так:
И вот так:
Логично утверждать, что для снятия фильтра нужно избавиться от
элементов переоптимизации на сайте: Сократить количество прямых
ключевых словоформ. Не только в текстах, но и в title. Равномерно
распределить ключевые слова по тексту. Пересмотреть все тексты и
избавиться от неестественных конструкций, написать их нормальным
русским языком. Текст должен быть направлен прежде всего на
пользователя. Убрать чрезмерное выделение тегами Сократить длинные
тексты. Избавиться от других возможных элементов переоптимизации
(ключевые слова в атрибутах title и alt, спамные url, переоптимизация
меню и т.д.).
Страница контактов
- Укажите все способы связи (телефон, адрес, email, скайп,
ICQ и т.д.)
- Используйте карты, схемы проезда, фото фасада магазина
- Применяйте свои корпоративные цвета. У пользователя
должна быть прочная ассоциация между этим адресом и
вашей компанией
- Продумайте выбор филиалов (для компаний, работающих
в нескольких регионах)
http://platon.ya.ru/2116
Плохие примеры страниц контактов
Страница контактов должна быть такой:
Информация о компании (специалисте)
- Не очень важна – для интернет-магазина
- Очень важна для компаний, оказывающих услуги
- Необходима для сайтов, предоставляющих услуги
отдельного специалиста
Карточка товаров. Проанализируйте:
1. Качество изображения
2. Наличие хорошо видимой цены в первом экране
3. Наличие кнопки «Купить» в первом экране
4. Подробные характеристики товара
5. Отзывы о товаре
6. Информация о доставке и оплате
7. Блок «Сопутствующие товары» и «Покупают вместе»
Правильная страница товара
Правильная страница товара
Неправильная страница товара
Цена и кнопка «Купить» ниже первого экрана
Изображение товара должно быть качественным
Сделайте пользователя счастливым
Проведение А/Б-тестирования
http://www.ux-web.ru/ab-testirovanie/nastroika-testa.php
Что нужно тестировать
— Заголовки
— Призывы к действию в тексте
— Кнопки
— Формы взаимодействия с пользователем
— Ссылки на сайте
— Картинки
Правила проведения А/Б-тестирования
- Тестируйте только одну вещь за один раз
- Всегда четко формулируйте цель проведения тестирования
- Не спешите (дождитесь завершения теста)
- Не спорьте с цифрами
- Анализируйте результаты в разрезе бизнеса
.
Исходный вариант
Вариант №1
Результаты тестирования
Доклад подготовил:
SEO-аналитик компании SiteClinic
Столбов Владимир
E-mail:v.stolbov@siteclinic.ru
ICQ:422797005
Skype: madman1987.12

More Related Content

Юзабилити на практике: улучшаем конверсию, позиции и трафик

  • 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) Где я уже был?
  • 12. Правильно расставьте приоритеты на страницах: - Оценивайте, что ожидает увидеть пользователь - Располагайте наиболее важный контент в первом экране - Не занимайте первый экран рекламными баннерами - Не используйте пространство страницы бесцельно - В текстах выделяйте основную мысль
  • 14. Неправильная расстановка приоритетов Не используется большая часть экрана
  • 15. «Логично утверждать, что для снятия фильтра нужно избавиться от элементов переоптимизации на сайте: - Сократить количество прямых ключевых словоформ. Не только в текстах, но и в title; - Равномерно распределить ключевые слова по тексту; - Пересмотреть все тексты и избавиться от неестественных конструкций, написать их нормальным русским языком. Текст должен быть направлен прежде всего на пользователя; - Убрать чрезмерное выделение тегами; - Сократить длинные тексты; - Избавиться от других возможных элементов переоптимизации (ключевые слова в атрибутах title и alt, спамные url, переоптимизация меню и т.д.)» Расстановка акцентов в тексте Сравните текст написанный вот так:
  • 16. И вот так: Логично утверждать, что для снятия фильтра нужно избавиться от элементов переоптимизации на сайте: Сократить количество прямых ключевых словоформ. Не только в текстах, но и в title. Равномерно распределить ключевые слова по тексту. Пересмотреть все тексты и избавиться от неестественных конструкций, написать их нормальным русским языком. Текст должен быть направлен прежде всего на пользователя. Убрать чрезмерное выделение тегами Сократить длинные тексты. Избавиться от других возможных элементов переоптимизации (ключевые слова в атрибутах title и alt, спамные url, переоптимизация меню и т.д.).
  • 17. Страница контактов - Укажите все способы связи (телефон, адрес, email, скайп, ICQ и т.д.) - Используйте карты, схемы проезда, фото фасада магазина - Применяйте свои корпоративные цвета. У пользователя должна быть прочная ассоциация между этим адресом и вашей компанией - Продумайте выбор филиалов (для компаний, работающих в нескольких регионах) http://platon.ya.ru/2116
  • 20. Информация о компании (специалисте) - Не очень важна – для интернет-магазина - Очень важна для компаний, оказывающих услуги - Необходима для сайтов, предоставляющих услуги отдельного специалиста
  • 21. Карточка товаров. Проанализируйте: 1. Качество изображения 2. Наличие хорошо видимой цены в первом экране 3. Наличие кнопки «Купить» в первом экране 4. Подробные характеристики товара 5. Отзывы о товаре 6. Информация о доставке и оплате 7. Блок «Сопутствующие товары» и «Покупают вместе»
  • 24. Неправильная страница товара Цена и кнопка «Купить» ниже первого экрана
  • 25. Изображение товара должно быть качественным
  • 28. Что нужно тестировать — Заголовки — Призывы к действию в тексте — Кнопки — Формы взаимодействия с пользователем — Ссылки на сайте — Картинки
  • 29. Правила проведения А/Б-тестирования - Тестируйте только одну вещь за один раз - Всегда четко формулируйте цель проведения тестирования - Не спешите (дождитесь завершения теста) - Не спорьте с цифрами - Анализируйте результаты в разрезе бизнеса .
  • 32. Доклад подготовил: SEO-аналитик компании SiteClinic Столбов Владимир E-mail:v.stolbov@siteclinic.ru ICQ:422797005 Skype: madman1987.12