Всё о мобильных сайтах — прямой эфир на Megaindex.tv
-
Upload
artiom-tsympov -
Category
Business
-
view
351 -
download
0
Transcript of Всё о мобильных сайтах — прямой эфир на Megaindex.tv
![Page 1: Всё о мобильных сайтах — прямой эфир на Megaindex.tv](https://reader030.fdocument.pub/reader030/viewer/2022020213/58abf8ea1a28abb6718b46a5/html5/thumbnails/1.jpg)
Всё о мобильных сайтах
Артём Цымповwww.eski.mobifb.com/tsympov
![Page 2: Всё о мобильных сайтах — прямой эфир на Megaindex.tv](https://reader030.fdocument.pub/reader030/viewer/2022020213/58abf8ea1a28abb6718b46a5/html5/thumbnails/2.jpg)
Всё о мобильных сайтах● Мобильная аудитория интернета и устройства.
● Проблема всех сайтов.
● Способы создания мобильного сайта.
● Мобильный сайт или приложение.
● Источники трафика: поиск, social, QR.
● Мобильный сайт и SEO.
![Page 3: Всё о мобильных сайтах — прямой эфир на Megaindex.tv](https://reader030.fdocument.pub/reader030/viewer/2022020213/58abf8ea1a28abb6718b46a5/html5/thumbnails/3.jpg)
Мобильная аудитория
Доля мобильных юзеров в Российском интернете 25—32%
Актуальная статистика — http://eski.mobi/stats/
![Page 4: Всё о мобильных сайтах — прямой эфир на Megaindex.tv](https://reader030.fdocument.pub/reader030/viewer/2022020213/58abf8ea1a28abb6718b46a5/html5/thumbnails/4.jpg)
![Page 5: Всё о мобильных сайтах — прямой эфир на Megaindex.tv](https://reader030.fdocument.pub/reader030/viewer/2022020213/58abf8ea1a28abb6718b46a5/html5/thumbnails/5.jpg)
![Page 6: Всё о мобильных сайтах — прямой эфир на Megaindex.tv](https://reader030.fdocument.pub/reader030/viewer/2022020213/58abf8ea1a28abb6718b46a5/html5/thumbnails/6.jpg)
![Page 7: Всё о мобильных сайтах — прямой эфир на Megaindex.tv](https://reader030.fdocument.pub/reader030/viewer/2022020213/58abf8ea1a28abb6718b46a5/html5/thumbnails/7.jpg)
![Page 10: Всё о мобильных сайтах — прямой эфир на Megaindex.tv](https://reader030.fdocument.pub/reader030/viewer/2022020213/58abf8ea1a28abb6718b46a5/html5/thumbnails/10.jpg)
Проблема всех сайтов
Обычные сайты очень плохо работают на мобильных устройствах:● Много "весит" = долго грузится.
● Мелкий текст, нужно увеличивать.
● Ужасная навигация.
● Тормозят скрипты.
Если у вас флеш (весь сайт или частично) — он вообще не откроется на мобильном!
![Page 11: Всё о мобильных сайтах — прямой эфир на Megaindex.tv](https://reader030.fdocument.pub/reader030/viewer/2022020213/58abf8ea1a28abb6718b46a5/html5/thumbnails/11.jpg)
Проблема всех сайтов
Я зашёл со своего смартфона и...● Не смог получить нужную информацию
● Не смог зарегистрироваться
● Не смог заказать услугу
● Не смог купить товар
Плохой сайт — минус клиент.
![Page 14: Всё о мобильных сайтах — прямой эфир на Megaindex.tv](https://reader030.fdocument.pub/reader030/viewer/2022020213/58abf8ea1a28abb6718b46a5/html5/thumbnails/14.jpg)
Способы создания мобильного сайта.
1. Адаптивный дизайн
2. Конструктор
3. Плагин для вашей CMS
4. Отдельный мобильный сайт
5. Технология eski.mobi
![Page 15: Всё о мобильных сайтах — прямой эфир на Megaindex.tv](https://reader030.fdocument.pub/reader030/viewer/2022020213/58abf8ea1a28abb6718b46a5/html5/thumbnails/15.jpg)
Адаптивный дизайн
Подходит только в случае, если вы делаете сайт с нуля. Очень непростая задача, с которой справится не каждый хороший дизайнер.
Плюсы
● Идеальное управление контентом.● Единые URL'ы
Минусы
● Тяжёлые файлы будут грузится = медленный сайт.● Дорого и сложно
![Page 16: Всё о мобильных сайтах — прямой эфир на Megaindex.tv](https://reader030.fdocument.pub/reader030/viewer/2022020213/58abf8ea1a28abb6718b46a5/html5/thumbnails/16.jpg)
Конструктор мобильных сайтов
Отличное решение для малого бизнеса с минимальным бюджетом.
Плюсы
● Быстро и дёшево
Минусы
● Ограниченный функционал и дизайн● Нужно в этом разбираться, тратить время и нервы
![Page 17: Всё о мобильных сайтах — прямой эфир на Megaindex.tv](https://reader030.fdocument.pub/reader030/viewer/2022020213/58abf8ea1a28abb6718b46a5/html5/thumbnails/17.jpg)
Конструктор мобильных сайтов
Лучшие решения:
● http://www.dudamobile.com/
● http://www.onbile.com/
● http://www.strikingly.com/
● http://www.mdotapp.com/ ** — нет веб-версии, можно сделать сайт-визитку только на айфоне.
![Page 18: Всё о мобильных сайтах — прямой эфир на Megaindex.tv](https://reader030.fdocument.pub/reader030/viewer/2022020213/58abf8ea1a28abb6718b46a5/html5/thumbnails/18.jpg)
Плагин для вашей CMS
Для многих систем управления существуют плагины для создания мобильной версии. Есть для битрикса, но посмотрите на отзывы и всё поймёте.
Плюсы
● Быстро и дёшево
Минусы
● Ограниченный функционал и дизайн● Нужно в этом разбираться, тратить время и нервы
![Page 19: Всё о мобильных сайтах — прямой эфир на Megaindex.tv](https://reader030.fdocument.pub/reader030/viewer/2022020213/58abf8ea1a28abb6718b46a5/html5/thumbnails/19.jpg)
Отдельный мобильный сайт
Со своей отдельной системой управления. Как правило выносят на поддомен m.site.com
Плюсы
● У вас будет хотя бы какой-то мобильный сайт
Минусы
● Контент не синхронизирован
![Page 20: Всё о мобильных сайтах — прямой эфир на Megaindex.tv](https://reader030.fdocument.pub/reader030/viewer/2022020213/58abf8ea1a28abb6718b46a5/html5/thumbnails/20.jpg)
Технология eski.mobi (эскимоби)
Для каждой страницы делаем уникальный шаблон мобильной версии. Это адаптивный дизайн + изменение HTML на лету.
Плюсы
● Весь контент на 100% синхронизирован с главным сайтом● Любой дизайн и дополнительный функционал по желанию● Единые URL'ы● Полный контроль над загрузкой "тяжёлого" контента
Минусы
● Стоимость от 2 000 USD в РФ и от 10 000 USD в США
![Page 21: Всё о мобильных сайтах — прямой эфир на Megaindex.tv](https://reader030.fdocument.pub/reader030/viewer/2022020213/58abf8ea1a28abb6718b46a5/html5/thumbnails/21.jpg)
Приложение или сайт
Всё очень просто.
Мобильное приложение — для существующих клиентов.
Мобильный сайт — для привлечения новых.
Подробное сравнение http://eski.mobi/wiki/site-vs-app/
![Page 22: Всё о мобильных сайтах — прямой эфир на Megaindex.tv](https://reader030.fdocument.pub/reader030/viewer/2022020213/58abf8ea1a28abb6718b46a5/html5/thumbnails/22.jpg)
Приложение или сайтМобильный сайт — очевидный и естественный путь
Приложение —длинный и неэффективный путь
![Page 23: Всё о мобильных сайтах — прямой эфир на Megaindex.tv](https://reader030.fdocument.pub/reader030/viewer/2022020213/58abf8ea1a28abb6718b46a5/html5/thumbnails/23.jpg)
Приложение или сайт
Мобильное приложение нужно только в том случае, если: вы — социальная сеть или у вас есть уникальный функционал в приложении: калькулятор, гео-позиционирование и другой уникальный функционал.
![Page 24: Всё о мобильных сайтах — прямой эфир на Megaindex.tv](https://reader030.fdocument.pub/reader030/viewer/2022020213/58abf8ea1a28abb6718b46a5/html5/thumbnails/24.jpg)
Источники трафика
ПоискРеклама в мобильной версии поиска. Вы можете стать первыми и получить эту аудиторию.
SocialСтраница на фейсбуке, твиттере и вконтакте — это просто один из каналов коммуникации. Люди всё равно будут попадать на ваш сайт из соц. сетей. И тут важно знать, что БОЛЕЕ половины всех посещений соц сетей — со смартфонов (именно смартфонов, а не планшетов).
QR-кодЯ лично всегда улыбаюсь, когда вижу QR-код. Это одно из самых быстро распространившихся и неверно используемых трендов. QR-код никому не нужен. Ну просто никто не тратит время на это. А те, которые тратят на это время, в итоге попадают либо на флеш сайт (а мы уже знаем, что это не откроется вообще), либо грузится ужасный обычный сайт. Итог: не используйте QR коды. Просто пишите ссылку на свой сайт.
![Page 25: Всё о мобильных сайтах — прямой эфир на Megaindex.tv](https://reader030.fdocument.pub/reader030/viewer/2022020213/58abf8ea1a28abb6718b46a5/html5/thumbnails/25.jpg)
SEO и мобильные сайты
Google рекомендует три способа:
● Адаптивный дизайн
● Отдельные сайт на субдомене m.domain.com
● Разный HTML в зависимости от девайса (технология
eski.mobi и mobify).
Выбирайте удобный для вас и лучший для вашего бизнеса!
![Page 26: Всё о мобильных сайтах — прямой эфир на Megaindex.tv](https://reader030.fdocument.pub/reader030/viewer/2022020213/58abf8ea1a28abb6718b46a5/html5/thumbnails/26.jpg)
Всё о мобильных сайтах
Артём Цымповwww.eski.mobifb.com/tsympov