Не очікувала цього
Після кількох днів роботи над SEO я вирішила оновити favicon та іконки сайту. Здавалося б, це дрібниця, але після чергового відкриття сайту Chrome раптом запропонував встановити його як застосунок.
Я цього зовсім не очікувала.
Що змінилося
я оновила favicon;
додала повний набір іконок;
створила Web App Manifest;
налаштувала масковану Android-іконку;
додала Safari Pinned Tab;
вказала theme color;
перевірила всі посилання на іконки.
Саме після цього Chrome почав вважати сайт достатньо підготовленим для встановлення.
Чому це сталося
Chrome перевіряє не одну окрему умову, а цілий набір вимог.
Якщо сайт має правильний manifest, достатній набір іконок, працює через HTTPS і відповідає вимогам браузера, користувач може побачити пропозицію встановити його як застосунок.
| Що перевіряє Chrome | Для чого це потрібно |
|---|---|
| HTTPS | Безпечне встановлення |
| Web App Manifest | Інформація про застосунок |
| App Icons | Іконки для різних платформ |
| Theme Color | Інтеграція із системою |
| Display Mode | Відображення після встановлення |
Це ще не повноцінний застосунок
Поява кнопки Встановити ще не означає, що сайт автоматично став повноціним PWA.
Наприклад, офлайн-режим забезпечує Service Worker, а його в моєму проєкті поки що немає.
Тобто зараз сайт уже можна встановити, але попереду ще кілька кроків до повноцінної PWA.
Іноді одна невелика зміна відкриває можливість, про яку навіть не думала. У моєму випадку це було звичайне оновлення favicon.
Що планую зробити далі
додати Service Worker;
реалізувати кешування;
протестувати офлайн-режим;
перевірити встановлення на різних пристроях;
дослідити інші можливості PWA.
