Юзабилити в SEO

Влияние поисковой оптимизации на формирование опыта

взаимодействия

UX-Ukraine 20111

Юрий Грановский

Ведущий юзабилити-специалист компании SEO-studio

UX-Ukraine 20112

В чём же проблема?Чего хочет Google:

• Чтобы Ваш сайт был удобным

• Чтобы Ваш сайт был полезным

Что имеем на самом деле:

• Абсолютно неудобные

• … и практически бесполезные сайты

UX-Ukraine 20113

- Вы - юзабилити-специалист, и к Вам попал «оптимизированный» сайт? Не расстраивайтесь! Всё не так уж плохо.

UX-Ukraine 2011

- Вы молодой и энергичный SEO-специалист? Вам нужны ТОПы? Не спешите «улучшать» сайт.

4

UX-Ukraine 2011

Тексты, тексты, тексты…

- Мы продаём товары и услуги, а не текст

- … но тексты занимают всю видимую область экрана

- Это заставляет пользователей выискивать товарные предложения

- … и постоянно скроллить

5

Решение:

UX-Ukraine 2011

Тексты, тексты, тексты…

― Отображать все SEO-тексты в самом низу страниц

6

UX-Ukraine 2011

Семантический адЪ

«Ввиду серьезности, к вопросу выбора бронедвери следует подойти основательно. Прежде всего, нужно очень внимательно рассмотреть, предлагаемые бронедвери киев.» ©

7

UX-Ukraine 2011

Семантический адЪ

Решение:

― Прятать текст под скрипт

8

UX-Ukraine 2011

Бесполезные выделения

- Тяжело сосредоточиться

- Невозможно быстро прочитать текст

- Со временем начинает жутко раздражать

9

Решение:

UX-Ukraine 2011

Бесполезные выделения

― Выделять действительно важную информацию (ключевые по смыслу фразы)

10

UX-Ukraine 2011

Дублирующие заголовки h1, h2 и т.д.

- Нерациональное использование элементов разметки контента

- Просто глупо выглядит

11

UX-Ukraine 2011

Дублирующие заголовки h1, h2 и т.д.

Решение:

― Используйте заголовки по назначению

― Визуально отделяйте заголовки друг от друга

12

UX-Ukraine 2011

Облако тегов

- Расходует драгоценную площадь

- Зря вовлекает

- Непонятно, что станет результатом клика

- Бесполезно как для поисковой оптимизации,

- …так и для пользователей13

UX-Ukraine 2011

Облако тегов

Решение:

― Если Ваш сайт не является блогом, просто откажитесь от облака тегов

― И отобразите вместо него что-то действительно полезное

14

UX-Ukraine 2011

Бооооооольшие ссылки

- Подчёркнутый текст очень тяжело читать

- Текст ссылки неудобно выделять

- Если ссылка неподчёркнута, то при попытке выделения вас ждёт большой сюрприз

15

UX-Ukraine 2011

Бооооооольшие ссылки

Решение:

― Ссылкой должен быть заголовок статьи

― Или ключевая фраза в описании

16

UX-Ukraine 2011

И вашим и нашим

17

UX-Ukraine 2011

- Дополнительный способ определить своё месторасположение

- Дополнительный инструмент перемещения по разделам

- Легче запоминаются

- Просто приятнее выглядят

ЧПУ

http://www.artlebedev.ru/kovodstvo/sections/48/

- Возможность вставить ключевые запросы в URL

- Дополнительная любовь со стороны поисковых систем

vs.http://sharks.com.ua/index.php?product_slug=10259&productID=10259&ukey=discuss_product

18

UX-Ukraine 2011

Даёт понимание о:

- Содержимом текущей страницы

- Созданной закладке

- Содержимом свёрнутого окна (или неактивной вкладки)

Информативный заголовок страницы (<title>)

- Для поискового робота это самые важные 65 символов

vs.

19

UX-Ukraine 2011

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

vs.

- Очевидный результат перехода - Поисковая система отождествляет текст ссылки с содержимым страницы

20

UX-Ukraine 2011

Альтернативный текст (<alt>)

- Как возможность попасть в результаты поиска изображений

- Участвует в ранжировании, если картинка является ссылкой

- Говорит о содержимом, если изображение недоступно

- Дополнительная подсказка, если содержимое тяжело определить

21

UX-Ukraine 2011

Уникальные тексты (обзоры, статьи)

- Улучшаются позиции по низкочастотным запросам

- Естественное увеличение ссылочной массы

- Даёт понимание о ценности товара

- Говорит о вариантах использования

- Для обычных людей потреблять словесную информацию проще, чем массивы цифр

22

UX-Ukraine 2011

Используйте язык пользователей

- Что пользователи ищут, то им и предлагаем

- Понятно, о чём вообще идёт речь

Микроволновка vs. СВЧ

23

UX-Ukraine 2011

Четыре ноль четыре

- Где я?

- Почему я тут?

- А выйти от сюда как?

- … и куда пойти?

- Google получает корректный заголовок

25

UX-Ukraine 2011

Оптимизируйте и проектируйте

Лучше это сделать до, чем после

26

UX-Ukraine 2011

Web 2.0, но в меру

Подумайте, как это будет индексироваться

27

UX-Ukraine 2011

SEO-текстам быть!

Поверьте, они всё равно будут

Если вы не предусмотрите место под текст, SEO-специалисты сделают это за

вас

28

UX-Ukraine 2011

Не прячьте контент

Хорошо продумайте иерархию и навигацию

Значимый контент должен располагаться на расстоянии 1го-2х

кликов

29

UX-Ukraine 2011

Так что же делать ?

30

UX-Ukraine 2011

Оптимизаторы,

- Сотрудничайте с юзабилити-специалистами и контент-менеджерами

- … или хотя бы со здравым смыслом

- Помните, что топ - это не цель, а один из способов её достижения

31

UX-Ukraine 2011

Юзабилисты,

- Не всё так плохо

- От негативных последствий оптимизации никуда не деться

- …, но вы можете их минимизировать!

32

UX-Ukraine 2011

Проектировщики,

- Поисковая оптимизация начинается именно с вас

- Сотрудничайте с SEO-специалистами

- Изучайте принципы работы поисковых систем

33

UX-Ukraine 2011

Заказчики,

- Ищите подрядчиков с комплексным подходом

- …и хорошим портфолио

34

UX-Ukraine 2011

Всем спасибо! Есть вопросы?

Юрий ГрановскийВедущий юзабилити-специалист компании SEO-studio

(093) 775-67-88yurets.zil@gmail.comhttp://seo-studio.com.ua

35