web-manifest

manifest розміщується за адресою /manifest.json (або іншим шляхом, який ви вкажете) і підключається через HTML-тег ` з атрибутом rel="manifest". Основні поля включають name (повна назва бренду), short_name (назва під іконкою), icons (масив об'єктів зображень з src, sizes, type, purpose), theme_color (колір інтерфейсу браузера), background_color (колір екрана завантаження), display (standalone, minimal-ui або browser), start_url (точка входу) та scope` (межі навігації). ШІ-краулери, які рендерить сторінки — наприклад, ті, що забезпечують AI Overviews або цитування в чатах — завантажують manifest, щоб отримати офіційні ресурси бренду, а не намагатися вгадати їх через метатеги HTML.

Створіть коректний manifest.json у корені або за відомим шляхом. Додайте принаймні одну PNG-іконку 512×512 з параметром purpose: "any maskable", щоб вона працювала як адаптивна іконка на Android та як запасний варіант в інших місцях. Встановіть theme_color на ваш основний фірмовий колір у форматі hex, а background_color — на відповідний суцільний колір для екрана завантаження. Виберіть display: "standalone" для відчуття справжнього додатка. Додайте посилання на manifest у `` кожної канонічної сторінки. Перевірте за допомогою аудиту PWA у Lighthouse та панелі Application у Chrome DevTools, щоб підтвердити, що manifest розпізнано, а іконки завантажуються. Повторно перевірте після будь-якого редизайну або зміни логотипа.

Відкрийте Chrome DevTools → Application → Manifest, щоб побачити розпізнані поля та попередній перегляд іконок. Запустіть Lighthouse (Performance → Progressive Web App) і перевірте результати аудитів "Manifest" та "Icons". У Search Console звіт Enhancements → Rich results може відображати структуровані дані, пов'язані з manifest, якщо ви також використовуєте схему WebApplication. Для пошуку через ШІ стежте за тим, як ваш бренд з'являється в AI Overviews, цитатах Perplexity або результатах перегляду ChatGPT — однакові назва, логотип і колір свідчать про те, що manifest зчитується. Відсутність логотипа або використання звичайного favicon у цих результатах часто означає, що manifest відсутній, має помилки або заблокований.

• Передача manifest із заголовком Content-Type: text/plain замість application/manifest+json або application/json.
• Надання лише іконки 192×192; великі екрани масштабують розмите зображення.
• Відсутність purpose: "maskable", через що на Android іконка отримує білий фон.
• Встановлення start_url на / із невідповідністю завершального слеша, що створює помилку області видимості (scope error).
• Блокування /manifest.json у robots.txt або через заголовки noindex.
• Дублювання посилання на manifest з різними значеннями href на одній сторінці.

Маніфест не впливає на ранжування безпосередньо. Він впливає лише на те, як виглядає додаток під час встановлення сторінки або коли система ШІ вирішує відобразити брендові ресурси. Він не є заміною розмітці WebApplication або Organization від schema.org — вони надають структуровані дані для панелей знань та розширених результатів пошуку, тоді як маніфест керує інтерфейсом встановлення PWA. Якщо ваш сайт не можна встановити (немає service worker, немає HTTPS), браузери ігнорують маніфест. ШІ-краулери, які не рендерить JavaScript, не завантажать маніфест, впроваджений на стороні клієнта; файл має бути присутній у початковій HTML-відповіді.

Мінімальний, готовий до використання маніфест для бренду під назвою "Acme Analytics":

{
"name": "Acme Analytics",
"short_name": "Acme",
"start_url": "/",
"display": "standalone",
"background_color": "#003366",
"theme_color": "#003366",
"icons": [
{
"src": "/icons/icon-192.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "any"
},
{
"src": "/icons/icon-512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "any maskable"
}
]
}

Той самий термін словами, якими про нього питають асистента, а не набирають у рядку пошуку — написано із ситуації, тому кожне питання несе ту ситуацію, з якої виникло.

• Google Search Central — Web app manifest