SlideShare a Scribd company logo
Адаптивные сайты и
интернет-магазины
Как перестать терять мобильный
трафик

Владимир Язовских
Менеджер по развитию INTEC
Мобильный сайт:
• Структура, текст, графика
соответствуют устройству
• Легко воспринимать
информацию
• Удобно управлять с
экрана
• Мало «весят» (в Кб)
Мобильный сайт:
Видимая область
сайта при
просмотре через
мобильное
устройство
Мобильный сайт:

− Нечитаемый текст
− Мелкие неудобные ссылки
− Медленно загружается и тормозит
− Сайт не помещается на экране
− Неудобный сайт = минус клиент

+ Крупный и читаемый текст
+ Удобная навигация
+ Быстро загружается за 2—3 секунды
+ Под размер пальца, легко нажимать
+ Удобный сайт = довольный клиент
Типы мобильных решений:
• Мобильные сайты
(Сайты адаптированные для просмотра с мобильных устройств):

- Самостоятельные мобильные сайты
- Сайт с адаптивным дизайном
• Мобильные приложения
(работающие через интернет)
Приложения:
• Яндекс.Маркет
- запускаем
- сканируем штрих-код
- сравниваем цены, читаем отзывы
- переходим в магазин, покупаем
товар

• Связано с одним сервисом (сайт/услуга)
• Богатые средства реализации (доп. функции телефона,
графика, интерфейс)
Приложения:

• Связано с одним сервисом (сайт/услуга)
• Богатые средства реализации (доп. функции телефона,
графика, интерфейс)
Мобильный сайт vs Приложение
Мобильный сайт
+ Дешевле создание
+ Проще, экономичнее
продвижение
+ Не требует установки
- Нужно вводить адрес сайта

Приложение
+ Удобнее для пользователя
+ Функционал телефона: GPSмодуль, камера, фото
+ Быстро запускается
+ Быстро работает
- Требует установки, сложнее
продвигать
- Дороже разработка
Мобильный сайт vs Приложение
Мобильный сайт
Эпизодически приходят на сайт

Приложение
Устанавливают для постоянного
использования. Подходит для
постоянных клиентов
Аудитория мобильного интернета:

18

Источник: УИ TNS Web Index, март 2008-2012 Россия

5,5
Проникновение мобинета

• Мобильные сайты < = 350 тыс.
• Приложения < = 10 000 (IOs + Android)
• Инструменты для PR
19% в Челябинске
• Лидогенерация

Источник: УИ TNS Web Index, март 2008-2012
Портрет пользователя:

Источник: УИ TNS Web Index, март 2008-2012
Что делают �� мобинете:
Что делают в мобинете:

• 6.7 млн или 49%пользователей выходят в
интернет с обыкновенного мобильного
телефона
• 6.0 млн или 44% пользователей используют
смартфон / коммуникатор
• 0.9 млн. или 7% пользователей - планшет
% пользователей мобильным Интернетом
Источник: УИ TNS Web Index, март 2008-2012
Покупки в мобинете:

23% уже совершали покупки при помощи смартфона. Около
половины из них совершили покупку при помощи смартфона за
последний месяц
Источник: УИ TNS Web Index, март 2008-2012
Востребованность моб. сайтов:
Всего сайтов
Адаптированные под
мобильные устройства
Из них с расширеной
функциональностью
0%

20%

40%

60%

80%

100%

120%

% от всего кол-ва разработанных сайтов в 2012 г.
Источник: CMSMagazin, Опрос 500 веб-студий России, 2012 г.
Причины низкого спроса:
Агентство не
предлагает
Не хотят
увеличивать
бюджет
Не ожидают
ощутимого
трафика
0%

20%

40%

Источник: CMSMagazin, Опрос 500 веб-студий России, 2012 г.

60%

80%
Мобинет – время пришло!
Бизнес не любит рисковать – вкладываясь в новую
технологию

