Progressive Web App (PWA, прогресивний вебзастосунок) — це вебсайт, який поводиться як мобільний застосунок: працює офлайн, надсилає пуш-сповіщення й встановлюється іконкою на екран телефона, але залишається звичайним сайтом за URL. Термін запропонували в Google 2015 року. По суті це «золота середина» між сайтом і нативним застосунком зі стору.
Простими словами: відкриваєш сайт у браузері, а він пропонує «встановити» себе — і далі поводиться майже як застосунок із Google Play. Тільки завантажувати нічого не треба.
Що таке PWA і навіщо він потрібен
Головна ідея — один код замість двох. Замість окремих застосунків під Android та iOS + сайту компанія робить одну PWA, яка працює скрізь. Не треба проходити модерацію в сторах, а користувач економить пам’ять телефона. Саме тому з 2015 року, коли Google ввів термін, PWA стали популярними у медіа, e-commerce та сервісах із частими поверненнями користувачів.
Як працює PWA
- Service Worker — фоновий скрипт, що кешує дані й дає роботу офлайн та пуш-сповіщення.
- Web App Manifest — файл із назвою, іконками й налаштуваннями, завдяки якому сайт «встановлюється» на екран.
- HTTPS — обов’язкова умова: без захищеного з’єднання PWA не запрацює.
PWA і SEO: що врахувати
PWA часто будують на JavaScript-фреймворках, а це класичне поле для JavaScript SEO. Ризики: якщо контент з’являється лише після виконання скриптів, Google може його не побачити або побачити із затримкою. Тому важливо, щоб кожна «сторінка» PWA мала власний унікальний URL (а не жила за одним #-якорем), а рендеринг був серверним або динамічним. Інакше офлайн-краса є, а індексації немає.
Приклад
Класичні кейси — Twitter Lite та PWA Starbucks: сайт відкривається як застосунок, працює навіть при поганому зв’язку й вантажиться швидше за важкий нативний застосунок. Користувач ставить іконку на екран, отримує пуші — а формально це все ще сайт, який Google індексує за звичайними URL.
Часто плутають з…
- Нативний застосунок — окрема програма зі стору під конкретну ОС; PWA — сайт, що лише імітує застосунок.
- Адаптивний дизайн — це підлаштування верстки під екран; PWA додає офлайн, пуші й встановлення.
- AMP — це прискорені сторінки для швидкого показу; PWA — про «застосунковий» досвід, а не лише про швидкість.
Питання та відповіді
PWA впливає на SEO?
Опосередковано — так. Швидкість і зручність покращують поведінкові сигнали, але головний нюанс — коректний рендеринг JavaScript та окремі URL, інакше Google не проіндексує контент.
Чим PWA відрізняється від нативного застосунку?
PWA не треба завантажувати зі стору — це сайт, що встановлюється з браузера. Нативний застосунок ставиться з Google Play чи App Store і глибше інтегрований з ОС.
Чи індексується PWA в Google?
Так, якщо в неї є справжні URL і контент доступний пошуковику. Проблеми виникають, коли все тримається на клієнтському JavaScript без серверного рендерингу.
Сайт на JavaScript погано індексується? Перевіримо рендеринг і виправимо — SEO-аудит та виправлення помилок на сайті.
Схожі терміни: JavaScript SEO, Адаптивний дизайн, Core Web Vitals, Індексація.
