Фавікон не з’являється або не оновлюється

Автор

Якщо піктограма веб-сайту відсутня, проблема не завжди у файлі. Браузер, CDN, сервіс-воркер і пошукова система можуть зберігати різні версії. Впорядкований діагноз дозволяє уникнути зміни кількох змінних одночасно.

Екранна лупа перевіряє різні шари завантаження піктограм
URL, HTML, кеші та сканування слід перевіряти окремо.

Почніть із запиту файлу

Відкрийте точний URL, на який посилається елемент посилання. Він повинен відповідати без автентифікації, з правильним вмістом і без непотрібного ланцюжка перенаправлення. Сторінку помилки HTML під назвою favicon.ico не можна розшифрувати як значок.

На панелі Network відфільтруйте запити за icon або favicon. Запишіть кінцевий URL, статус, тип вмісту та те, чи отримано відповідь із кешу.

Порядок діагностики фавікона
ПеревіркаОчікуваний результатВиправлення
Прямий URLВідповідь 200 із зображеннямВиправити шлях або розгортання
Елемент посиланняНаявний у headВиправити сформований HTML
КешОтримано нову відповідьОчистіть, потім перевірте повторно
Доступ для скануванняФайл доступнийЗняти блокування

Перевірте HTML, який фактично відображається

Перегляньте створений документ, а не лише його вихідний шаблон. Розширення, тема чи компонент можуть додати другий елемент піктограми після вашого, і браузер вибере інший файл.

Перевірте шляхи з глибоко вкладеної сторінки та точний регістр імені файлу. На сервері з урахуванням регістру Favicon.svg і favicon.svg є різними ресурсами.

Ізолюйте кожен шар кешу

Спершу перевірте в новому профілі або з вимкненим мережевим кешем. Якщо сервер-джерело вже віддає нове зображення, а публічний домен — іще ні, очистіть кеш CDN. Якщо встановлено PWA, перевірте також його service worker і маніфест.

Для наступного оновлення ім’я файлу з номером версії допоможе явно позначити зміну. Залиште /favicon.ico доступним для клієнтів, які запитують цю адресу за усталеною домовленістю.

Першоджерела

Поширені запитання

Чому повертається старий фавікон?

Рівень кешу, сервіс-воркер або другий елемент піктограми все ще можуть обслуговувати старий файл. Визначте фактично завантажений URL перед очищенням.

Чи достатньо параметра запиту версії?

Він може обійти деякі кеші, але нове ім’я файлу часто є більш чітким. Залиште резервний варіант /favicon.ico доступним.

Чи миттєво змінюється фавікон Google?

Ні. Google має повторно сканувати та повторно обробити сторінку та значок. Немає гарантованої точної затримки.

Застосуйте це на практиці

Генератор створює повний набір за лічені секунди, безкоштовно та без завантаження ваших зображень.

Діагностувати мій публічний фавікон

Що читати і пробувати далі

Інші інструменти LFFavicon та посібники, які відповідають на запитання, які люди ставлять найчастіше.

Інструменти

Посібники