Стоимость технологии снижается в первые 3 – 5 лет, в
5 – 10 раз.
Стоимость приложения/моб.сайта:
- в 2009 г. – от 500 000 руб./ от 150 000 руб.
- в 2013 г. – от 100 000 руб./ от 10 000 руб.
Мобильная разработка – от знакомства к массовому
использованию
Источник: Google Mobile Optimization Webinar, 2011
Будущее - это уже сейчас!
Уже более 20% мирового интернет трафика приходится на мобильные
устройства, и эта цифра растёт с каждым днём. Яндекс.Маркет – 15% в
2013 г., 30% в 2014 г., 50% в 2015 г.
А ваш сайт готов для просмотра с телефона?

Источник: Google Mobile Optimization Webinar, 2011
Целесообразность создания:
СМИ
Справочные сайты
Соц.сети и сервисы
Веб-сервисы
Интернет-магазины
Корпоративные "визитки"
Промо-сайты
Персональые сайты и блоги
Большие корпоративные сайты
0%

10%

20%

30%

40%

50%

60%

70%

«Для каких типов сайтов в общем случае целесообразно
создавать полнофункциональные мобильные версии?»
Источник: CMSMagazin, Опрос 500 веб-студий России, 2012 г.

80%

90%
Мобильный сайт:
• Оценить аудиторию
• Оценить цель
• Что делать:
- сайт или приложение
- промо или функционал

• Как продвигать
Функциональность моб.сайта:
«Какие из перечисленных модулей/функционалов
наиболее востребованы на мобильных сайтах?»
Базовые возможности интернет-…
Поиск
Интегра��ия с соц.сетями
Инструменты общения
Авторизация, личный кабинет
Полные возможности интернет-…
Управление рекламой

Инструменты веб-аналитики
SEO-инструментарий
0%

10%

20%

30%

Источник: CMSMagazin, Опрос 500 веб-студий России, 2012 г.

40%

50%

60%

70%
Продвижение:
•
•
•
•
•
•
•

Оффлайн
Адрес моб. сайта в рекламе
QR-коды
СМС-рассылка
Реклама в мобинете
Сервисы товарной рекламы
Социальные сети
Реклама в мобинете:
• Рекламные сети:
Begun, Яндекс.Директ, YouTube, Direct/Adver
t
• Сервисы товарной рекламы: Яндекс.Маркет
• Крупные площадки
• Специализированные сети мобильной
рекламы: WebStart.ru
Особенности разработки:

1.
Только важная информация.

2.
Адаптированные изображения.
Особенности разработки:

3.
Простая процедура заказа.
Корзина в 1 шаг.
Особенности разработки:

4.
Кнопка «Позвонить»
на каждой странице.
Особенности разработки:

5.
Избегайте дублирования контента.

Варианты:
- закрыть индексацию в robots.txt,
- использовать тег rel="canonical”
Особенности разработки:

6.
Сайт должен работать на
всех типах устройств и
видов браузеров.
Особенности разработки:

7.
Не используйте
Flash, SilverLight.

8.
Осторожно используйте
скрипты JavaScript, AJAX.
Особенности разработки:

9.
Отдельный сайт или
адаптивная верстка
Какие сайты мы разрабатываем
Универсальный сайт
Опция: Мобильная версия
1. Главная страница
2. Текстовые страницы
Какие сайты мы разрабатываем

3. Обратная связь
4. Кнопка Позвонить
Какие сайты мы разрабатываем

5. Каталог
Сколько стоит:
6. Корзина, заказ товара
7. Поддомен m.site.ru
8. SEO-настройки

Стоимость:
5 000 руб. типовой сайт
от 20 000 руб. индивидуальный
Стоимость мобильного сайта:
Не знаю

Сайт + мобильная версия

Больше 50%

Адаптивный сайт

Не больше 20%
20-50%
0

10

20

30

40

50

60

Как увеличится стоимость вашего среднестатистического
проекта, если заложить в него мобильную версию или
сделать сайт адаптивным?
Источник: CMSMagazin, Опрос 500 веб-студий России, 2012 г.

