SEO - PWA - прогрессивные Web приложения

Суть Progressive Web Apps довольно проста - веб-страницы или веб-приложения выглядят как мобильные приложения с похожими элементами взаимодействия и навигации. Технология использует определенную концепцию в дизайне, новейшие функции, которые поддерживают современные браузеры, технологии и веб-API, которые работают вместе, давая возможность создавать лучшие веб-сайты и мобильные приложения.

Ускоренные мобильные страницы хорошо комбинируются с PWA (Progressive Web Apps). Это открывает отличные перспективы для продвижения товаров на мобильных устройствах. Очевидно, что со временем формат Progressive Web Apps вытеснит классические приложения для iOS и Android, особенно для интернет-магазинов. Как и ускоренные мобильные страницы, прогрессивные веб-приложения могут дополнять уже существующую мобильную версию сайта, а также нативное приложение для iOS и Android.

PWA позволяет пользователям использовать новейшие функции, поддерживаемые современными браузерами, на веб-сайте, адаптированном под мобильные устройства, создавая иллюзию использования мобильного приложения. Особенности PWA:

  • совместимость с различными устройствами (ПК, планшеты, мобильные телефоны);
  • прогрессивность - работа в независимости от выбранного браузера;
  • быстрота - работа при низкой скорости интернета или даже оффлайн;
  • актуальность - возможность использования push-уведомлений, кеширования контента, обновления фонового контента и многое другое;
  • загрузка контента - быстрая загрузка с использованием App Shell как концепции дизайна;
  • безопасность - загрузка через https для обеспечения безопасного содержимого и предотвращения шпионажа;
  • поддержка собственных функций - аппаратная ускоренная 2D/3D графика через WebGL и HTML5 Canvas, удобные пользовательские интерфейсы (UI) с анимацией 60 кадров в секунду, запуск в полноэкранном режиме, доступ к буферу, доступ к файловой системе и чтение выбранных пользователем файлов в любом браузере;
  • легкость распространения контента - поделиться можно просто ссылкой (не нужно устанавливать доп.приложения);
  • закладки - пользователи могут добавлять закладки и сохранять свои любимые сайты на домашнем экране без необходимости установки приложения.

Исследования показывают, что каждый дополнительный клик, необходимый для использования “приложения”, приводит к увеличению показов на 20%, что является серьезным препятствием. Используя PWA вы сможете уменьшить количество кликов.

Оценим

плюсы и минусы PWA Начнем с плюсов:

  • отсутствие необходимости установки и обновления;
  • нет необходимости в отдельной кодовой базе;
  • возможность входа с главного экрана устройства;
  • быстрая загрузка в независимости от качества сети с технологией Service Worker;
  • оффлайн использование;
  • всегда свежий контент;
  • адаптивность и прогрессивность;
  • возможность поделиться по ссылке и индексируемость;
  • безопасность и ненавязчивость;
  • более низкая стоимость разработки в сравнении с приложением;
  • более легкий доступ к максимальному охвату и более активное взаимодействие с относительно меньшими затратами на развитие;
  • лучший выбор для тех, кто не имеет ресурсов для заказа приложения;
  • быстрый период разработки;
  • продуманный пользовательский интерфейс.

PWA предлагает множество преимуществ по сравнению с приложениями. Однако, когда дело доходит до интеграции или использования аппаратных функций устройства, технология имеет ограниченные возможности.

Пользователи могут переходить на прогрессивные приложения из ссылок в соцсетях, во время просмотра веб-страниц или непосредственно из выдачи. Согласитесь, это гораздо удобнее, чем конкурировать за просмотры с двумя миллионами доступных приложений на iOS App Store или Google Play Store.

Предложение установить прогрессивное приложение показывается только тогда, когда веб-приложение отвечает определенным критериям, и пользователь продемонстрировал интерес посредством повторного посещения сайта. Установка приложения происходит мгновенно. Все компоненты, которые требуют длительной загрузки, уже были установлены в кэш при первом посещении сайта пользователем.

Прогрессивные приложения гораздо меньше по размеру, так как они эффективно используют возможности браузера.

Всплывающие уведомления, работа в автономном режиме и все другие функции прогрессивного приложения будут работать даже если посетитель никогда его не устанавливал.

Прогрессивные веб-приложения будут работать в любом месте, независимо от того, установлены они или нет. Они будут работать даже на платформах, которые еще не поддерживают все функции PWA - даже со старых ПК с примитивными браузерами к ним можно будет получить доступ. Правда, с ограниченным функционалом.

Вы можете возразить, что существуют классические приложения, которые поддерживаются на разных платформах. Но поддержка таких приложений обходится в копеечку. Progressive Web Apps могут снизить эти затраты, сведя все к обеспечению одного приложения, которое работает на любой платформе.

Минусы:

  • не все устройства поддерживают функциональность программного обеспечения. Например, в некоторых версиях Android есть несколько проблем с поддержкой PWA: на iOS не поддерживаются уведомления и подсказки на главном экране;
  • неподдерживаемые пользовательские функции;
  • функции вызова, такие как SMS и звонки, отправка SMS/MMS, чтение голосовой почты, получение номера телефона пользователя, телефонные звонки без диалога Dialer;
  • доступ к календарю, тревогам, браузеру, управлению задачами, камерами и контактами;
  • доступ к датчикам и аппаратным средствам, таким как датчик атмосферного давления, фонарик, датчик приближения, магнитометр, Bluetooth API, датчик окружающего света, NFC, GPS, акселерометр и т.д., изменение журналов или системных настроек;
  • не поддерживается всеми браузерами;
  • не все аппаратные функции поддерживаются;
  • кросс-приложения не поддерживаются.

PWA - новая технология, поэтому существует не так много примеров реализации этого формата. Те, кто рискнет, станут первопроходцами. Впрочем, ни одна из этих причин не является препятствием для тестирования PWA как формата уже сегодня.

Если у вас онлайн-магазин (eCommerce), вам не стоит игнорировать PWA, которая делает ваш сайт похожим на мобильное приложение. И позволяет пользователям легко взаимодействовать с интерфейсом без установки приложения. АМР также может использоваться для сайтов eCommerce, но в технологии есть ограничения, которые отнимут много времени для их обхода.

Динамические сайты и ориентированные на взаимодействие с клиентом выигрывают при использовании PWA, так как технология предназначена для улучшения пользовательского опыта, а не просто на быструю загрузку контента. Если хотите сделать свой сайт удобным для пользователей, чтобы они чаще возвращались за покупкой к вам, стоит использовать PWA. Также PWA предлагает дополнительные функции, такие как доступность в режиме оффлайн и интеграция с NFC, Bluetooth и др.

Примеры PWA здесь:

http://pwa.rocks/

Google опубликовал тематические исследования компаний, внедривших прогрессивные Web Apps. Их результаты обнадеживают:

  1. AliExpress увеличил коэффициент конверсии для новых пользователей на 104%.
  2. United eXtra Electronics показал 4-кратное увеличение возвратов посетителей и на 100% повысил уровень продаж от пользователей, которые приходят в результате взаимодействия со всплывающими уведомлениями.
  3. Smiles снизил показатель отказов на 50% и увеличил конверсии на 30%.
  4. Konga используют на 92% меньше данных для первоначальной загрузки по сравнению с загрузкой их родного приложения.
  5. The Washington Post создали Progressive Web App, который установлен в фоновом режиме, когда люди читают их АМР страницы в результатах поиска Google. В результате количество посещений статей выросло на 12%. От загрузки статей по 8 секунд в 2013 они пришли к 80 миллисекундам в Progressive Web App.



Copyright 2018 SEO-MOB.ru