UX в мобильном SEO

Что там по SEO? Мобайл — ван лав
Как снять траф? UX — ваш потенциал для SEO
Ок, а грабли где? Что особенного в UX для мобильного SEO:
— навигация
— взаимодействие с сайтом: фильтры, калькуляторы, поиск
— контент
Чек-лист: куда смотреть и что в первую очередь делать на сайте
О ЧЕМ ПОГОВОРИМ

Тренды

ССЫЛКИ
— Плохие ссылки не учитываются (Google)
— Релевантные ссылки с оk ресурсов — ok
— Ссылки без упоминания

Хьюстон, вас не видно!

SERP FEATURES (СПЕЦЭЛЕМЕНТЫ ВЫДАЧИ)

SERP FEATURES (СПЕЦЭЛЕМЕНТЫ ВЫДАЧИ)

«ТРАФАРЕТЫ» ЯНДЕКС.ДИРЕКТ

+ 30% кликов
— «хлебные крошки»
— schema.org, OG
— Мастер разметки
структурированных данных
— Валидатор микроразметки
РАСШИРЕННЫЙ СНИППЕТ

— Mobile-first index
— Голосовой поиск
МОБАЙЛ — ВАН ЛАВ

Адаптив:
Та же структура
Один url
Быстрая в реализации
Мобильная версия:
Гибкая
Быстро грузится
Контент независем
Два сайта - две «продвижки»
Две поддержки
Аналитика

https://medium.com/@mediamrg/nash-opit-ispolzovaniya-amp-8565334501c
AMP GOOGLE и ТУРБО-СТРАНИЦЫ ЯНДЕКСА

Сейчас (в США) 25-30%
Мобильного поиска — голосовой
Прогноз
В 2020 — 50% от мобильного
И 30% всего поиска

+60% запросы с приставкой
«для меня»
+80% — «стоит ли мне»

https://radar.metrika.yandex/
YANDEX VS GOOGLE: ДОЛИ В РОССИИ

ГОЛОСОВЫЕ ПОМОЩНИКИ

https://serpstat.com/ru/blog/sergej-koksharov-kak-poluchat-bolshe-trafika-iz-golosovogo-poiska/

— Присутствие в Featured Snippet – признак вероятного ранжирования в голосовом поиске
— 41% результатов голосового поиска берется прямо из Featured Snippet
— 75% результатов голосового поиска — ТОП-3 органики
— В 10 000 результатах ГП средний рейтинг DR по AHREFS составил 76,8
— 70% URL адресов было с HTTPS
— Средняя длина контента при исследовании 10 000 результатов голосового поиска составила 2 300 слов
ГОЛОСОВОЙ ПОИСК

— Голосовой запрос в среднем на 75% длиннее запроса, вводимого с клавиатуры
ГОЛОСОВОЙ ПОИСК

Локальный SEO:
— Карточки организаций (Google My Business)
— Локализация мета-тегов («рядом», «район», «недалеко»)
— Раздел «Вопрос-ответ», отзывы
— Аналитика запросов (GA, YM, Search Console), ищем разговорные фразы
— Работа со сниппетом (микроразметка schema.org, OG, навигация)
ГОЛОСОВОЙ ПОИСК. ОПТИМИЗАЦИЯ

GOOGLE RANKBRAIN

AR

UX и SEO

UX+SEO=♥

ПЯТЬ УРОВНЕЙ UX ДЖЕССА ГАРРЕТТА
Визуальный дизайн
ИНФОРМАЦИОННОЕ ПРОСТРАНСТВО
ПОВЕРХНОСТЬ
Дизайн интерфейса
Информационный дизайн
Дизайн навигации
КОМПОНОВКА
ПРОГРАММНЫЙ ИНТЕРФЕЙС
СТРУКТУРА
Проектирование взаимодействия
Информационная архитектура
НАБОР
ВОЗМОЖНОСТЕЙ
Функциональная спецификация
Требования к контенту
Потребности пользователя
Цели сайта
СТРАТЕГИЯ