70
Спасибо за внимание!
Владимир Язовских
Ведущий специалист отдела маркетинга

yv@intecweb.ru

8 (351) 777-80-70
www.intecweb.ru - легкий шаг
в мир электронной коммерции!

More Related Content

Адаптивные сайты и интернет-магазины

  • 1. Адаптивные сайты и интернет-магазины Как перестать терять мобильный трафик Владимир Язовских Менеджер по развитию INTEC
  • 2. Мобильный сайт: • Структура, текст, графика соответствуют устройству • Легко воспринимать информацию • Удобно управлять с экрана • Мало «весят» (в Кб)
  • 3. Мобильный сайт: Видимая область сайта при просмотре через мобильное устройство
  • 4. Мобильный сайт: − Нечитаемый текст − Мелкие неудобные ссылки − Медленно загружается и тормозит − Сайт не помещается на экране − Неудобный сайт = минус клиент + Крупный и читаемый текст + Удобная навигация + Быстро загружается за 2—3 секунды + Под размер пальца, легко нажимать + Удобный сайт = довольный клиент
  • 5. Типы мобильных решений: • Мобильные сайты (Сайты адаптированные для просмотра с мобильных устройств): - Самостоятельные мобильные сайты - Сайт с адаптивным дизайном • Мобильные приложения (работающие через интернет)
  • 6. Приложения: • Яндекс.Маркет - ��апускаем - сканируем штрих-код - сравниваем цены, читаем отзывы - переходим в магазин, покупаем товар • Связано с одним сервисом (сайт/услуга) • Богатые средства реализации (доп. функции телефона, графика, интерфейс)
  • 7. Приложения: • Связано с одним сервисом (сайт/услуга) • Богатые средства реализации (доп. функции телефона, графика, интерфейс)
  • 8. Мобильный сайт vs Приложение Мобильный сайт + Дешевле создание + Проще, экономичнее продвижение + Не требует установки - Нужно вводить адрес сайта Приложение + Удобнее для пользователя + Функционал телефона: GPSмодуль, камера, фото + Быстро запускается + Быстро работает - Требует установки, сложнее продвигать - Дороже разработка
  • 9. Мобильный сайт vs Приложение Мобильный сайт Эпизодически приходят на сайт Приложение Устанавливают для постоянного использования. Подходит для постоянных клиентов
  • 10. Аудитория мобильного интернета: 18 Источник: УИ TNS Web Index, март 2008-2012 Россия 5,5
  • 11. Проникновение мобинета • Мобильные сайты < = 350 тыс. • Приложения < = 10 000 (IOs + Android) • Инструменты для PR 19% в Челябинске • Лидогенерация Источник: УИ TNS Web Index, март 2008-2012
  • 13. Что делают в мобинете:
  • 14. Что делают в мобинете: • 6.7 млн или 49%пользователей выходят в интернет с обыкновенного мобильного телефона • 6.0 млн или 44% пользователей используют смартфон / коммуникатор • 0.9 млн. или 7% пользователей - планшет % пользователей мобильным Интернетом Источник: УИ TNS Web Index, март 2008-2012
  • 15. Покупки в мобинете: 23% уже совершали покупки при помощи смартфона. Около половины из них совершили покупку при помощи смартфона за последний месяц Источник: УИ TNS Web Index, март 2008-2012
  • 16. Востребованность моб. сайтов: Всего сайтов Адаптированные под мобильные устройства Из них с расширеной функциональностью 0% 20% 40% 60% 80% 100% 120% % от всего кол-ва разработанных сайтов в 2012 г. Источник: CMSMagazin, Опрос 500 веб-студий России, 2012 г.
  • 17. Причины низкого спроса: Агентство не предлагает Не хотят увеличивать бюджет Не ожидают ощутимого трафика 0% 20% 40% Источник: CMSMagazin, Опрос 500 веб-студий России, 2012 г. 60% 80%
  • 18. Мобинет – время пришло! Бизнес не любит рисковать – вкладываясь в новую технологию Стоимость технологии снижается в первые 3 – 5 лет, в 5 – 10 раз. Стоимость приложения/моб.сайта: - в 2009 г. – от 500 000 руб./ от 150 000 руб. - в 2013 г. – от 100 000 руб./ от 10 000 руб. Мобильная разработка – от знакомства к массовому использованию Источник: Google Mobile Optimization Webinar, 2011
  • 19. Будущее - это уже сейчас! Уже более 20% мирового интернет трафика приходится на мобильные устройства, и эта цифра растёт с каждым днём. Яндекс.Маркет – 15% в 2013 г., 30% в 2014 г., 50% в 2015 г. А ваш сайт готов для просмотра с телефона? Источник: Google Mobile Optimization Webinar, 2011
  • 20. Целесообразность создания: СМИ Справочные сайты Соц.сети и сервисы Веб-сервисы Интернет-магазины Корпоративные "визитки" Промо-сайты Персональые сайты и блоги Большие корпоративные сайты 0% 10% 20% 30% 40% 50% 60% 70% «Для каких типов сайтов в общем случае целесообразно создавать полнофункциональные мобильные версии?» Источник: CMSMagazin, Опрос 500 веб-студий России, 2012 г. 80% 90%
  • 21. Мобильный сайт: • Оценить аудиторию • Оценить цель • Что делать: - сайт или приложение - промо или функционал • Как продвигать
  • 22. Функциональность моб.сайта: «Какие из перечисленных модулей/функционалов наиболее востребованы на мобильных сайтах?» Базовые возможности интернет-… Поиск Интеграция с соц.сетями Инструменты общения Авторизация, личный кабинет Полные возможности интернет-… Управление рекламой Инструменты веб-аналитики SEO-инструментарий 0% 10% 20% 30% Источник: CMSMagazin, Опрос 500 веб-студий России, 2012 г. 40% 50% 60% 70%
  • 23. Продвижение: • • • • • • • Оффлайн Адрес моб. сайта в рекламе QR-коды СМС-рассылка Реклама в мобинете Сервисы товарной рекламы Социальные сети
  • 24. Реклама в мобинете: • Рекламные сети: Begun, Яндекс.Директ, YouTube, Direct/Adver t • Сервисы товарной рекламы: Яндекс.Маркет • Крупные площадки • Специализированные сети мобильной рекламы: WebStart.ru
  • 25. Особенности разработки: 1. Только важная информация. 2. Адаптированные изображения.
  • 28. Особенности разработки: 5. Избегайте дублирования контента. Варианты: - закрыть индексацию в robots.txt, - использовать тег rel="canonical”
  • 29. Особенности разработки: 6. Сайт должен работать на всех типах устройств и видов браузеров.
  • 30. Особенности разработки: 7. Не используйте Flash, SilverLight. 8. Осторожно используйте скрипты JavaScript, AJAX.
  • 32. Какие сайты мы разрабатываем Универсальный сайт Опция: Мобильная версия 1. Главная страница 2. Текстовые страницы
  • 33. Какие сайты мы разрабатываем 3. Обратная связь 4. Кнопка Позвонить
  • 34. Какие сайты мы разрабатываем 5. Каталог
  • 35. Сколько стоит: 6. Корзина, заказ товара 7. Поддомен m.site.ru 8. SEO-настройки Стоимость: 5 000 руб. типовой сайт от 20 000 руб. индивидуальный
  • 36. Стоимость мобильного сайта: Не знаю Сайт + мобильная версия Больше 50% Адаптивный сайт Не больше 20% 20-50% 0 10 20 30 40 50 60 Как увеличится стоимость вашего среднестатистического проекта, если заложить в него мобильную версию или сделать сайт адаптивным? Источник: CMSMagazin, Опрос 500 веб-студий России, 2012 г. 70
  • 37. Спасибо за внимание! Владимир Язовских Ведущий специалист отдела маркетинга yv@intecweb.ru 8 (351) 777-80-70 www.intecweb.ru - легкий шаг в мир электронной коммерции!