Фавикон не отображается или не обновляется

Автор

Если фавикон не появился, причина не всегда в файле. Браузер, CDN, service worker и поисковая система могут хранить разные версии. Последовательная диагностика помогает не менять несколько параметров одновременно.

Лупа над разными этапами загрузки фавикона
URL, HTML, кэши и доступ поисковых роботов стоит проверять отдельно.

Начните с запроса файла

Откройте точный URL, на который ссылается элемент link. Он должен отвечать без авторизации, с правильным содержимым и без ненужной цепочки перенаправлений. HTML-страницу ошибки под именем favicon.ico невозможно декодировать как значок.

На панели Network отфильтруйте запросы по icon или favicon. Запишите конечный URL, статус, тип содержимого и признак получения ответа из кэша.

Порядок диагностики фавикона
ПроверкаОжидаемый результатИсправление
Прямой URLОтвет 200 с изображениемИсправить путь или публикацию
Элемент linkПрисутствует в headИсправить итоговый HTML
КэшПолучен новый ответОчистить и проверить снова
Доступ роботовФайл доступенСнять блокировку

Проверьте фактически сформированный HTML

Изучайте итоговый документ, а не только его исходный шаблон. Расширение, тема или компонент могут вставить второй элемент значка после вашего и заставить браузер выбрать другой файл.

Проверьте пути с глубоко вложенной страницы и точный регистр букв в именах файлов. На сервере с учётом регистра Favicon.svg и favicon.svg — разные ресурсы.

Проверьте каждый уровень кэша отдельно

Сначала протестируйте в новом профиле или с отключённым сетевым кэшем. Если новое изображение доступно на исходном сервере, но не на публичном домене, очистите CDN. Если установлена PWA, проверьте также её service worker и манифест.

Для следующего обновления можно использовать имя файла с версией, чтобы сделать смену явной. Оставьте /favicon.ico доступным для клиентов, которые запрашивают его по соглашению.

Первоисточники

Частые вопросы

Почему возвращается старый фавикон?

Один из кэшей, service worker или второй элемент значка могут по-прежнему отдавать старый файл. Перед очисткой определите URL, который действительно загружается.

Достаточно параметра версии в URL?

Он помогает обойти некоторые кэши, но новое имя файла часто яснее показывает изменение. Сохраните запасной /favicon.ico доступным.

Фавикон в Google меняется сразу?

Нет. Google должен заново обойти и обработать страницу и значок. Точный срок не гарантируется.

Попробуйте на практике

Генератор бесплатно создаст полный набор за секунды, без отправки изображений на сервер.

Проверить фавикон общедоступного сайта

Что ещё почитать и попробовать

Другие инструменты LFFavicon и руководства с ответами на самые частые вопросы.

Инструменты

Руководства