Что такое 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.
Комментарии:
Спикер ОА Петр Аброськин рассказал всем читателям блога о фишках настройки ремаркетинга в контекстной рекламе и социальных сетях...
16 04 2026 2:45:51
Если маркетер хочет привлечь к бренд-контенту дополнительное внимание, стоит воспользоваться опцией Promote post....
15 04 2026 4:40:56
Создатель scrum model Джефф Сазерленд написал книгу о том, как использовать методику разработки программного обеспечения для развития бизнеса....
14 04 2026 12:46:29
На третий месяц работы мы вышли на положительный ROMI, на четвертый — ROMI превысил 800%....
13 04 2026 3:59:34
Трекеры теперь на любой вкус: за лидерство в сфере аналитики и трекинга в мире мобильных приложений все еще конкурируют более десяти различных систем. Как не растеряться в обилии инструментов?...
12 04 2026 19:11:48
RFM — это аббревиатура слов Recency, Frequency, Money — новизна, частота, деньги. То есть считаем, как давно клиент купил товар в последний раз, сколько всего покупок он сделал и сколько денег принес нам за все время заказов....
11 04 2026 17:44:27
Быстрый инструмент для повышения CTR — дополнительные ссылки Google Рекламы...
10 04 2026 4:33:31
Партнерская программа — это когда сервис дает партнеру вознаграждение за приведенных клиентов. Получить деньги и/или другие плюшки можно также по реферальной программе. Как это работает? Разбираемся на примерах....
09 04 2026 2:59:33
Офис Netpeak в Харькове официально открыт! В этом посте, вместо игры на фанфарах, мы на собственном примере рассмотрим, что нужно для создания регионального отделения в разгар кризиса....
08 04 2026 7:40:33
Персональная стратегия продвижения онлайн с помощью SEO и контекстной рекламы....
07 04 2026 5:38:40
Цель этой статьи — предупредить от опасной ошибки в маркетинге: бездумного и неправильного внедрения NPS-опросника....
06 04 2026 0:58:11
Основатель Depositphotos и Clashot Дмитрий Сергеев рассказал нам о базовых правилах ведения бизнеса на западном рынке....
05 04 2026 9:21:50
Cтоимость просмотра в Google Ads дешевле как минимум в два раза по сравнению со Smart TV...
04 04 2026 7:49:37
Устанавливаем тег конверсий: самостоятельно и с помощью Google Tag Manager....
03 04 2026 3:32:19
Формула изменения поведения Фогга и два красочных примера инсайде....
02 04 2026 13:21:46
Как правильно рассчитать окупаемость рекламных кампаний SaaS-продуктов, получить по ним четкую аналитику, и что делать дальше....
01 04 2026 4:38:22
Такое обозрение очередной новинки Google от Сергея Бахаря...
31 03 2026 5:17:40
Одно из фундаментальных обновлений Universal ***ytics...
30 03 2026 16:15:16
Если на вашем смартфоне установлен только стандартный набор Uber, Glovo, 2ГИС и нескольких мессенджеров — смотрите подборку необычных и смешных приложений....
29 03 2026 12:29:55
История свидания двух ботов как иллюстрация развития искусственного интеллекта...
28 03 2026 9:25:52
Чтобы эффективно продвигать товар или услугу в Instagram, необходимо повысить охват целевой аудитории. Одно из возможных решений — привлечение блогеров. Казалось бы, достаточно предложить платное размещение рекламы…...
27 03 2026 22:10:18
Как быстро залить изображение, сделать красивую иллюстрацию, наложить надпись к любому тексту онлайн?...
26 03 2026 2:51:40
Вам точно нужен ВП? Тогда утвердите сабж, чтобы умещался в три слова, скиньте линк и дескрипшн и распознайте канал-оборотень. Полная подборка сленговых слов, значение которых не всегда найдете в Google...
25 03 2026 8:15:36
Эффективность продвинутой сегментации стала заметна уже в первый месяц ее функционирования....
24 03 2026 18:53:43
Первая часть иллюстрированного руководства, в котором мы взяли 20 самых важных фактора ранжирования представлены с краткими иллюстрированными примерами. В этом тексте вы найдете первые 10. Узнать больше!...
23 03 2026 1:59:39
Ошибки, которые допускают новички и теряют деньги, трафик, клиентов....
22 03 2026 0:46:15
В основе продвижения любых продуктов фигурирует ЦА и её потребности. Рассказываем, как с ней работать в разрезе Инстаграм и Facebook так, чтобы РК давала максимальный профит...
21 03 2026 6:11:33
Повышаем эффективность рекламных кампаний. Как рекламодателю-новичку самостоятельно провести аудит своих кампаний в Google Ads, а также про наиболее частые ошибки новичков, связанные с работой и аудитами кампаний в Google Ads. Читайте дальше!...
20 03 2026 10:18:36
Как METRO Cash & Carry Украина нашла индивидуальный подход к 1 000 000 клиентов....
19 03 2026 1:47:54
Что нужно, чтобы реклама в интернете приносила прибыль....
18 03 2026 7:31:40
Сезонность — повторяющиеся колебания трафика сайта в зависимости от различных внешних факторов....
17 03 2026 6:37:58
3 часто задаваемых вопроса о раскрутке сайтов об эффективной организации SEO своими силами, способах проверки оптимизации сайта и о том, как быстро можно увидеть эффект от SEO. Узнайте больше!...
16 03 2026 20:53:52
Покупать в Китае. Как брендам покорить сердца и кошельки китайских пользователей...
15 03 2026 7:28:20
Flash онлайн объявлений в формат HTML5: нововведение гугл рекламы...
14 03 2026 14:55:37
Настраиваем автоматическое получение отчетов по потерянным конверсиям для оптимизации рекламных кампаний....
13 03 2026 18:29:19
Как быстро настроить DSA с помощью Netpeak Spider. Рассмотрим подробнее «Только URL из фида страниц». Этот таргетинг помогает точнее определить целевую аудиторию и привести ее на максимально релевантные страницы сайта (к примеру, на карточку товара)....
12 03 2026 5:14:11
Используем возможности Google Cloud Platform в работе с R...
11 03 2026 9:32:58
Минусовки это не только про эстраду. Какой метод кросс-минусовки ключевых слов лучше?...
10 03 2026 0:48:10
Рекламные аукционы Фейсбук заточены поднимать объявление с наивысшей итоговой ценностью — это главное отличие от классических аукционов...
09 03 2026 20:44:37
Интерфейс прикладного программирования для работы с аккаунтами десятка сайтов....
08 03 2026 18:46:10
Девять свежих советов для продвижения интернет-магазинов...
07 03 2026 23:29:18
Какие типы кампаний и ключевых слов стоит первыми запускать в Google Рекламе? Советы новичкам...
06 03 2026 12:26:50
Что такое контекстная реклама? Словарь терминов для чайников...
05 03 2026 10:57:37
Что значит всемирное обновление DMCA-алгоритма и приведет ли оно к полноценной защите авторских прав?...
04 03 2026 21:34:37
Как операторы поисковых запросов Google помогают при продвижении сайта и анализе конкурентов....
03 03 2026 16:17:34
Как превратить неактивных подписчиков в вовлеченную аудиторию....
02 03 2026 0:56:54
14 пунктов, которые помогут вам лучше изучить свой бизнес и подготовить эффективную SMM-стратегию...
01 03 2026 23:23:23
Специалисты дропшиппинг-платформы делятся данными по самым продаваемым товарам на крупных онлайн-площадках. Информация для масштабирования бизнеса. Читать!...
28 02 2026 9:35:34
Перевод колонки директора по маркетингу Ahrefs: об органическом поисковом трафике, высокопотенциальных темах для бизнеса, уникальности и качестве контента, его продвижении. С реальными рекомендациями и примерами. Узнайте больше!...
27 02 2026 15:32:54
Грамотная аналитика в мире мобильных приложений, как и в целом в маркетинге — единственный путь к окупаемости продукта и выходу в высшую лигу брендов...
26 02 2026 19:57:32
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::
