Тотальная мобилизация сайта и работа с мобильной аудиторией.
— Краткая статистика за год
— Обновление Google для мобильного поиска
— Способы мобилизации сайта
— Как оповестить Google о мобильном сайте
— Как накосячить с мобильным сайтом
— 6 советов для лучшего мобильного UX
3. Тезисы
● Краткая статистика за год
● Обновление Google для мобильного поиска
● Способы мобилизации сайта
● Как оповестить Google о мобильном сайте
● Как накосячить с мобильным сайтом
● 6 советов для лучшего мобильного UX
4. Краткая статистика за год
Источник — https://goo.gl/bgeFCw
2014 2015
Смартфоны
Планшеты
ПК
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 часа)
15. 2 способа мобилизации сайта
● Отдельный мобильный сайт
○ С отдельной CMS
○ Мобильный, связанный с основным по API
○ Отдельный шаблон для мобильных устройств
● Адаптивный сайт
○ Обычный адаптивный дизайн.
○ Dynamically-served JavaScript (технология
eskimobi).
16. 2 способа мобилизации сайта
● Отдельный мобильный сайт
○ С отдельной CMS
○ Мобильный, связанный с основным по API
○ Отдельный шаблон для мобильных устройств
● Адаптивный сайт
○ Обычный адаптивный дизайн.
○ Dynamically-served JavaScript (технология
eskimobi).
Ни в коем
случае!
17. 2 способа мобилизации сайта
● Отдельный мобильный сайт
○ С отдельной CMS
○ Мобильный, связанный с основным по API
○ Отдельный шаблон для мобильных устройств
● Адаптивный сайт
○ Обычный адаптивный дизайн.
○ Dynamically-served JavaScript (технология
eskimobi).
Подходит большим
проектам: facebook,
twitter
18. 2 способа мобилизации сайта
● Отдельный мобильный сайт
○ С отдельной CMS
○ Мобильный, связанный с основным по API
○ Отдельный шаблон для мобильных устройств
● Адаптивный сайт
○ Обычный адаптивный дизайн.
○ Dynamically-served JavaScript (технология
eskimobi).
Хорошее
решение
19. 2 способа мобилизации сайта
● Отдельный мобильный сайт
○ С отдельной CMS
○ Мобильный, связанный с основным по API
○ Отдельный шаблон для мобильных устройств
● Адаптивный сайт
○ Обычный адаптивный дизайн.
○ Dynamically-served JavaScript (технология
eskimobi).
Очень
хорошее
решение
20. 2 способа мобилизации сайта
● Отдельный мобильный сайт
○ С отдельной CMS
○ Мобильный, связанный с основным по API
○ Отдельный шаблон для мобильных устройств
● Адаптивный сайт
○ Обычный адаптивный дизайн.
○ Dynamically-served JavaScript (технология
eskimobi).
Ещё лучше,
но сложнее.
23. Как накосячить?
● Ничего не делать
● Не проверить на реальном устройстве
● Не проверить все страницы
● Блокировка файлов
● Flash
● Ошибки переадресации
● Плохая реклама
Источник — https://goo.gl/CqmH8u
24. 2014 2015 2016 2020132012
Не оптимизируйте под мобильные
За год количество мобильных юзеров
удвоилось. Что будет через пару лет?
25. Не проверяйте на реальном девайсе
Элементы сайта выглядят иначе в
мобильных браузерах.
OSX Chrome iOS Safari
26. Не проверяйте все страницы сайта
Оптимизируйте только главную страницу.
На остальные можно не смотреть...
40. Выводы
● За год мобильный трафик вырос вдвое
● Изучите гайдлайны Google для мобильных сайтов
● Выберите подходящий вариант адаптации
● Оповестите поисковые системы о мобильном сайте
● Не накосячьте с моби-сайтом
● Прислушайтесь к советам для лучшего UX