Що таке фавікон
Фавікон (favicon) — маленький значок сайту у вкладці браузера, закладках, історії та результатах пошуку Google на мобільних. Він допомагає швидко знайти потрібну вкладку й додає сайту впізнаваності й довіри. Сайт без фавікона виглядає незавершеним, а браузер усе одно запитає файл /favicon.ico і отримає помилку 404.
Які файли створює генератор
- favicon.ico — класичний значок, у якому одразу три розміри: 16, 32 і 48 пікселів.
- favicon-16x16.png і favicon-32x32.png — PNG для вкладки браузера, зокрема на екранах Retina.
- apple-touch-icon.png — значок 180×180 для iPhone, iPad і Safari.
- android-chrome-192x192.png і 512x512 — значки для Android, PWA та ярликів на головному екрані.
- site.webmanifest — маніфест, що підключає значки Android і PWA.
Як підключити фавікон до сайту
- Завантажте ZIP-архів і розпакуйте його.
- Покладіть усі файли в корінь сайту, щоб
favicon.icoвідкривався за адресою/favicon.ico. - Вставте згенерований код між тегами
<head>на кожній сторінці або в шаблон сайту. - Оновіть сторінку з очищенням кешу: браузери тримають старий значок дуже довго.
У WordPress значок можна також задати в налаштуваннях теми (Вигляд → Налаштувати → Ідентичність сайту), а Google показуватиме його в пошуку, коли пересканує сайт.
Поради, щоб значок виглядав добре
Фавікон і пошук Google
Google показує фавікон поруч із результатом у мобільній видачі. Вимоги такі: файл має бути доступний боту, квадратний, не менше 8×8 і краще кратний 48 пікселям, а адреса значка не змінюватися постійно. Перевірте, що сторінка, на якій заданий значок, не закрита в robots.txt, а HTML-код сторінки коректний у симуляторі робота.
Обмеження генератора
Генератор створює ICO з PNG-зображень трьох розмірів, а анімовані й векторні значки (SVG-фавікон) не підтримує. Якщо потрібен складний значок з прозорістю й тінями, підготуйте його в графічному редакторі й завантажте як картинку.
Що ще вміє StayIndexed
Ця сторінка — безкоштовний інструмент від сервісу StayIndexed. У кабінеті можна зберегти список сайтів і слідкувати за їхньою індексацією, швидкістю, посиланнями та технічним станом, а основна справа сервісу — стежити, як ваші сторінки почуваються в Google.
Скільки це коштує
Перевірка безкоштовна: і на цій сторінці, і в кабінеті. Токенами оплачуються інші послуги: індексація, швидкість і беклінки — по 3 токени за перевірку. При реєстрації нараховується 30 токенів, без картки.
Поширені запитання
Як створити фавікон для сайту?
Введіть літеру чи емодзі або завантажте картинку, оберіть колір і форму, а потім завантажте ZIP з усіма файлами й вставте згенерований код у head сайту.
Який розмір має бути в фавікона?
Базові розміри — 16×16 і 32×32 пікселі для вкладки, 180×180 для iOS і 192×192 та 512×512 для Android. Генератор створює всі ці розміри й збирає favicon.ico з трьох: 16, 32 і 48.
Чому фавікон не змінюється після заміни?
Браузери довго зберігають старий значок у кеші. Відкрийте сайт у приватному вікні чи очистіть кеш, а в тезі link іноді допомагає додати параметр версії, наприклад favicon.ico?v=2.
Чи потрібен favicon.ico, якщо є PNG?
Так, бажано. Деякі браузери, RSS-читачі й сервіси досі запитують саме /favicon.ico, а без нього отримують помилку 404.
Чи можна зробити фавікон з емодзі?
Так: введіть емодзі у відповідне поле, і ми намалюємо його на вибраному фоні. Вигляд емодзі залежить від вашої системи, тому дивіться на попередній перегляд.
Скільки коштує генератор фавікона?
Нічого: генератор безкоштовний і на цій сторінці, і в кабінеті StayIndexed, а картинка не залишає ваш браузер.