Краткая статистика Обновление Google Зачем адаптировать Как не накосячить Анализ рынка e-commerce Способы адаптации сайта

1. www.eski.mobi
Русский e-commerce
и мобильная аудитория

2. Артём Цымпов
Директор по технологиям eski.mobi
Команда эскимоби адаптировала 100+
сайтов для мобильных устройств.

3. Тезисы
● Краткая статистика
● Обновление Google
● Зачем адаптировать
● Как не накосячить
● Анализ рынка e-commerce
● Способы адаптации сайта

4. Краткая статистика
2014 2015
Смартфоны
Планшеты
ПК
Источник — сайт с ежемесячной посещяемостью 300 000 юзеров
20132012

5. Краткая статистика
20152012
+280%
Рост мобильной
аудитории
за 3 года

6. В четыре
раза, Карл.

7. Прогноз
Увеличение смартфон
трафика в 10 раз до 2020 г.
Источник — Ericsson Mobility Report (June 2015)

8. Обновление Google
Получали уведомление? Проверьте свой
сайт в Google Webmaster tools.

9. Fix mobile usability issues found on...

10. Показатель “мобильности”
Для мобильных

11. Проверьте свой – eski.mobi/check
Отлично! Cтраница оптимизирована для мобильных устройств.

12. Для продвинутых – eski.mobi/speed

13. Скорость может быть не 100%
Это внешний шрифт
с сервера Google.
Привет, Я.Метрика!
И Google Analytics...
Оптимизируйте работу CSS на следующих ресурсах:
http://eski.mobi/…/themes/sandbox/style.css
http://fonts.googleapis.com/css?family=Fredoka+One
Используйте кеш браузера для следующих ресурсов:
https://mc.yandex.ru/metrika/watch.js (60 минут)
http://www.google-analytics.com/analytics.js (2 часа)

14. Удобство должно быть 100%
Удобство для пользователей100/100

15. Зачем адаптировать сайт?
Среднее увеличение конверсии
среди мобильной аудитории.
Результаты 2013 года.
+50%
2013

16. Зачем адаптировать сайт? 2015
±30%
Среднее увеличение конверсии
среди мобильной аудитории.
Результаты 2015 года.

17. Почему результаты ухудшились?
● Количество очень кривых сайтов уменьшилось.
● Аудитория привыкла к неудобствам.
● Скорость мобильного интернета выросла.
Это не значит, что можно забыть про адаптацию. Чем
хуже ваш дестопный сайт, тем выше будет конверсия
после адаптации.

18. Посчитайте сами:
Ваша текущая
конверсия на
мобильных
платформах
Конверсия при
наличии
качественной
мобильной версии
A × 1,3 = B

19. = BКонверсия при наличии
качественной
мобильной версии

20. Что значит “качественно”
1. Удобная навигация
2. Телефоны click-to-call
3. Не WAP-стиль
4. Разумная группировка элементов
5. Контент в полном объёме (не урезан)

21. Неудобная навигация

22. Шапка
занимает
больше
половины
экрана.

23. Нет доступа
к каталогу.

24. Кто-то
догадался и
исправился
20152013

25. Нет номера
телефона.

26. Кто-то
догадался и
исправился
20152013

27. 2. Телефоны click-to-call

28. Телефон не
нажимается
вообще.

29. Нажимается, но
без кода (+7)
или (8).
Дозвониться не
получится.

30. Ссылка без
кода города
и (+7)

31. 3. Не WAP-стиль

32. 4. Разумная группировка элементов

33. Это не
решение
проблемы...
20152013

34. Это не
решение
проблемы...
20152013

35. 5. Контент в полном объёме

36. На
мобильной
версии нет
нужной
информации

37. На
мобильной
версии нет
нужной
информации

38. Что значит “качественно”
1. Удобная навигация
2. Телефоны click-to-call
3. Не WAP-стиль
4. Разумная группировка элементов
5. Контент в полном объёме (не урезан)

