Представьте, что ваш сайт взаимодействует с пользователем как приложение. То есть пользователь может установить его на любой гаджет, получать уведомления и работать с ним (даже без подключения к интернету). Это уже реальная технология, которую Google активно продвигает, и в этой статье я подробно расскажу о ней.
Прогрессивные веб-приложения (PWA) были анонсированы Google в 2015 году. Этот формат мобильного сайта привлек внимание своей относительной простотой разработки и почти мгновенным взаимодействием с пользователем. Уже в мае 2016 года на конференции разработчиков Google I/O газета Washington Post продемонстрировала свою гибрид мобильного сайта-приложения.
Что PWA? Вы можете думать об этом как о сайте, созданном с использованием веб-технологий, но взаимодействующем с пользователем как приложение. Достижения в дизайне браузера, кэшировании и push-интерфейсах позволили установить приложение на главный экран прямо из браузера, получать всплывающие уведомления и даже работать в автономном режиме.
Различия между PWA и нативными приложениями
1. В браузерах Google, Opera, Firefox и Microsoft PWA можно загрузить на любой гаджет вне зависимости от размера экрана и других характеристик. Кроме того, разработчики этих браузеров будут предлагать пользователям установить PWA при втором посещении сайта.
2. Разработчики приложений отмечают, что создать прогрессивное приложение проще и быстрее, чем обычный сайт.
3. API с обратной совместимостью не требуется. В случае с PWA пользователи запускают одну и ту же версию кода сайта (в отличие от настольных приложений).
Анимированный пример баннера с предложением установить PWA на главный экран от Разработчики Google.
И это только начало. Microsoft уже изучает, как перенести прогрессивные веб-приложения в Магазин Windows. Google в мае 2016 года обнародовал длинный список идей для прогрессивной разработки приложений. И то, что поисковые системы будут уделять особое внимание PWA в будущем, кажется неизбежным.
Присмотритесь: прогрессивные приложения могут стать вашим золотым билетом SEO-продвижение приходящий.
Почему компаниям следует создавать прогрессивные веб-приложения и почему именно сейчас?
Начнем со второго вопроса. В июне Recode недавно выпустил изучатьчто подтвердило то, что уже звучало на языке многих специалистов: бум традиционных приложений закончился, а процент удаляющих приложения продолжает расти.
Комскор недавно информированныйчто большинство пользователей смартфонов не загружают ни одного приложения в месяц. Лишь около трети владельцев смартфонов что-либо скачивают, и большинство из них скачивают от одного до трех приложений в месяц.
Почему прогрессивные веб-приложения будут иметь значение?
1. Пользователи могут переходить к прогрессивным приложениям по ссылкам в социальных сетях, во время просмотра веб-страниц или непосредственно из поисковой выдачи. Согласитесь, это намного удобнее, чем соревноваться за просмотры с доступно два миллиона приложений в iOS App Store или Google Play Store.
2. Предложение установить прогрессивное приложение отображается только тогда, когда веб-приложение соответствует определенным критериям и пользователь проявил интерес через повторное посещение сайта.
3. Установка приложения происходит мгновенно. Любые компоненты, загрузка которых занимает много времени, уже кэшируются при первом посещении сайта пользователем.
4. Прогрессивные приложения намного меньше, потому что они эффективно используют возможности браузера.
5. Push-уведомления, офлайн-работа и все остальные прогрессивные функции приложения будут работать, даже если посетитель его никогда не устанавливал.
6. Обычные приложения можно использовать только на той платформе, для которой они созданы. Вы не можете использовать приложение на своем компьютере так же, как на устройстве Android или iOS. Кроме того, только те, у кого оно установлено, могут использовать приложение.
Прогрессивные веб-приложения будут работать везде, независимо от того, установлены они или нет. Они будут работать даже на платформах, которые еще не поддерживают полную функциональность PWA — даже со старых ПК с примитивными браузерами к ним можно получить доступ. Правда – с ограниченным функционалом.
Можно сказать, что есть настольные приложения, которые поддерживаются на всех платформах. Но поддержка таких приложений стоит копейки. Прогрессивные веб-приложения могут сократить эти расходы, предлагая одно приложение, работающее на любой платформе.
7. Когда вы не в App Store, вы не ограничены правилами App Store и вам не нужно платить 30% от продаж.
Недостатки прогрессивных веб-приложений
1. PWA — новая технология, поэтому примеров реализации этого формата немного. Те, кто рискнет, станут пионерами.
2. На момент публикации прогрессивные веб-приложения не являются общедоступными. Да, Chrome и Opera начали поддерживать прогрессивные веб-приложения. Firefox и Microsoft взяли на себя обязательства по поддержке. Пока только Apple не планирует поддерживать этот формат.
Однако сегодня ни одна из этих причин не мешает тестировать PWA как формат.
В чем именно «прогрессивность» нового формата?
В данном случае масштабируемость означает, что приложение с ограниченным функционалом может работать на любом гаджете и в любом месте, но когда пользователь переходит на более продвинутое устройство или браузер, функции PWA расширяются. И при этом нет необходимости скачивать его по несколько раз на каждое из устройств.
После внедрения прогрессивного веб-приложения AliExpress увеличение конверсий с iOS-устройств на 82%. Несмотря на то, что iOS пока не поддерживает PWA.
Google опубликовал тематические исследования компаний, внедривших прогрессивные веб-приложения. Их результаты обнадеживают.
- AliExpress увеличил коэффициент конверсии новых пользователей на 104%.
- Юнайтед Экстра Электроникс показали 4-кратное увеличение числа посетителей и 100-процентное увеличение продаж пользователей в результате взаимодействия с всплывающими уведомлениями.
- 5 миль Снизил показатель отказов на 50% и увеличил конверсию на 30%.
- Конга использовать на 92% меньше данных для первоначальной загрузки по сравнению с загрузкой собственного приложения.
Вашингтон пост создал прогрессивное веб-приложение, которое устанавливается в фоновом режиме, когда люди читают свои AMP-страницы в результатах поиска Google. В результате количество посещений статьи увеличилось на 12%. Они увеличили загрузку статей с 8 секунд в 2013 году до 80 миллисекунд в Progressive Web App.
Почему вы должны спешить?
Сегодня пользователю достаточно дважды посетить ваш сайт, чтобы получить приглашение браузера установить PWA. Но по мере увеличения числа развертываний технологий частота предложений по установке также будет меняться, и таких предложений будет меньше. Все больше и больше компаний начинают внедрять прогрессивные веб-приложения, и скоро станет сложно выделиться из толпы.
Подробнее по теме:
- Посмотрите и почувствуйте прогрессивные веб-приложения.
- Разберитесь с проблемами реализации и создайте свое первое PWA с помощью Удасити курс.
- Понимание прогрессивных веб-приложений с представителем Google Андреем Липатцевым. Он рассказал об этой технологии на SEO-день WebPromoExperts.
