Что такое Progressive Web Apps и какие возможности они открывают для вашего бизнеса
Представьте, что ваш сайт взаимодействует с пользователем как приложение. То есть пользователь может установить его на любой гаджет, получать уведомления и работать с ним (даже без интернет-соединения). Это уже реальная технология, которую активно продвигает Google, и в этом посте я расскажу вам о ней в деталях.
Progressive Web Apps (PWA) Google анонсировал еще в 2015 году. Этот формат создания мобильных сайтов привлек внимание благодаря относительной простоте разработки и почти мгновенному взаимодействию с пользователем. Уже в мае 2016 на конференции разработчиков Google I/O The Washington Post продемонстрировал свой мобильный гибридный сайт-приложение.
Что же такое PWA? Можно воспринимать это как сайт, построенный с использованием веб-технологий, но который взаимодействует с пользователем как приложение. Достижения в разработке браузеров, кэше и Push-интерфейсах позволили устанавливать приложение на домашний экран напрямую из браузера, получать всплывающие уведомления и даже работать в автономном режиме.
Отличия PWA от нативных приложений
1. В браузерах Google, Opera, Firefox и Microsoft PWA можно загрузить на любых гаджетах, независимо от размера экрана и других спецификаций. Кроме того, разработчики данных браузеров будут предлагать пользователям установить PWA при втором посещении сайта.
2. Разработчики приложений отмечают, что создать прогрессивное приложение легче и быстрее, чем обычный сайт.
3. Не нужно API с поддержкой обратной совместимости. В случае с PWA пользователи запускают ту же версию кода сайта (в отличие от классических приложений).
Анимированный пример баннера с предложением установить PWA на домашний экран от Google Developers.
И это только начало. Microsoft уже занимается решением задачи, как добавить прогрессивные веб-приложения в Windows Store. Google в мае 2016 озвучил длинный список идей для развития прогрессивных приложений. И то, что поисковые системы будут уделять особое внимание PWA в будущем, кажется неизбежным.
Присмотритесь: возможно, прогрессивные приложения — ваш золотой билет в SEO-продвижение будущего.
Зачем бизнесу создавать прогрессивные веб-приложения и почему именно сейчас?
Начнем со второго вопроса. Издание Recode недавно опубликовало исследование, которое подтвердило то, что уже у многих специалистов крутится на языке: бум традиционных приложений прошел, а процент тех, кто деинсталлирует приложения, продолжает расти.
Comscore недавно сообщил, что большинство пользователей смартфонов скачивают ноль приложений в месяц. Лишь около одной трети владельцев смартфонов скачивают хоть что-то, и большинство из них загружают от одного до трех приложений в месяц.
Истории бизнеса и полезные фишкиПочему прогрессивные веб-приложения изменят ситуацию?
1. Пользователи могут переходить на прогрессивные приложения из ссылок в соцсетях, во время просмотра веб-страниц или непосредственно из выдачи. Согласитесь, это гораздо удобнее, чем конкурировать за просмотры с двумя миллионами доступных приложений на IOS App Store или Google Play Store.
2. Предложение установить прогрессивное приложение показывается только тогда, когда веб-приложение отвечает определенным критериям, и пользователь продемонстрировал интерес посредством повторного посещения сайта.
3. Установка приложения происходит мгновенно. Все компоненты, которые требуют длительной загрузки, уже были установлены в кэш при первом посещении сайта пользователем.
4. Прогрессивные приложения гораздо меньше по размеру, так как они эффективно используют возможности браузера.
5. Всплывающие уведомления, работа в автономном режиме и все другие функции прогрессивного приложения будут работать, даже если посетитель никогда его не устанавливал.
6. Обычные приложения могут быть использованы только на той платформе, для которой они созданы. Вы не можете использовать приложение на вашем компьютере так же, как на Android или iOS устройстве. Кроме того, использовать приложение могут только те, кто его установил.
Прогрессивные веб-приложения будут работать в любом месте, независимо от того, установлены они или нет. Они будут работать даже на платформах, которые еще не поддерживают все функции PWA — даже со старых ПК с примитивными браузерами к ним можно будет получить доступ. Правда — с ограниченным функционалом.
Вы можете возразить, что существуют классические приложения, которые поддерживаются на разных платформах. Но поддержка таких приложений обходится в копеечку. Progressive Web Apps могут снизить эти затраты, сведя все к обеспечению одного приложения, которое работает на любой платформе.
7. Когда вы не в магазине приложений, то не ограничены правилами App Store и не должны платить 30% от объема продаж.
Недостатки Progressive Web Apps
1. PWA — новая технология, поэтому существует не так много примеров реализации этого формата. Те, кто рискнет, станут первопроходцами.
2. На момент публикации прогрессивные веб-приложения не доступны повсеместно. Да, Chrome и Opera начали поддержку прогрессивных Web Apps. Firefox и Microsoft взяли на себя обязательство по поддержке. Пока намерений по поддержке этого формата нет только у Apple.
Впрочем, ни одна из этих причин не является препятствием для тестирования PWA как формата уже сегодня.
В чем именно «прогрессивность» нового формата?
Под прогрессивностью в данном случае имеется в виду то, что приложение с ограниченным функционалом сможет работать на любом гаджете, в любом месте, но при переходе пользователя на более совершенное устройство или браузер, расширяются функции PWA. И при всем этом его не надо загружать многократно на каждое из устройств.
После внедрения прогрессивного веб-приложения AliExpress увеличил конверсии c iOS-устройств на 82%. При том, что iOS пока не поддерживает PWA.
Google опубликовал тематические исследования компаний, внедривших прогрессивные Web Apps. Их результаты обнадеживают.
- AliExpress увеличил коэффициент конверсии для новых пользователей на 104%.
- United eXtra Electronics показал 4-кратное увеличение возвратов посетителей и на 100% повысил уровень продаж от пользователей, которые приходят в результате взаимодействия со всплывающими уведомлениями.
- 5miles снизил показатель отказов на 50% и увеличил конверсии на 30%.
- Konga используют на 92% меньше данных для первоначальной загрузки по сравнению с загрузкой их родного приложения.
Как отслеживать ускоренные мобильные страницы (AMP) в Google ***ytics The Washington Post создали Progressive Web App, который установлен в фоновом режиме, когда люди читают их
Почему стоит поторопиться?
Сегодня пользователю достаточно дважды посетить ваш сайт, чтобы получить от браузера предложение установить PWA. Но так как количество внедрений технологии будет расти, то и частота предложений по установке тоже изменится, и таких предложений будет меньше. Все больше компаний начинают осваивать Progressive Web Apps и вскоре станет сложно выделиться из толпы.
Больше по теме:
- Разберитесь в работе PWA и сделайте свое первое приложение с курсом от Udacity.
- Разберитесь в прогрессивных веб-приложениях вместе с представителем Google Андреем Липатцевым. Он рассказал об этой технологии на WebPromoExperts SEO Day.
Комментарии:
Неля Серебро рассказывает про внутреннюю кухню блога Netpeak...
23 05 2025 16:17:58
+ таблица с примерами использования каждой функции....
22 05 2025 7:11:14
Как автоматизировать рутину в Google Таблицах с помощью Google Apps Script...
21 05 2025 12:12:45
Обидно терять сохраненные достижения. Почему падает трафик из поисковых систем и как это исправить...
20 05 2025 17:17:14
Чтобы попасть в админку сайта, необходимо определить, какая именно CMS используется. Для этой цели подойдет ручной анализ сайта и его HTML-кода, а также онлайн-сервисы...
19 05 2025 5:34:57
Всё о метриках загрузки сайта. Как проверить и отслеживать реальную скорость загрузки сайта и почему нельзя доверять показателям Pagespeed Insights....
18 05 2025 17:24:49
Tencent — китайская компания, мировой лидер в сфере игр. Все о создании компании, доходах, прибыли, инвестициях. Особенности ведения бизнеса в Китае — в пересказе статьи Паки Маккормик. Читать дальше!...
17 05 2025 18:38:21
Данные по 42,5 млн кликов в 25 тематиках и 391 городу...
16 05 2025 23:15:56
Кейс о том, как написать большинству дилеров премиальных акустических систем в Европе и ничего не продать. И почему это кейс, а не антикейс....
15 05 2025 19:39:15
Как и кто создает новые услуги в Netpeak и что нужно знать, уметь, чтобы это делать? Рассказывает Елена Воскобойник, специалист, которая иногда разpaбатывает их почти с нуля. Читать!...
14 05 2025 4:53:13
Проверка позиций: бесценный онлайн софт для SEO-специалистов :)...
13 05 2025 19:43:59
Почему бизнесу нужно настраивать мультикaнaльную модель атрибуции на основе воронки продаж и как это сделать....
12 05 2025 21:36:25
Пример, как 4000+ гривен превращаются в 45000+ гривен. Ниша интернет-магазинов, да еще и бытовой техники уже давно является высококонкурентной. Но при правильном продвижении даже новичок может добиться результатов....
11 05 2025 4:55:57
О чем следует позаботиться перед созданием интернет-магазина...
10 05 2025 16:23:25
Пять простых фишек для повышения привлекательности карточки товара....
09 05 2025 19:27:41
Как настроить автоматическое обновление данных о товарах с помощью таблиц Google....
08 05 2025 20:21:52
О проблеме с передачей данных об A/B-тестах в Google ***ytics...
07 05 2025 10:55:32
Метод бoмжа в маркетинге. Как разработать позиционирование стартапа при ограниченных ресурсах...
06 05 2025 15:46:45
На что обратить внимание при покупке интернет-ресурса, какие факторы влияют на цену и что помогает определить качество сайта? Ответы на все эти вопросы в статье. Читать!...
05 05 2025 15:11:19
Изначально необходимо планировать продолжительное сотрудничество с агентством для достижения поставленных целей. В своей стратегии мы использовали сезонность, чтобы достичь максимальных результатов для клиента...
04 05 2025 20:39:21
Тестирования наличия важных тегов на целевых страница — бесплатный скрипт и алгоритм...
03 05 2025 7:14:50
Ссылка с сайта с высоким тИЦ уже не считается качественной. Хороший донор вычисляется по комплексу факторов. Большую часть работы придется делать вручную. Важно найти отличный сайт, с огромным количеством интересного контента, оцененного по достоинству читателями, и гармонично туда вписать свою статью со ссылкой...
02 05 2025 13:56:29
Если вам нужно быстро изменить небольшой объем контента на сайте без доступа к CMS, можно воспользоваться GTM. Как именно, читайте дальше....
01 05 2025 23:58:31
Опыт сотрудника отдела маркетинга Netpeak. Дочке Маше — 10 лет, сыну Егору — почти 4 года. Мы по-прежнему не очень продуктивны в таких условиях, но все же накопили больше опыта, чем те люди, которые сейчас внезапно столкнулись с удаленной работой...
30 04 2025 20:47:24
База самых распространенных CMS и модулей для их SEO-оптимизации....
29 04 2025 17:49:18
Стоит ли подключать автоматические стратегии управления ставками? Мы проверили, как работает «Целевая цена за конверсию» в разных тематиках....
28 04 2025 6:51:15
Реклама мобильных приложений. Хотите показывать рекламу в играх? Вам сюда. Узнайте как правильно настроить показ рекламы на мобильных устройствах....
27 04 2025 2:32:41
Менеджер, маркетолог, дизайнер программист? Делимся секретами нетпик, каким должен быть специалист по рекламе...
26 04 2025 4:48:18
В этой статье я покажу пример визуальной работы с закладкой и пошагово разберу процесс их создания и применения для удобства визуализации данных...
25 04 2025 16:58:50
Междугородние перевозки и их реклама. Кейс Павла Верлана...
24 04 2025 16:35:28
Мы хотим купить комaнду с компетенциями в сфере медиабаинга, чтобы объединить силы для развития онлайн-рынка...
23 04 2025 6:26:39
Как с помощью Google Tag Manager отслеживать исходящие ссылки на сайте и загрузки файлов с него...
22 04 2025 4:38:12
Зная стоимость клика в вашей тематике или регионе, коэффициент конверсии на сайте, вы можете оценить объем необходимых в рекламу инвестиций и прогнозировать стоимость конверсии. Узнать больше!...
21 04 2025 6:53:11
Грамотно оформленные метатеги презентуют сайт, помогают пользователям быстро найти нужную информацию, а поисковым системам — повысить ресурс в выдаче...
20 04 2025 7:13:46
Эти данные пригодятся в составлении медиапланов по продвижению в интернете. Понимания стоимость конверсии и необходимое количество конверсий, вы можете прогнозировать, сколько денег на рекламу нужно выделить. Читать!...
19 04 2025 5:44:18
Полем битвы стала тематика кроваток, игрушек и прочих детских товаров, основным оружием в бою — контекстная реклама....
18 04 2025 9:50:24
Таблицы Google позволят перенести рекламную кампанию и сохранить при этом ключевые слова в разных типах соответствия. Подробный мануал — в новом посте....
17 04 2025 1:55:55
Памятка для всех, кому важно сохранить детали переговоров....
16 04 2025 3:43:34
Как сформировать правильную стратегию продвижения и сфокусировать внимание на получении прибыли...
15 04 2025 11:49:26
Обязательные элементы продающей страницы: удобный и красивый дизайн, легко читаемые форматы и стили шрифтов, текстовые блоки, кнопки призыва к действию. Узнать больше!...
14 04 2025 7:55:15
Как за полгода обновить корпоративный блог, зачем это может быть нужно. О том, как начинали с сегментации, внедряли SEO-рекомендации, оптимизировали ЧПУ, трaнcлитерацию, пагинацию и структуру блога вплоть до конкретной работы со статьями, рейтингами и их страницами...
13 04 2025 21:51:15
Подробно о преимуществах и особенностях двух сервисов контекстной рекламы....
12 04 2025 5:46:15
Алгоритм ссылочного ранжирования, который показывает ее значимость, в частности, для поисковиков. Важность показателя PageRank оспаривают, но до сих пор считают. Читать!...
11 04 2025 10:12:42
Заимствуете лучшее, коллекционируйте идеи и не откладывайте тестирование фишек в долгий ящик...
10 04 2025 7:39:19
Новая услуга от Netpeak по ведению Instagram и Facebook...
09 04 2025 5:34:41
Как создать популярный и удобный магазин в интернете, какой должна быть его раскрутка и многое другое, прозвучавшее на круглом столе 8P 2017...
08 04 2025 13:16:14
Современные платформы телефонии и коллтрекинга — это не только про звонки. С Ringostat вы узнаете, откуда пришел клиент, как менеджер ему ответил и какая реклама «принесла» деньги....
07 04 2025 11:17:40
Лучшие маркетинговые и бизнес-фишки от Давида Брауна (Weblium), Владислава Флакса (OWOX), Александра Галкина (Competera), Люси Литерадо (Reply.io), Вадима Нехая (Depositphotos), Валерия Грабко (PromoRepublic), Игоря Дебатура (Uploadcare), Руслана Савчишин...
06 04 2025 19:14:22
Инсайты Диви Конф 2021, онлайн-конференции о видеомаркетинге....
05 04 2025 11:17:18
Chrome Extensions экономят время тех, кто продвигает мобильные приложения...
04 04 2025 7:43:22
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::