39. Анализ рынка
Топ-200 крупнейших интернет-продавцов
Рунета (2013 год)
http://www.kommersant.ru/Doc/2181834

40. ТОП-200 интернет-магазинов
Интернет-магазинов имеют
мобильную версию сайта
48 из 200
2013

41. ТОП-200 интернет-магазинов
Качественная
мобильная версия
2325
Некачественная
мобильная версия
+
2013

42. ТОП-200 интернет-магазинов
Интернет-магазинов конвертируют
мобильную аудиторию эффективнее
остальных.
12,5%
2013

43. В какой группе вы?
Высокая
конверсия
12,5% 11,5%
Низкая
конверсия
76%
Конверсия
равна декстопу
У меня качественная
мобильная версия
У меня кривая
мобильная версия
У меня нет
мобильной версии
2013

44. ТОП-200 интернет-магазинов
Интернет-магазинов имеют
мобильную версию сайта
65 из 200
2015

45. ТОП-200 интернет-магазинов
2013 2015
Хороший
мобильный сайт 12% 26%
Кривенький
мобильный сайт 11% 6%

46. Окей. Хочу сделать сайт удобным!
Какие есть варианты?

47. 2 способа мобилизации сайта
● Отдельный мобильный сайт
○ С отдельной CMS
○ Мобильный, связанный с основным по API
○ Отдельный шаблон для мобильных устройств
● Адаптивный сайт
○ Обычный адаптивный дизайн.
○ Dynamically-served JavaScript (технология
eskimobi).

48. 2 способа мобилизации сайта
● Отдельный мобильный сайт
○ С отдельной CMS
○ Мобильный, связанный с основным по API
○ Отдельный шаблон для мобильных устройств
● Адаптивный сайт
○ Обычный адаптивный дизайн.
○ Dynamically-served JavaScript (технология
eskimobi).
Ни в коем
случае!

49. 2 способа мобилизации сайта
● Отдельный мобильный сайт
○ С отдельной CMS
○ Мобильный, связанный с основным по API
○ Отдельный шаблон для мобильных устройств
● Адаптивный сайт
○ Обычный адаптивный дизайн.
○ Dynamically-served JavaScript (технология
eskimobi).
Подходит большим
проектам: facebook,
twitter

50. 2 способа мобилизации сайта
● Отдельный мобильный сайт
○ С отдельной CMS
○ Мобильный, связанный с основным по API
○ Отдельный шаблон для мобильных устройств
● Адаптивный сайт
○ Обычный адаптивный дизайн.
○ Dynamically-served JavaScript (технология
eskimobi).
Хорошее
решение

51. 2 способа мобилизации сайта
● Отдельный мобильный сайт
○ С отдельной CMS
○ Мобильный, связанный с основным по API
○ Отдельный шаблон для мобильных устройств
● Адаптивный сайт
○ Обычный адаптивный дизайн.
○ Dynamically-served JavaScript (технология
eskimobi).
Очень
хорошее
решение

52. 2 способа мобилизации сайта
● Отдельный мобильный сайт
○ С отдельной CMS
○ Мобильный, связанный с основным по API
○ Отдельный шаблон для мобильных устройств
● Адаптивный сайт
○ Обычный адаптивный дизайн.
○ Dynamically-served JavaScript (технология
eskimobi).
Ещё лучше

53. Технология eski.mobi
● Все прелести адаптивного дизайна.
● Без привлечения разработчиков заказчика.
● Не требуется доступ к базе данных, API или CMS.
● Срок запуска ±30 дней.
● Нашу технологию рекомендует Google
● и 100+ клиентов в портфолио.

54. Выводы
● За год мобильный трафик вырос вдвое
● Изучите гайдлайны Google для мобильных сайтов
● Выберите подходящий вариант адаптации
● Оповестите поисковые системы о мобильном сайте
● Не накосячьте с моби-сайтом
● Прислушайтесь к советам для лучшего UX

55. Артём Цымпов
Директор по технологиям eski.mobi
Facebook — fb.com/tsympov
Сайт — www.eski.mobi
Email — hello@eski.mobi