Коротка відповідь: щоб перевірити фавікон сайту онлайн, введіть домен у безкоштовну Перевірку Favicon PromoPilot та натисніть «Перевірити». Інструмент знайде всі іконки, оголошені в HTML і що лежать по стандартних шляхах на кшталт /favicon.ico, покаже прев'ю та розмір кожної, перевірить Apple Touch Icon і підкаже, яких розмірів не вистачає. Нижче є мінімальний набір іконок, готовий код і причини, з яких Google показує сірий глобус замість вашого логотипу.
Я роблю сайти 12 років і знаю: favicon забувають частіше за будь-який інший елемент. Дизайнер малює логотип, розробник збирає сайт, а іконку у вкладці так ніхто і не поставив — до першого запитання клієнта «а чому конкурент у Google має значок, а в нас немає?».
Що перевіряє Перевірка Favicon?
Іконка сайту давно перестала бути одним файлом favicon.ico. Браузери, iPhone, Android та Google використовують різні файли та розміри. Інструмент збирає їх у один звіт.
| Що перевіряє | Що дивиться | Навіщо це сайту |
|---|---|---|
| Іконки з HTML | Всі теги <link rel="icon">, shortcut icon, apple-touch-icon | Саме їхні браузери та Google беруть насамперед |
| Стандартні шляхи | /favicon.ico в корені сайту та інші типові адреси | Багато систем шукають іконку там навіть без тега |
| Розмір кожної іконки | Ширина та висота у пікселях, формат ICO, PNG, SVG | Дрібна іконка розмивається на екранах високої чіткості |
| Apple Touch Icon | Чи є іконка для iPhone та iPad | Без неї на екрані «Додому» буде скріншот сторінки |
| попередній перегляд | Як виглядає кожна знайдена іконка | Видно биті, порожні чи чужі (шаблонні) значки |
| Рекомендації | Яких розмірів не вистачає | Готовий список завдань для дизайнера |
Як перевірити фавікон сайту онлайн?
- Відкрийте Перевірку Favicon.
- Введіть домен - достатньо
example.comбез вказівки сторінки. - Натисніть кнопку «Перевірити». Інструмент проаналізує HTML головної та стандартні шляхи.
- Перегляньте знайдені іконки: превью, формат і розмір кожної. Зверніть увагу, чи серед них немає стандартного значка CMS або хостингу.
- Прочитайте рекомендації та передайте відсутні розміри дизайнеру або зробіть їх самі.
Сторінка інструменту: поле для домену, кнопка «Перевірити» та опис перевірок із FAQ.
Перевірка легка – гостьового ліміту вистачить, щоб перевірити свій сайт та пару сайтів конкурентів для порівняння. Іконки будь-якого сайту можна подивитися та завантажити – зручно, якщо потрібно знайти вихідний власний логотип, втрачений разом зі старим підрядником.
Які розміри favicon потрібні у 2026 році?
Генератори іконок часто видають по 20 файлів, але реально потрібний компактний набір. Ось мінімум, який я ставлю на всі свої проекти:
| Файл | Розмір | Де використовується |
|---|---|---|
favicon.ico | 16×16 та 32×32 в одному файлі | Старі браузери, системи, які шукають іконку в корені |
favicon.svg | Векторна | Сучасні браузери, чіткі на будь-якому екрані |
apple-touch-icon.png | 180×180 | iPhone та iPad, екран «Додому» |
icon-192.png та icon-512.png | 192×192 та 512×512 | Web-manifest: Android, встановлення сайту як програми |
І код для <head>:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Порада з дизайну: на 16 пікселях логотип із текстом перетворюється на пляму. Використовуйте символ, першу літеру назви або спрощений знак на контрастному тлі. Для Apple Touch Icon не робіть прозоре тло — iOS заллє його чорним.
Як зробити favicon самому, без дизайнера?
Якщо іконки зовсім немає, зробити базовий набір можна за півгодини. Порядок такий:
- Візьміть знак, а не логотип. Перша літера назви, символ з логотипу чи проста геометрична фігура у фірмовому кольорі. Перевірте, що на 16 пікселях її можна дізнатися.
- Намалюйте квадрат 512×512. Підійде будь-який графічний редактор чи онлайн-конструктор. Залиште невеликі поля по краях, щоб знак не упирався у межі.
- Збережіть вихідний код у SVG - з нього вийде
favicon.svg, а всі PNG потрібних розмірів можна нарізати без втрати якості. - Згенеруйте решту розмірів (ICO, 180, 192) в генераторі іконок і покладіть файли в корінь сайту.
- Вставте код у head та перевірте результат у інструменті ще раз.
Окремо перевірте, як іконка виглядає темною темі браузера: чорний знак на прозорому тлі у вкладці темного Chrome просто зникає. Рятує світла підкладка чи контрастний контур.
Чому Google не показує сайт favicon?
Найчастіше питання. Якщо у видачі поруч із адресою сірий глобус, причин зазвичай є кілька:
- Значок не квадратний. Google вимагає співвідношення сторін 1:1 і розмір не менше 8х8, а рекомендує більше 48х48: крихітний
favicon.ico16х16 у видачі виглядає розмито. - Значок закрито від робота. Google bot-Image повинен мати доступ до файлу іконки, а Google bot – до головної. Якщо папка з зображеннями заборонена в robots.txt або файл помилково відобразиться, піктограма у видачі не буде.
- Тег стоїть не на головній. Google бере favicon з головної сторінки домену або піддомена; головний розділ на зразок
example.com/shopне підходить. - Адреса іконки нестабільна. Якщо шлях змінюється при кожній збірці сайту (
/icon.a83f2.png), Google може не встигати його оновити. - Минуло мало часу. Після виправлення Google оновлює іконку не відразу; прискорити можна запитом повторного сканування головною Search Console. Точних термінів Google не називає, тому перевіряйте видачу не раніше ніж через кілька днів.
- Значок порушує правила. Неприйнятні зображення Google замінює стандартним значком.
Порівняння: Перевірка Favicon та альтернативи
| Інструмент | Що безкоштовно | Обмеження | Кому підходить |
|---|---|---|---|
| PromoPilot - Перевірка Favicon | Всі іконки з HTML та стандартних шляхів, розміри, прев'ю, Apple Touch Icon, рекомендації | Чи не створює іконки, перевіряє головну | Швидко перевірити свій сайт чи конкурента |
| RealFaviconGenerator | Генерація набору іконок та коду, перевірка favicon | Генератор видає багато файлів, потрібно розібратися, які залишити | Тим, кому потрібно зробити іконки з нуля |
| Google Search Console | Запит повторного сканування головною | Тільки свій підтверджений сайт іконку не перевіряє | Прискорити оновлення значка у видачі |
| Інструменти розробника у браузері | Вкладка з маніфестом та іконками | Потрібно знати, де шукати | Розробникам |
Висновок: для перевірки зручніший онлайн-інструмент, для створення набору — генератор, для прискорення оновлення в Google — Search Console.
До речі, у PromoPilot 87 безкоштовних SEO-інструментів. Як favicon виглядає поряд із заголовком у видачі, зручно дивитися в SERP-прев'ю - про нього є окрема стаття в нашій серії.
Які обмеження перевірки favicon?
Інструмент перевіряє те, що сайт оголошує та віддає: він не скаже, коли Google оновить значок у видачі, – це вирішує сама пошукова система. Якщо іконки підключаються скриптом після завантаження сторінки, частина з них може не потрапити до звіту. І перевірка дивиться на домен в цілому — якщо різні розділи сайту мають різні іконки (наприклад, піддомен магазину), перевірте їх окремо.
Коли безкоштовний інструмент мало?
Favicon - дрібниця, яка рідко вимагає фахівця. Але трапляються випадки, коли дрібниця — симптом. Допомога потрібна, якщо:
- правильна іконка, а Google місяцями показує глобус — значить, проблема в доступі робота або в шаблоні;
- бренд не має простого знаку, і потрібен фірмовий стиль, який працює на 16 пікселях;
- сайт збирається збирачем і шляхи до іконок змінюються при кожному оновленні;
- favicon — лише одна з десятків дрібних помилок, що накопичувалися роками.
Що я можу зробити для вашого сайту?
Я Валерій Данюк, розробник та SEO-фахівець: 12 років та 200+ клієнтів. Favicon, прев'ю для соцмереж та розмітку я налаштовую на кожному сайті ще до запуску.
SEO та аудит
- SEO-аудит сайту під ключ: знаходжу всі технічні дрібниці - від favicon і прев'ю до індексації та швидкості - і виправляю їх у коді.
Сайти та інтернет-магазини
- Сайт в стилі чужого сайту, що сподобався за хвилини - на 1001site іконки, превью і розмітка налаштовуються автоматично.
- Тільда з абонплатою або сайт з ІІ – чесне порівняння підходів.
- Скільки коштує сайт під ключ у 2026 році – з чого складається ціна.
- Сайт на WordPress з ІІ-помічником за 299 € та 3 дні.
CRM та автоматизація
- Своя CRM з базою клієнтів та ЛПР для компанії зі Словаччини.
- CRM для авторозбірки, яка сама вважає ціни та друкує накладні.
Надішліть адресу сайту в Telegram - перевірю іконки і ще п'ять-шість дрібниць, які часто забувають.
Підсумок
- Перевірка favicon за хвилину знаходить усі іконки сайту, їх розміри та показує, яких не вистачає.
- Мінімальний набір: favicon.ico, favicon.svg, Apple Touch Icon 180×180 та іконки 192 та 512 для web-manifest.
- Для Google іконка має бути квадратною, більшою за 48×48, доступною роботу та оголошеною на головній.
- Якщо простіше зробити сайт заново, ніж лагодити дрібниці, — на 1001site іконки та прев'ю налаштовуються самі.
Перевірте свій домен у безкоштовній Перевірці Favicon - а заразом домен головного конкурента.
Джерела
- Сторінка інструменту "Перевірка Favicon" PromoPilot - список перевірок та FAQ.
- Google Search Central – вимоги до favicon у результатах пошуку.
- RealFaviconGenerator - генерація та перевірка набору іконок.
