Мобильный трафик как источник новых клиентов:
1. Какую роль играет мобильный трафик в продажах с вашего сайта
Статистика и тренды по доле и роли мобильного трафика в Рунете. Как корректно оценить значение мобильного трафика для вашего бизнеса.
2. Какие задачи решает пользователь мобильного устройства на вашем сайте, и как ему помочь
Роль мобильных устройств в цепочке действий пользователя по выбору и покупке ваших товаров/услуг. Выявление проблем, возникающих у мобильной аудитории на вашем сайте, на примере кейсов.
3. Как увеличить отдачу от мобильного трафика
• особенности ранжирования и продвижения сайтов в мобильном поиске
• что лучше: мобильная версия или адаптивная верстка
• особенности работы мобильной аудиторией через платные рекламные каналы
• как повысить конверсию мобильного трафика в продажи.
3. ИСПОЛЬЗОВАНИЕ МОБИЛЬНЫХ
УСТРОЙСТВ ПРИ ПОКУПКЕ
Для 18% респондентов смартфон – основной канал для совершения покупок
По данным исследования Pricewaterhouse Coopers
2012 2014
28%
46%
4. ЧТО ИЩУТ ПОЛЬЗОВАТЕЛИ
С ПОМОЩЬЮ МОБИЛЬНОГО
По данным исследования Pricewaterhouse Coopers
46%
россиян,
использующих
телефон при покупке
50%
43%
35%
изучают товары
и услуги
сравнивают цены
нескольких
компаний
ищут адреса
магазинов
5. КАК ОЦЕНИТЬ ДОЛЮ
МОБИЛЬНОГО ТРАФИКА НА САЙТ
Google Analytics
Путь: Отчеты - Аудитория - Мобильные устройства - Обзор
9. КОГДА НАЧИНАТЬ РАБОТАТЬ
НАД МОБИЛЬНОЙ ВЕРСИЕЙ
Если доля мобильного трафика заметная (от 10-15%), а
конкуренты активно адаптируются
Если трафик с мобильных имеет существенную положительную динамику
Если история запроса для ваших ключевых слов из семантического ядра в
Яндекс.Вордстат для мобильных имеет положительную динамику
18. КЕЙС
ОФИЦИАЛЬНЫЙ
ДИЛЕР АВТО
Страницы для мобильных устройств
располагались в отдельном разделе
сайта и не ранжировались Яндексом
Создание мобильной версии сайта
Решение проблемы:
19. КЕЙС: СОЗДАНИЕ
МОБИЛЬНОЙ ВЕРСИИ
Что сделали:
• Мобильная версия перенесена на поддомен и оптимизирована под основные запросы
• Адрес добавлен на карточки организаций и в соответствующие сервисы Яндекс.Вебмастер и Google.Вебмастер
• Прописаны соответствующие обязательные атрибуты alternate и canonical
Результат:
21. ЧТО УЧИТЫВАТЬ ПРИ СОЗДАНИИ
МОБИЛЬНОЙ ВЕРСИИ
Маленькие экраны
Необходимо учитывать при разработке сайта среднюю ширина поля смартфона (600 px). Иначе
могут возникнуть проблемы: мелкий шрифт, который невозможно прочитать, часть сайта,
«уезжающая» за пределы экрана при увеличении масштаба.
Слабый процессор
Может не выдержать повышенную нагрузку и посадить батарею до того, как ваш покупатель
дойдет до корзины.
Медленный интернет
Требует максимальной оптимизации кода и объема загружаемых элементов страниц.
Сенсорный ввод
Нужно учитывать при проектировании размеров кнопок и меню. Чем больше кнопки, тем лучше.
22. МОБИЛЬНАЯ ВЕРСТКА
НА ПОДДОМЕНЕ
• Легкость в изменениях
Вносить правки значительно проще, так как нет
лишнего функционала.
• Удобство для пользователя
• Быстрота
Из-за упрощения сайта мобильная версия грузится
быстрее.
• Выбор
Чаще всего в мобильной версии есть возможность
перейти на основную.
• Разные адреса для десктопной и
мобильной версии
Пользователям необходимо запоминать еще один
адрес.
• Ограниченность
Создание отдельного мобильного сайта означает
избавление от части содержания и
функциональности.
ПЛЮСЫ МИНУСЫ
23. АДАПТИВНЫЙ ДИЗАЙН
• Удобство разработки
Не надо существенно менять бекэнд, достаточно
смены вёрстки и CSS
• Один URL
Избавляет от ненужных редиректов, и надобности
пользователю запоминать адрес мобильной версии
(пусть даже это просто приставка m.)
• Разные задачи
Типовые задачи «мобильных» пользователей крупных
сайтов обычно отличаются от задач пользователей
ПК.
• Медленная загрузка
«Вес» сайтов остается серьезным препятствием для
пользователей мобильных телефонов.
• Отсутствие выбора
Сайты с адаптивным дизайном нельзя переключить
на мобильном в «полный» режим
ПЛЮСЫ МИНУСЫ
24. RESS
• Минимизация трафика
• Независимая и лёгкая вёрстка для
различных устройств
• Возможность использовать
таргетирование
• Сложность разработки
Необходимо дорабатывать какую-то CMS или
использовать свою.
• Объем работы
Необходимо делать несколько вариантов вёрстки.
ПЛЮСЫ МИНУСЫ
25. ПОВЫШЕНИЕ КОНВЕРСИИ
Отсутствие пользовательского опыта и культуры мобильного шопинга. Во многом феномен низкой
конверсии мобильных устройств при их высокой доле в общем трафике, связан со
сформировавшейся у большинства пользователей установкой: «Телефон не предназначен для
онлайн-шопинга. Посмотрю, что они предлагают, а покупку сделаю, когда вернусь за десктоп».
Технические ограничения мобильных гаджетов. Проблемы технического характера, во-первых, не
являются принципиальным ограничением, играющим ключевую роль, а во-вторых, с развитием
технологий они постепенно сходят на нет, что особенно справедливо для сегмента планшетных
компьютеров.
Трекинг, не дающий точных результатов. Группа исследователей UserTesting обнаружила, что
мобильные пользователи все-таки довольно часто совершают конверсионные действия, но
несовершенная технология отслеживания попросту их не замечает и не учитывает.
26. СОСТАВЛЯЮЩИЕ УСПЕХА
Оцените долю мобильной аудитории и
ее динамику на вашем сайте
Выясните, какие задачи эти люди
решают на сайте
Сделайте сайт максимально удобным
для пользователей мобильных
устройств
Что именно ищут 46%, которые используют телефон для поиска продуктов или услуг, а в конечном итоге, для совершения покупок?
50% изучают товары и услуги;
43% сравнивают цены нескольких компаний;
35% ищут адреса магазинов.
Плюсы:
1. Позволяет раскрыть всё разнообразие устройств: не только PC, телефоны и планшеты, но и холодильники, беговые дорожки и даже кофеварки.
2. Так же наличие единого адреса позитивно скажется на продвижении сайта, поскольку поисковикам будет «удобнее» работать.
Минусы:
1. Если вы являетесь клиентом банка, то, скорее всего, в мобильной версии сайта вас будет интересовать очень ограниченный спектр информации — адреса ближайших отделений, банкоматов и т.д. В целом, при адаптивной верстке самый распространенный подход — делать копию обычного сайта, реализовать в верстке под телефоны потребности всех групп целевой аудитории. Но тогда о юзабилити можно забыть. Нужные пяти процентам посетителей второстепенные разделы создадут неудобства для основной массы клиентов.2. Это означает, что некоторые типичные для десктопных сайтов активные элементы, в том числе embedded-карты, ролики, кредитные калькуляторы и меню с анимацией на мобильных сайтах должны быть заменены на более легкие альтернативы. Может ли адаптивный дизайн дать нам такую возможность? В популярной реализации пользователь с маленьким экраном должен загрузить страницу целиком, чтобы увидеть лишь ее часть. Например, если десктопная версия верстки главной весит 200 Кб, а мобильная — еще 50 Кб, для просмотра придется скачать 250 Кб. Конечно, можно использовать сжатие кода страницы, но лишние запросы к серверу все равно будут идти.3. Если адаптированная верстка неудобна, забагована или если она скрывает важный элемент навигации, пишите пропало: вы ничего не можете сделать, чтобы увидеть его снова. Придется бежать искать десктоп или сайт конкурента. Можно придумать «костыли» для обхода этого ограничения (использовать cookie и подключать разные таблицы стилей). Но такой подход усложняет разработку.
Плюсы:
1. Минимизация трафика.
2. Независимая и лёгкая вёрстка для различных устройств.
3. Возможно использовать таргетирование, например для Android-устройств предлагать скачать приложение с GooglePlay, а для Apple – с iTunes. Для каждого устройства можно сделать свою вёрстку.
Минусы:
1. Сложность разработки. Необходимо дорабатывать какую-то CMS или использовать свою.
2. Необходимо делать несколько вариантов вёрстки.