ПЯТЬ УРОВНЕЙ UX ДЖЕССА ГАРРЕТТА
Визуальный дизайн
ИНФОРМАЦИОННОЕ ПРОСТРАНСТВО
ПОВЕРХНОСТЬ
Дизайн интерфейса
Информационный дизайн
Дизайн навигации
КОМПОНОВКА
ПРОГРАММНЫЙ ИНТЕРФЕЙС
СТРУКТУРА
Проектирование взаимодействия
Информационная архитектура
НАБОР
ВОЗМОЖНОСТЕЙ
Функциональная спецификация
Требования к контенту
Потребности пользователя
Цели сайта
СТРАТЕГИЯ

Сайт грузится быстро. В идеале за 1-3 секунды
Никакого Flash
Контент адаптируется под размер экрана (мета-тег «viewport content»)
Верстка не плывет
ЧЕК-ЛИСТ. ТЕХНИЧКА

Интерактивные элементы расположены на расстоянии друг от друга. Исключено случайное нажатие
Размер кнопок не менее 48x48 пикселей, около 9 мм
Пользователю не нужно «растягивать» экран (таблицы, графики, инфографика, изображение товаров)
ЧЕК-ЛИСТ. ТЕХНИЧКА

Ценность на первом экране. Не торопитесь моментально «сконвертить» пользователя
Меню: формулировки однозначно понятны
Ссылка на главную, кнопка «Назад» доступны на каждой странице сайта
Без слайдеров лучше
ЧЕК-ЛИСТ. СТРУКТУРА

Окно поиска
— исправление ошибок
— распознание основы слова
— подсказки в выпадающем
списке
ЧЕК-ЛИСТ. ЭЛЕМЕНТЫ

Фильтры и сортировка
— не возвращают нулевые
результаты поиска
История поиска, покупок,
заказов доступна
ЧЕК-ЛИСТ. ЭЛЕМЕНТЫ

Сравнение товаров
Оценка и сортировка отзывов
Разные варианты оплаты
Редактирование способов оплаты
ЧЕК-ЛИСТ. ЭЛЕМЕНТЫ

Зачем регистрироваться? Очень нужно — расскажите
Покупка/оформление без регистрации
Клавиатура соответствует типу вводимых данных
Мгновенные сообщения об ошибках при заполнении формы
Можно меньше полей? Делайте меньше
Вспомогательная информация при заполнении формы
ЧЕК-ЛИСТ. ЭЛЕМЕНТЫ

СТОИМОСТЬ ВЗАИМОДЕЙСТВИЯ

Попапы? Не, не слышал
«Если я что-то сделал, скажи мне об этом»
Постарайтесь обойтись без пагинации
ЧЕК-ЛИСТ

БЕСИШЬ
МЕНЯ

Шрифт не меньше 14 px
Короткие параграфы (1-2 строки в абзаце)
Предложение длиной до 50-60 символов
Убедитесь, что существует достаточный контраст между текстом и фоном
ЧЕК-ЛИСТ. КОНТЕНТ

Mobile-friendly
PageSpeed Tools
Валидатор
Общий аудит
Еще всякое
ЧЕМ ПРОВЕРИТЬ

«Вы должны начать с опыта работы с клиентами и вернуться к технологии, а не наоборот» — Стив Джобс
МЕТКАЯ ЦИТАТА

ПОЧИТАТЬ ПО ТЕМЕ ДОКЛАДА
https://seranking.ru/blog/seo/seo-vs-ux/
https://www.thinkwithgoogle.com/marketing-resources/experience-design/speed-is-key-optimize-your-mobile-experience/
https://yandex.ru/company/researches/2016/ya_search_2016
Факторы ранжирования
https://tools.pixelplus.ru/news/seo-faktory
https://nikishof.com/wp-content/uploads/2018/01/Faktory-ranzhirovaniya-v-2017.pdf
Микроразметка
https://yandex.ru/support/webmaster/schema-org/what-is-schema-org.html
https://netpeak.net/ru/blog/mikrorazmetka-chto-nuzhno-znat-seo-spetsialistu-o-slovaryakh-i-sintaksise/