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

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.pdf

Оцените скорость загрузки страниц и работу сервера

Оценка скорости загрузки 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