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

Адаптивные сайты и
интернет-магазины
Как перестать терять мобильный
трафик
Владимир Язовских
Менеджер по развитию 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/Advert
• Сервисы товарной рекламы: Яндекс.Маркет
• Крупные площадки
• Специализированные сети мобильной
рекламы: 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
Спасибо за внимание!
Владимир Язовских
Ведущий специалист отдела маркетинга
[email protected]
8 (351) 777-80-70
www.intecweb.ru - легкий шаг
в мир электронной коммерции!